Tables, Frames, and Formatting

Develop engaging and interactive websites by tapping into some of the advanced functionality of Dreamweaver.

MCTC Continuing Education
Prerequisite: Dreamweaver I or equivalent.
Text: Dreamweaver CS4 Visual Quickstart Guide, Peachpit Press, 2009
ISBN: 0-321-57352-8

DW2-Examples
DW2-SampleSite
DW2-sampleSitePSD
DW2-rolloverGraphics

Tables

  1. Getting Started with Tables (pg 271, fig 10.1)
    • Inserting a Table
    • Data Tables
    • Tools for Creating Tables (pg 272, fig 10.2)
    • Visual Aids For Tables
    • The HTML Table Tags
    • Selecting a Table
  2. Populating a Table
    • Importing Tabular Data (pg 293)
    • Importing Excel Data (pg 439-442)
    • Dialog Box and Settings (pg 272, fig10.2)
  3. Adjusting The Table
    • Dragging the Selection Handles
    • Dragging Columns and Rows
    • Clearing Column Widths and Row Heights (page 285, fig 10.26)
    • Setting the Table Width, Fixed vs. Flexible
    • Adding/Deleting Rows or Columns (page 279, fig 10.17)
  4. Formatting a Table (pg 287)
    • Aligning a Table Header
    • Adding a Table Border
    • Adjusting Table Spacing
    • Merging Cells
    • Keep Cells from Collapsing using a Spacer .gif
    • Aligning Text
    • Coloring Tables, Rows, and Cells
    • A List Apart Tutorial – Zebra Tables!
    • Sort Table Dialog Box Settings (pg 291, fig 10.31)
  5. HTML Emails and When to use Tables for Layout

Forms

  1. Understanding How Forms Work
    • The Action Property
    • The Method Property
    • The Name Property
    • Emailing Form Results
  2. Building A Form
  3. Adding Form Elements
    • Fieldsets (pg 310)
    • Input element (pg 304-305) and Textareas (pg 308)
    • Checkboxes and Radio Buttons (pg 309-313)
    • Menus and Lists (pg 314-305)
    • Form Labels (pg 306-307)
    • Submit and Reset Buttons (pg 318-320)
    • Image Buttons
  4. Form Validation (pg 368-369)

Frames and Framesets

  1. How Frames Work (322-324)
  2. Frames, Framesets, and Nested Framesets
    • Creating a New Frames Page with the insert bar (pg 325)
    • Creating Predefined Framesets
    • Saving Frames and Framesets
    • Setting Frame and Frameset Properties
    • Using the Frames Panel (pg 329, fig 12.17 – 12.9)
    • Selecting Frames and Framesets (pg 330-331)
    • Target links within frames (pg 341)

Behaviors

  1. Using Prewritten Javascript
    • Buttons, Image Swap, Preloading Rollover Images (pg 352-359)
    • Opening a New Window (pg 360-362)
    • Making a Print Button

Page Structure

  1. Good Coding Practices