Web Design Intensive Course


| Course Outline | Interface | Document Window | Objects Panels | Property Inspector |
| Toolbar | Samples | Table Overview | Requirements | Others |

Dreamweaver 4.

by Macromedia is a professional web site development program.
Designed by web developers for web developers.

Course Outline:

1. Dreamweaver Interface: Main Window, Panels (palettes), and Inspectors…
2. Basics: Text, Links, Images, and Tables
3. Making a Simple Text Web page
4. Creating a Basic Web Page

 

 

Interface:

 

 

 

Document Window:

 

 

Objects Panels:

1. Insert images

2. Insert tables

3. Insert Horizontal Rules

4. Insert Email Link

5. Insert Named Anchor--making bookmark links

 

 

 

Property Inspector:

It lets you examine and edit properties for the currently selected page element.

1. Font Combination 2. Font Size 3. Text Color 4. Left, Center, and Right Align

5. Link: first select the desired text and then create a hyperlink to the specified URL.
6. Target: it specifies the window where the linked page should load
_blank: load page in a new browser window

 

Toolbar: Buttons on the toolbar let you toggle between different views of your document quickly.

 

1. Give a title to an HTML page to help the site visitors keep tract of what they're viewing as they browse; the title also identifies the page in the visitor's history and bookmark lists.

2. Have a preview of the HTML page you make in browser.

 

Sample pages:

Two steps:

1. Insert texts.

2. Choose desired font, font size, text colors, and alignment of the text.

 

 

1. Insert an image: place the insertion point where you want the image to appear in the Document window, and then click the Indsert Image button on the Common category of the Objects Panel

2. Link: select the text and type the url in "Link"

3. Email link: select the text and click the Insert Email Link button on the Common category of the Objects Panel

 

Tables:

Tables are useful for laying out data and images on an HTML page.
It also helps web designers ways to add vertical and horizontal structure to a page.

See DREAMWEAVER LECTURE NOTES on TABLES by Karl Jones at Hennepin Technical College.

 

Requirements:

Content:
1. brief introduction of the background of the play
2. synopsis of the play
3. summary of characters
4. outline of your report about the play
5. guiding questions
6. relevant links with brief introduction
7. works cited or consulted

Format:
1. create a folder for your webpages
2. please create a sub-foloder specificlly for images

Here is an example:

 

3. save in a .zip file (for example: )


Upload: click to send the file via email

 

Others:

Supplement--how to draw layer and how to modify page properties (PowerPoint file)

Download a printable version of the Dreamweaver 4 tutorial. (dreamweaver4_tut.zip 312K)

Karin D. Riggs & Patrick J. Murphy at Academic Computing and Communications Center
offers an seminar covers many features of Macromedia Dreamweaver 4 and how they can
be used to create Web pages. See the Seminar Materials online. Recommended!

References

1. Using Dreamweaver Help

2. Macromedia Dreamweaver Support Center

Last Update: Sept. 18, 2003