Download presentation
Presentation is loading. Please wait.
Published bySybil O’Brien’ Modified over 9 years ago
1
Intro to Dreamweaver Webmaster 1 – Mrs. Sanchez
2
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
3
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
4
Starting the Program Start All Programs Macromedia Dreamweaver 8
5
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.
6
Adding a page to your site First, click on the site name to select it. It will be highlighted.
7
Next Steps Then, you have several options to add a new file. I like to right click and select “new file”
8
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.
9
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?
10
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
11
Basic Formatting Text formatting Using the Properties panel Page Properties (menu option)
12
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
13
Want to review site setup? Go to our class home page and look for the site setup review movie
Similar presentations
© 2024 SlidePlayer.com. Inc.
All rights reserved.