1 / 13

Intro to Dreamweaver

Intro to Dreamweaver. Webmaster 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.

crandell
Download Presentation

Intro to Dreamweaver

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  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

More Related