Home Button
bigrockdesigns banner
 
HOME > Training > Web Design > Dreamweaver 8 Introduction
Quick Links
 
Graphic design
web design
microsoft
DATABASE
PHOTOGRAPHY
VIDEO

Dreamweaver 8 Introduction

Course Description

In the course we begins by covering basic Web authoring skills such as working with text and images, adding links, modifying page properties, and managing your site. When these skills are understood we move to more advanced topics like using Dreamweaver 8's new unified CSS style panel, creating layouts with layers, and embedding audio and video files into your pages. On course completion you will have the skills to build a professionally styled web site from inception to completion

Course Outline

 

Introduction

  • Dreamweaver Environment

Background

  • HTML vs. XHTML
  • What is CSS?
  • What is DHTML?
  • What is JavaScript?
  • File naming conventions
  • What is an index page?

Interface

  • Setting up your workspace
  • The Start page
  • Windows and Mac differences
  • The Insert bar
  • The Properties Inspector
  • The Document toolbar
  • The Document window
  • Panel and panel groups
  • Saving workspace layouts
  • How to define your browser of choice

Site Control

  • Defining a site
  • File and folder management
  • Understanding path structure
  • Adding content to the site
  • Creating a site map

Document Basics

  • Creating a site from nothing
  • Creating and saving a new document
  • About DOCTYPEs
  • Assets panel
  • Inserting images
  • Inserting text
  • Aligning text and images
  • Page properties
  • Using meta tags

Linking

  • Link basics
  • Linking with Point to File
  • Linking to new source files
  • External links
  • Link colours
  • Creating email links
  • Named anchors
  • Image maps

Typography

  • Font vs. CSS
  • HTML format preferences
  • Text size
  • Setting font faces
  • Text colour
  • Paragraph formatting
  • Formatting text in tables
  • Working with Flash text

CSS Essentials

  • About CSS
  • CSS preferences
  • Redefining HTML tags
  • Class styles
  • Link styles
  • Setting margins and borders
  • Exporting and linking to external style sheets

Tables

  • What is a table?
  • Selecting table regions
  • Pixel-based tables
  • Percentage-based tables
  • Nesting tables
  • Formatting tables
  • Inserting tabular data
  • CSS table borders
  • Creating tables with rounded corners

Layout

  • Tracing images and layers
  • Adding layers
  • Modifying layers
  • Converting layers to tables
  • Layout mode

Rollovers

  • About rollovers
  • Creating a simple rollover
  • Creating pointer rollovers
  • Creating multiple-event rollovers
  • Creating Flash buttons
  • Inserting a navigation bar

XHTML

  • The Code toolbar
  • The Quick Tag Editor
  • Using the quick tag editor and tag chooser
  • Adding XHTML using a code snippet
  • Cleaning up XHTML
  • Cleaning up HTML from Microsoft Word

Forms

  • About forms
  • Adding text fields
  • Adding a pop-up menu
  • Adding checkboxes
  • Adding radio buttons
  • Adding submit and reset buttons
  • Styling form elements with CSS
  • Creating a jump menu

Essential Behaviours

  • Opening a new browser
  • window
  • Validating text fields
  • Creating a pop-up message
  • Extending Dreamweaver

Photoshop Integration

  • External image editor preferences
  • Editing images with built-in
  • Fireworks 8 tools
  • Inserting Fireworks HTML
  • Adding a Dreamweaver 8 pop-up menu behaviour

Templates and Library Items

  • Templates in action
  • Creating a new template
  • Modifying a template
  • Adding repeating regions
  • Library items

Automation

  • Using the History panel
  • Saving History Steps as Commands
  • Using Find and Replace
  • Creating a Web photo album
  • Getting more Commands

Accessibility

  • W3C accessibility guides
  • Accessibility preferences
  • Inserting accessible images
  • Inserting accessible tables
  • Inserting accessible forms

Inserting Media Objects

  • About media objects
  • Linking to media objects
  • Embedding audio and video files
  • Setting parameters
  • Creating a click-to-play movie
  • Inserting Flash content
  • Inserting Flash Video

Getting it Online

  • Getting site reports
  • Checking links site wide
  • Signing up with Tripod
  • Entering remote info
  • Publishing your site
  • Updating and publishing pages

Summary

  • Site Marketing

who should do this course

 
This course is ideal for the learner who has an interest in web design and wishes to create or develop and online presence

Request Detailed Course Outline

Course Duration:
-1, 2 days
Course Level:
- Intro/Inter
recommended reading
Real World Adobe PhotoShop CS

Dreamweaver 8: The Missing Manual 
legal - links - testimonials - sitemap - email
bigrockdesigns home