Transcript Document
Introduction to Dreamweaver and HTML Diane Millican 1 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor 2 HTML Hypertext Markup Language Describes the appearance of web pages and items on the page Hypermedia Enclosed in tags < > 3 Tags < p > 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 < / p > 4 Elements <Element An example could be <sandwich bread = “ wheat”> or <car color = “blue”> <a> is a link tag <a href="http://www.ufl.edu">UF</a> Tells the browser to link to the UF home page Attribute = “value” > 5 HTML Document Requirements <DOCTYPE> <html> <head> </head> <body> <title>Document Title</title> Keywords, Metatags , Styles, Scripts content </body> </html> 6 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/ 7 Planning the Web Site Saves time later Who is your audience? Gather Information Flowchart the site Watch width of page Monitor Resolution 8 Monitor Resolution Many kinds of monitors Differing resolutions # of Pixels Older monitors - 640 X 480 800 X 600 My monitor has - 1024 x 768 9 Download Time No more than 8 seconds Divide information up Make smaller files 10 Site Plan Email City Facts External link HOME PAGE Services External link Map 11 Root Folder Only one main (Root) folder Sites may have many sub folders Arrange information logically Put home page (index) in the root folder 12