Click your mouse for next slide Dreamweaver – Introduction and Site Maps Dreamweaver is a state of the art web design program It will allow you to design.

Slides:



Advertisements
Similar presentations
How To Make Your Own Web Page: Basic Web Design
Advertisements

CTER Orientation Tutorial The Use of the WebBoard.
Managing Your Site – Lesson 61 Managing Your Site Lesson 6.
Creating Online Presentations. Creating a Presentation To create a presentation 1.Open PowerPoint. In the task pane under New select From Design Template,
Learning the Basics – Lesson 1
Newsletter Plugin The newsletter plugin allows you to create and send newsletters to a managed list or multiple lists of users. Your users can subscribe.
Click your mouse for next slide Dreamweaver – Colors and Page Properties So far things are going just dandy aren’t they? You’ve been following FST’s fun.
Click your mouse for next slide Dreamweaver – Merging, Coloring, Fonts Now it’s time to fill your page with some more interesting stuff The first thing.
Building Web Pages With Microsoft Office. Introduction This tutorial is for the beginning web builder. It utilizes software that you already have, Microsoft.
Exercise 1 Checklist Dreamweaver - Local Root Folder –Make sure it is properly specified in Dreamweaver  Verify Otherwise can cause problems with local.
Creating a Site Defining the Local site Setting up the Remote Site Identifying the Testing Server.
Dreamweaver Basics In this section you will learn how to:
CSS Box Model An CSS Primer Tutorial. Project 04 Open Finder or Windows explorer and path the folder where you store your class project work. Make a copy.
Rollover Buttons UNIT 2. Purpose When you move your mouse onto a button the image on it rolls over to something else Link to example website.
Introduction to. What is Office 365 Office 365 is the same Office you already know and use every day. Office 365 is powered by “the cloud” which is a.
Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.
Using Dreamweaver. Slide 1 Dreamweaver has 2 screens that do different things The Document window where you create your WebPages The Site window where.
INTRODUCTION TO DREAMWEAVER 8. What we already know…  Design basics  Contrast  Repetition  Alignment  Repetition  HTML.
Planning a Web Site Unit Two Planning Steps 1. Determine the audience & objectives. 2. Sketch a storyboard or flowchart of the pages. 3. Create a folder.
Web Technologies Website Development Trade & Industrial Education
Tutorial 1: Getting Started with Adobe Dreamweaver CS4.
Click your mouse for next slide Flash – Introduction and Startup Many times on websites you will see animations of various sorts Many of these are created.
Click your mouse for next slide Flash - Motion Tweening Creating a movie frame by frame would be very time consuming It would also be very jerky unless.
Microsoft Windows 7 Essential Introduction to Windows 7.
Intro to C++. Getting Started with Microsoft Visual Studios Open Microsoft Visual Studios 2010 Click on file Click on New Project Choose Visual C++ on.
Log on to Digital Locker Website You should be able to log on using Internet Explorer browser at the campus. You may need to log in using Mozilla FireFox.
Website Development with Dreamweaver
Internet Browsing the world. Browse Internet Course contents Overview: Browsing the world Lesson 1: Internet Explorer Lesson 2: Save a link for future.
Go to the website and highlight the address. Once highlighted, right click the highlight once, and select copy.
WEBiT Adding a new page. 1. View a page like the one you wish to create a. Navigate to a page with a similar layout to the new page you wish to create.
Presenter- Deborah Coker  Advantages of having a site  Features you may want to have on your site  Menus, Tabs, and Ribbons  Creating.
Dreamweaver An introduction to Dreamweaver by a beginner who can show you the rudiments of quickly and easily creating a web site. An attempt to offer.
Uploading Your Page to the Internet Configuring FTP on Dreamweaver.
Fall 2005 Using FrontPage to Enhance Blackboard - Darek Sady1 Using FrontPage to Enhance Blackboard 1.Introduction 2.Starting FrontPage 3.Creating Documents.
Click your mouse for next slide Dreamweaver – Setting up your Page The first way to ensure that you have a consistent design is to use table to set up.
CTER Orientation Tutorial The Use of the WebBoard.
McGraw-Hill/Irwin The Interactive Computing Series © 2002 The McGraw-Hill Companies, Inc. All rights reserved. Microsoft Excel 2002 Lesson 1 Introduction.
 Research on the best software that suits your preference. I recommend Adobe Dreamweaver as that is what I’m using to create my website.
