Transcript Document
Dreamweaver MX
2004 Basics
Diane Millican
7/18/2015
1
What is Dreamweaver?
7/18/2015
HTML Editor
Used by Professionals
As well as Beginners
Visually Design Web Pages
2
HTML
7/18/2015
Hypertext Markup Language
Describes the appearance of
web page and items on the page
Hypermedia
Enclosed in tags < >
3
Tags
7/18/2015
<p>
A paragraph tag
Lets the browser know to start
a new paragraph
Tags are best in lower case
At the end of the paragraph
use the closing tag < / p >
4
Elements
7/18/2015
<Element
Attribute = “value” >
<font color = “red” size = “+1”>
Tells the browser to make the font red
and one size larger than normal
An example could be
<sandwich
bread = “ wheat”>
<car color = “blue”>
5
HTML Document
Requirements
7/18/2015
<HTML>
<HEAD>
<TITLE>Document Title</TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>
6
World Wide Web
7/18/2015
Overseen by a not for profit group
W3C - W.W.W. Consortium
Working toward equal W.W.W.
access for everyone
7
Download Time
7/18/2015
No more than 8 seconds
Divide information up
Make smaller files
8
Monitor Resolution
7/18/2015
Many kinds of monitors
Differing resolutions
# of Pixels
Older monitors 640 X 480
Most common today 800 X 600
9
Planning the Web Site
7/18/2015
Saves time later
Who is your audience?
What will make your site unique?
Gather Information
Storyboard a page
Flowchart the site
10
External link
Email
HOME PAGE
City Facts
7/18/2015
Services
External link
Map
11
Root Folder
7/18/2015
Only one main folder
Sites may have many sub folders
Arrange information logically
12
Dreamweaver Start Page
7/18/2015
13