Survey
* Your assessment is very important for improving the workof artificial intelligence, which forms the content of this project
Download Document
Document related concepts
Transcript
Introduction to Dreamweaver and HTML 5/23/2017 Diane Millican 1 What is Dreamweaver? Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor 5/23/2017 2 HTML Hypertext Markup Language Describes the appearance of web pages and items on the page Hypermedia Enclosed in tags < > 5/23/2017 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 > 5/23/2017 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 5/23/2017 5 HTML Document Requirements <DOCTYPE> <html> <head> </head> <body> <title>Document Title</title> Keywords, Metatags , Styles, Scripts content </body> </html> 5/23/2017 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 5/23/2017 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 5/23/2017 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 5/23/2017 9 Download Time No more than 8 seconds Divide information up Make smaller files 5/23/2017 10 External link Email HOME PAGE City Facts 5/23/2017 Services External link Map 11
