Adobe Course

Outline

Adobe DreamWeaver CS3 - Website Development

Hands-on training in an instructor-led environment.

Training Method:

Delegates should have knowledge of the Mac or Windows operating environment.

No previous knowledge of DreamWeaver is required.

Prerequisites:

Two days

Duration:

This course is for delegates new to web design and development and would like to use DreamWeaver

to build intuitive, attractive and accessible web sites. Delegates will learn:

* DreamWeaver Interface Basics * Getting started with web design and layout

* Working with Text and Images * Creating Links and Anchors

* Designing for Devices with CS3 * Building Successful Site Navigation

* Building Forms in DreamWeaver * Photoshop CS3 integration

* Accessibility and Standards * Site maintenance

Objectives

Delegates new to web design and development who would like to use

DreamWeaver CS3 to build and manage professional web sites.

Designed for:

Web Basics

HTML v. XHTML

What is CSS, XML, DHTML, Javascript?

File Naming conventions.What is an Index Page

Exploring the Interface

Touring the interface

Setting a Default Workspace and saving Layouts

Defining a Default Browser,Using Shortcut Keys

Managing Your Sites

What is a Local Root Folder? Defining a Site

Understanding Relative and Absolute URLs

Managing Files and Folders. TextField Methods

Understanding Path Structure, Site Root &

Document Relative Links

Creating Site Maps,Creating a Site from Scratch

Deleting a Site Definition

Learning the Basics

Creating and Saving a New Document

The Significance of Default Documents

Setting Page Titles

Inserting and Aligning Images and Text

Creating Links with Images and Text

Inserting <meta> Tags

Linking

Linking with Point to File and New Source Files

Creating e-mail links and names Anchors

Linking to Files

Working with Typography

Leaving the <font> Tag Behind

Using Valid XHTML Typographic Elements

Formatting with the Property Inspector

Managing White Space with Margins,Padding

and Line Height. Using Font Lists, Aligning Text

Using Ordered, Unordered and Definition Lists

Creating Flash Text

Content

Tables

Creating and Adding Content to Tables

Changing Table Borders with XHTML

Colouring Tables with XHTML and CSS

Aligning Table Content,Sorting Tables,Setting Width

Creating Rounded-Corner Tables

Web Page Layout

DreamWeaver’s Layout Tools, Tracing Images

Adding & Modifying AP Div Tags

Adjusting Table Widths & Nesting Tables

Linking to Files

Linking

Linking with Point to File and New Source Files

Creating e-mail links and names Anchors

Designing for Devices

Attaching a Printer-Friendly Styles Sheet

Styling for Print, Adobe Device Central 2

Rollovers

Creating Simple&Disjointed Rollovers&Flash Buttons

Creating Navigation Bars with Multiple States

XHTML

Viewing & Editing the Code, Code Toolbar,Snippets

Building Forms

Adding Text Fields, Checkboxes & Radio Buttons

Adding Lists and Menus,Submitting Form Results

Styling Form Elements with CSS

Essential Behaviours

Creating a Popup Message, Validating Text Fields

Getting more Behaviours, Removing Extensions

Photoshop Integration

External and Built-in Image Editing Tools

Copying & Pasting

Templates and Library Items

Creating, Applying & Modifying a Template

Adding & Working with Repeating Regions

* Public Courses

* Private Courses

* Customised Courses

* On site training available

Tel: 01625 549287 anne@firsttraining.net