The Computer Gal Logo - Laptop with coffee and plants
Articles • Computer Tips • Links • About
Basic Website Construction with Dreamweaver CS4 - Level 2

The Computer Gal on Facebook
Watch this page for ongoing web development tips

Watch for regular updates to this syllabus during the course!

Continue to refine your website with the use of advanced tables, layers, templates and library items for automation. You will also learn how to build forms using JavaScript with Dreamweaver and create cascading style sheets.
Prerequisite: Dreamweaver I and excellent file management skills

 

Days
Class Description
Web Resources
1

Review of Table Structure

Tables instead of CSS?

2

Templates and Library Items

  1. Why do we need Templates and Library Items?
  2. What is a Dreamweaver Template?
  3. What is a Dreamweaver Library Item?
  4. Create your Template and Library Items


Case Study

3

Frames page structure

  1. What are Frames?
  2. Frames Exercise

Introduction to .NET and Frameworks

  1. Many sites are being built in .NET
  2. Case Study - this area is password protected. You will be given access in class. Go to thecomputergal.com/WebDesign/SampleSites/enerG - Home Top
    - Back Articles Top
    - Back Articles Bottom
    - CSS Problem
Thoughts about Frames in 1999
4

Cascading Style Sheets

  1. Review where style code can be placed: inline, internal and external
  2. Types of styles: tag rewrite, id styles, class styles
  3. Create text formatting style sheet with H tags
  4. Create layers in Dreamweaver

What is CSS?

EXERCISES

  1. One Simple Layer
  2. Two Simple Layers
5

Adding JavaScript to your Page

  1. Introduction to JavaScript in Dreamweaver
  2. Creating a popup window
  3. Closing a window
  4. Image rollovers
  5. Programming basics

Exercise

  
6
 Building and Using Forms
- About Forms 		 

 
Nora McDougall | Missoula, Montana 59801 | 406.253.4045 | Contact Nora
© 2011, Nora McDougall-Collins