110 likes | 242 Views
Dreamweaver 8 Basics. Diane Millican. What is Dreamweaver?. Visually Design Web Pages Used by Professionals As well as Beginners HTML Editor. HTML. Hypertext Markup Language Describes the appearance of web pages and items on the page Hypermedia Enclosed in tags < >. Tags. < p >
E N D
Dreamweaver 8 Basics Diane Millican
What is Dreamweaver? • Visually Design Web Pages • Used by Professionals • As well as Beginners • HTML Editor
HTML • Hypertext Markup Language • Describes the appearance of web pages and items on the page • Hypermedia • Enclosed in tags < >
Tags • < p > • A paragraph tag • Lets the browser know to starta new paragraph • Use lowercase letters • At the end of the paragraphuse the ending tag < / p >
Elements • <Element Attribute = “value” > <table bgcolor = “silver”> • Tells the browser to make the table background silver • An example could be <sandwich bread = “ wheat”> • <car color = “blue”>
HTML Document Requirements • <HTML> • <HEAD> • <TITLE>Document Title</TITLE> • Metatags , Styles, Scripts • </HEAD> • <BODY> • content • </BODY> • </HTML>
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/
Download Time • No more than 8 seconds • Divide information up • Make smaller files
Planning the Web Site • Saves time later • Who is your audience? • Gather Information • Flowchart the site • Watch width of page • Monitor Resolution
External link HOME PAGE Email External link Services Map City Facts
Root Folder • Only one main (Root) folder • Sites may have many sub folders • Arrange information logically • Put home page (index) in the root folder