Patrick Bailey, MS IDIS110 Dreamweaver Setup. IDIS110 - RIT After you start Dreamweaver On the first time, if you are asked, select “Design Mode” Otherwise,
Click your mouse for next slide Dreamweaver – Creating New Pages Creating new pages is easy Choose the File menu and choose New file Or Hold down Ctrl.
HOW TO UPLOAD A WEBSITE BY KATIE HARDAKER.  SEARCH THE INTERNET THE VARIETY OF OPTIONS AVAILABLE FOR CONSTRUCTING A WEBSITE AND CHOOSE THE APPROPRIATE.
Click your mouse for next slide Dreamweaver – Inserting and Formatting Text Inserting text is just as easy as inserting pictures If you wish to type text.
Review of last session Add text to your website Add text to your website Title Title Paragraph Paragraph Title and paragraph Title and paragraph Add photographs.
Macromedia Dreamweaver 8-- Illustrated Introductory 1 Macromedia Dreamweaver 8 Unit B Creating a Web Site.
Website Editing From Gingerweb The Image Gallery.
Sports Website Creation. In this project you will design and produce your own website.
Click your mouse for next slide Dreamweaver – Designing Your Pages In the picture to the right you see a typical web page. Actually this web page is one.
Click your mouse for next slide Animation Settings Place your pictures and text Right click the frame you want to animate Choose Animation Settings OR.
Your Digital Technology Briefcase My information…when and where I need it.
Let’s get started! 1. Go to weebly.com 2. Fill in your information.
Click your mouse for next slide Adding Text Click in any text box Type in your text OR.
January 2006Colby College ITS Setting Up Course Pages.
Double –Click on the Netscape Icon on your desktop The following are a series of steps to help you get started with Netscape Composer.
How to create & use Dreamweaver Templates. Creating a Dreamweaver Template o A template is a common structure or layout of a web site that most of your.
Amy Jo Harrell 2006 Making your own web site Yes, I mean you!
Know your computer Make a Folder Copy from Word to Composer Format the Font Change the Alignment Format the Background Format the Colors Insert a Picture.
Click your mouse for next slide Flash – Fades and Alphas One useful thing you can so is to do a fade in of a picture or an image This is done by controlling.
ENA CONTACTS MERGE THIS IS ANSWER TO THE $1,000,000 QUESTION ASKED BY EVERY MILAN SPECIAL SCHOOL DISTRICT EMPLOYEE SINCE WE MOVED TO GOOGLE.
Click your mouse for next slide Dreamweaver – Inserting Flash Buttons as Rollovers Our index page is looking OK but lets give it some real pizazz. Instead.
1 An Introduction to Dreamweaver and PHP Part C: Setting Dreamweaver up to handle file transferring FTP.
How to use Moodle Spring 2012 PowerPoint Created by Erin Pence & Mike Seeley Any questions, us at
Click your mouse for next slide Dreamweaver – Synchronizing your Site to a Network Drive In the first lesson we defined our site and we associated a root.
Basic Web Design UVICELL Week 4 Templates and site management Week 4 Templates and site management.
Learning the Basics – Lesson 1
Geography 121 Homepage Design Project Zero
Using Publisher to Create a Web Site
Composing with Noteflight
Rollover Buttons UNIT 2.
Version: Macromedia Dreamweaver CS3 Updated: April 2008
Lesson 2 Attaching a Document.
Presentation transcript:

Click your mouse for next slide Dreamweaver – Introduction and Site Maps Dreamweaver is a state of the art web design program It will allow you to design websites which are interactive and which include many special effects Before you start you should decide what subsidiary pages you want in your site For example: if this is your personal page do you want another page for hobbies, sports music etc. Refer to the example on the opposite page and notice how the first page is really a place for a series of buttons for the other pages.

Click your mouse for next slide Dreamweaver – Introduction and Site Maps Once you have planned what pages your site is going to include you are ready to start designing your site. To start Dreamweaver go to Start, Programs and Macromedia Dreamweaver Here is the screen you will see. First you have to set up your site so go to the site menu Choose define site. Note that once you have defined your site you will no longer have to define it but to open it

Click your mouse for next slide Dreamweaver – Introduction and Site Maps Choose New to define a new site (which is what we are going to do now Choose Edit to edit or change a site you have previously defined

Click your mouse for next slide Dreamweaver – Introduction and Site Maps Enter a name for your site in the Site Name field – for example Maunder Home Page Before you fill in the Local Root Folder, you should use Windows Explorer and create a folder for your site - for example use your network drive and create a folder there called Website Then you can browse to that folder and select it for your Local Root Folder Thats enough for now so say OK and then Done

Click your mouse for next slide Dreamweaver – Introduction and Site Maps This is what your screen should look like. On your right is the contents of the folder you just chose to be your folder for this site and it is empty because we will be creating pages in the next lesson. On the left is space for the contents of your site as it would be on some remote server on the internet Since we have not posted our site yet it is empty. Later we will enter the information which will allow us to upload our site.

Click your mouse for next slide Super Giant Big Fun Assignment Start up Dreamweaver Define a new site Make sure that site has your name in it Make sure that the site uses a folder I created just especially for you in 10infoPro under the folder Websites Proudly display your work to FST so he can TICK YOU OFF.