110 likes | 254 Vues
Dreamweaver is a powerful HTML editor that helps both professionals and beginners design visually appealing web pages. By utilizing hypertext markup language (HTML), users can create structured content using tags like <p> for paragraphs and customized elements like tables and colors. Essential to web development, Dreamweaver allows for the perfect blend of design and coding. It is backed by the W3C, ensuring web standards are met, while tutorials from resources like W3Schools facilitate learning. Plan your web site effectively to enhance user experience.
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