Introduction to Dreamweaver and HTML

1
Introduction to Dreamweaver and HTML

• Diane Millican

2
What is Dreamweaver?

• Visually Design Web Pages
• Used by Professionals
• As well as Beginners
• HTML Editor

3
HTML

• Hypertext Markup Language
• Describes the appearance of web pages and items
  on the page
• Hypermedia
• Enclosed in tags lt gt

4
Tags

• lt p gt
• A paragraph tag
• Lets the browser know to starta new paragraph
• Use lowercase letters
• At the end of the paragraphuse the ending tag lt
  / p gt

5
Elements

• ltElement Attribute value gt
• An example could be ltsandwich bread
  wheatgt
• or ltcar color bluegt
• lttable bgcolor silvergt
• Tells the browser to make the table background
  silver

6
HTML Document Requirements

• ltDOCTYPEgt
• lthtmlgt
• ltheadgt
• lttitlegtDocument Titlelt/titlegt
• Keywords, Metatags , Styles, Scripts
• lt/headgt
• ltbodygt
• content
• lt/bodygt
• lt/htmlgt

7
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/

8
Planning the Web Site

• Saves time later
• Who is your audience?
• Gather Information
• Flowchart the site
• Watch width of page
• Monitor Resolution

9
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

10
Download Time

• No more than 8 seconds
• Divide information up
• Make smaller files

11
(No Transcript)
12
Root Folder

• Only one main (Root) folder
• Sites may have many sub folders
• Arrange information logically
• Put home page (index) in the root folder