Web Creation with Dreamweaver/Fireworks CS3

2 days

Course Description

Dreamweaver CS3 is the industry-leading website creation tool, enabling users to efficiently design, develop and maintain websites. Fireworks CS3 enables users to create, edit and optimize graphics and images for the web with precise control. The combination of the two programs will enable you to design, build and maintain professional websites.

Who should attend?

Graphic/Web designers, or people transitioning into a website related job or taking on website maintenance responsibilities. This Foundation course is aimed at delegates with little or no experience of Dreamweaver and Fireworks. At the end of the course delegates will have created and built a professional working website.

What will I learn?

How to quickly and easily design, develop and maintain a professional website. Effectively use CSS to layout and manage your website. Create, edit and optimize graphics and images to incorporate into your website design. How to connect your website to the Internet and how to upload and maintain your website files.

How do websites work?

The ‘bigger picture’ the Internet
Enabling your website to be viewed on the Internet
Building a user friendly website
Your target audience
Accessibility and legal responsibilities

Dreamweaver CS3 Overview

Introducing Dreamweaver CS3
Learning the interface
Dreamweaver Fireworks workflow

Fireworks CS3 Overview

Introducing Fireworks CS3
Learning the interface
Fireworks Dreamweaver workflow

HTML Code

Understanding HTML code
Viewing examples of HTML code
Basic HTML exercises

Getting Started

Creating a site folder
Creating a new local site
Working with your site files

Basic Page Creation

Create a new basic HTML page
Add and format text content
Insert graphics and images
Test and preview the page

Page Layout with Tables

Overview of tables
Designing a page layout with tables
Creating table structures
Modifying and nesting tables
Formatting text, images and data in tables

Cascading Style Sheets (CSS)

Overview of CSS
Styling with CSS
Creating an internal style sheet
Creating an external style sheet
Attaching style sheets to multiple pages

Navigating your site

Understanding site navigation
Creating internal site links
Creating external links
Creating email links
Creating page anchor links
Creating image links

Page Layout with CSS

Using layers for page layout
Adding CSS to layers
Using absolute and relative positioning
Designing with DIVs
Designing navigation links with CSS
Importing tabular data

Working with Graphics and Images

Overview of web-based image creation
Sourcing, editing and optimizing images
Creating and manipulating graphics
Creating slices, rollovers and hotspots
Adding Flash content

Templates and Libraries

Overview of templates
Creating site templates
Defining editable regions
Applying templates
Modify and update templates
Create a site library
Modify and update library items

Adding Interactive Content

Overview of JavaScript Behaviours
Create and edit a JavaScript Behaviour

Creating Forms

Understanding forms
Create a basic form
Processing a form

Site Testing, Maintenance and Uploading

Testing your site
Connecting your site to the Internet
Uploading and maintaining your site