Intro to DreamweaverWebmaster 1 – Mrs. Sanchez
Agenda
• Daily Objective
• Starting the Program
• Setting up a site in Dreamweaver
• Adding a page
• Home page naming (review)
• WYSIWYG and Code View
• Setting the page properties
• Basic text formatting
• Daily review
Today’s objectives
• By the end of class today, you’ll be able to:• start the Macromedia
Dreamweaver program and add a site
• Add a new page to your site• Describe WHY the first page in a
site must be called index.html• Set the basic page properties• Use basic text formatting features
Starting the Program
• Start
• All Programs
• Macromedia
• Dreamweaver 8
Setting Up a Site in Dreamweaver
• Follow Mrs. Sanchez’s example on screen
• Need more help? Review the video on “setting up a site” in the Dreamweaver section on our class home page.
Adding a page to your site
• First, click on the site name to select it. It will be highlighted.
Next Steps
Then, you have several options to add a new file. I like to right click and select “new file”
Naming the new file
• You’ll be able to give the file a new name here. If you don’t change the name, it stays as “untitled.html”.
• BEWARE! Make sure that you keep the .html at the end of the file name.
Question (discuss your answer with your partner)
• Since this will be the home page of our site, what should we name it?
•WHY should we give it this name?
Home Page File Names – Compare Your Answer
• The home page of any web site should be index.html
• That’s because this page will come up automatically when you enter a web address.
• For example, when you go to “sanchez.tcsd.org”, the page named index.html automatically appears
• If I didn’t name my first page index.html, you’d have to type in the address AND the file name, like:
• Sanchez.tcsd.org/mrssanchez.html
Basic Formatting
• Text formatting
• Using the Properties panel
• Page Properties (menu option)
Formatting some page properties
• Do you think Dreamweaver 8 is a WYSIWYG or code-based web page editor?
• Does Dreamweaver have any similarities with other programs and methods we’ve used to create web pages so far this year?
• Discuss with your partner
Want to review site setup?
• Go to our class home page and look for the site setup review movie