1. 5/8/2015 1 Introduction to Dreamweaver and HTML Diane Millican

2. 5/8/2015 2 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor

3. 5/8/2015 3 HTML Hypertext Markup Language Describes the appearance of web pages and items on the page Hypermedia Enclosed in tags

4. 5/8/2015 4 Tags A paragraph tag Lets the browser know to start a new paragraph Use lowercase letters At the end of the paragraph use the ending tag

5. 5/8/2015 5 Elements An example could be or Tells the browser to make the table background silver

6. 5/8/2015 6 HTML Document Requirements Document Title Keywords, Metatags, Styles, Scripts content

7. 5/8/2015 7 World Wide Web Overseen by a not for profit group W3C - W.W.W. Consortium Working toward equal W.W.W. access for everyone Lots of information and tutorials http://www.w3schools.com/

8. 5/8/2015 8 Planning the Web Site Saves time later Who is your audience? Gather Information Flowchart the site Watch width of page Monitor Resolution

9. 5/8/2015 9 Monitor Resolution Many kinds of monitors Differing resolutions # of Pixels Older monitors - 640 X 480 Common today - 800 X 600 My monitor has - 1024 x 768

10. 5/8/2015 10 Download Time No more than 8 seconds Divide information up Make smaller files

11. 5/8/2015 11 HOME PAGE City Facts ServicesMap Email External link

12. 5/8/2015 12 Root Folder Only one main (Root) folder Sites may have many sub folders Arrange information logically Put home page (index) in the root folder