Dreamweaver Training Outline

Introduction to Macromedia Dreamweaver MX 2004

Workspace

1. FORMAT PREFERENCES
   1. MX format
   2. Dreamweaver v.4 format
   3. HomeSite format
2. WINDOWS/PALETTES/MENUS
   1. Drop-down menu
   2. Toolbar
   3. Insert: 12 tabs
   4. Document window; note full-frame (tabs) vs. cascading
   5. Properties
   6. Left side windows
3. ON-LINE TUTORIALS

Building Exercise

1. CREATE NEW PAGE
   1. Website location: Map your computer to your MavDISK directory
   2. Launch Dreamweaver
   3. Select File > New
   4. Select Category: Page Design ; then choose Text: Article D with Navigation under Page Designs
   5. Hit Create button
   6. Review page in Design view
      1. Tables
      2. Colors
      3. Images
      4. Links
      5. Text and headlines
   7. Save to your web site
      1. Naming conventions
      2. Organization
   8. Explore Dreamweaver features with document: note selection highlighting, code highlighting
      1. palettes/windows
         1. Insert
         2. Properties
         3. Left side windows
      2. Tag nesting
2. MODIFY PAGE
   1. Change table properties
   2. Move cells
   3. Insert graphics
      1. local vs. remote image
      2. align image
      3. vspace/hspace
      4. alternative text
   4. Change/add links
      1. text
      2. image
   5. Formatting with CSS
      1. text
      2. links
      3. background
3. IMAGES
   1. Original or copies?
   2. Image editing software
      1. Bitmap
         1. Fireworks
         2. Photoshop
         3. Paintshop Pro, other
      2. Vector
         1. Illustrator
         2. Freehand
   3. More info on graphics at Project Cool/Developer Zone.
   4. Edit graphics in Fireworks
      1. size
      2. cropping
      3. sharpen
      4. export format