Dream Weaver CS 550

8/3/08 1st Class Spelling and Grammar counts! HTML or XHTML Mainly
Introduction: Optimizing reduces the size with out reducing the quality.
CSS Cascading Style Sheets ( Formats files font, color, style )

html Hypertext Markup Language
xhtml Extensible Hypertext Markup Language

w3c World Wide Web Consortium

Javascript it allows page interactivity, Opening a window on top of a window

CSS Cascading Style Sheets ( Formats files font, color, style )

Start Page or home page for all websites index.html

Properties Inspector
Name files from the start lower case no space or punctuation
Pressing the enter key will create a new paragraph
word wrap will automatically go to the next line

Break Shift enter to go to the next line with no space.
Add Backgrounds Properties inspector: Appearance, Add Image

Links: short for Hyperlinks

Uploading files:

9/8/08 Class Notes
File save as to start and name it appropriately.

Insert Bar: Common Tab main tab to use, each has a purpose.
Named Anchor: takes you to a lower part of the page
Tables: Help organize

Properties Inspector: Bottom window
Headings H1 largest font and bold

Document Toolbar: top of file window, Use split view to see preview and html view
Title: good descriptive name, describes and gives key words
Design View:

HTML TAGS: Window on the bottom Tag Selector Area

All lower case letters
You can click on the tags and they are selected in the document


Use 100% to see what the viewer will see
It will give you an estimate of download time based on a 56K modem
Keep images to 72 DPI no larger than 200 pixels by 200 pixels
Tools to move data

Panel Groups: Toggle arrows to see content



Window: show options to view
You can save a workspace layout named by you.

The asterex means you have made changes and have not saved


Test your page in a few major browsers: IE, Firewox,

Add a copyright symbol



Add a Horizontal Rule



Class 9/10/08 Create First web page, establish free web account
1st homework due 9/17/08 Project 1
Homework Email Subject CS 550, Project Name, Chris Steadman
Copy this into to the Body, Send copy to yourself
Keep reply, this is your copy of your grade

Create new Blank HTML File, name:( Save As ) index.html
Enter adds a line in between lines of text
Shift Enter will not add a line
word wrap will wrap to the next line automatically
Page properties


File name lower case no space, must begin with a letter

Free webs www.freewebs.com
create account sign up
Do not sign up for the advertisements, go to skip page or continue
License Agreement, look out for email spam sign ups
Click on the button to not use their tools, like you have a website
Skip site tittle and interests, no thanks continue,
Edit my site, site manager
Single file uploader, browse to find the file on your hard Drive
Look for uploaded successfully

Sending the link to Her:
Copy the url into your email to her
Spelling and grammar count

8/15/08 Notes

Web Page File Structure: Website Main Folder
Folder Images 200 x 200 pixels by 72 dpi
Images: box for accessibility: Alternate Text description of image.

8/17/08 Notes Project 2 due 10/1/08

Web site Folder Management: Main Folder Site Name
Folder Named Images
File Paths
Use Defining your site to tell Dreamweaver where your site folder is located
Add Images: descriptive Information

Tables: She likes 90% not Pixels
Background Colors: Page properties bottom window
Page Size 800 Across x 600 Down or 1024 X 768

Project 2 Due 10/1/08 Adding Images
end 2 links for this project
No Class On Monday the 22nd

8/24/08 Notes

Images folder: to add color to a Horizontal rule click into the code <hr /> and a c and a space <hr c /> and a dialogue box for color will appear