Transcript Document
Introduction to Dreamweaver and HTML 7/21/2015 Diane Millican 1 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor 7/21/2015 2 HTML Hypertext Markup Language Describes the appearance of web pages and items on the page Hypermedia Enclosed in tags < > 7/21/2015 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 > 7/21/2015 4 Elements <Element Attribute = “value” > An example could be <sandwich bread = “ wheat”> or <car color = “blue”> <table bgcolor = “silver”> Tells the browser to make the table background silver 7/21/2015 5 HTML Document Requirements <DOCTYPE> <html> <head> </head> <body> <title>Document Title</title> Keywords, Metatags , Styles, Scripts content </body> </html> 7/21/2015 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 7/21/2015 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 7/21/2015 Monitor Resolution 8 Monitor Resolution Many kinds of monitors Differing resolutions # of Pixels Old monitors - 640 X 480 Still fairly common today - 800 X 600 My monitor has - 1024 x 768 Newer monitors even larger 7/21/2015 9 Download Time No more than 8 seconds Divide information up Make smaller files 7/21/2015 10 External link Email HOME PAGE City Facts 7/21/2015 Services External link Map 11