Web

Course Outline

Web Design Workshop

using Dreamweaver and Photoshop

Hands-on training in an instructor-led environment. One workstation per

delegate and exercises to consolidate learning.

Training Method:

No prior knowledge of DreamWeaver or Photoshop is assumed.

Prerequsites:

Two days

Duration:

Developing a range of skills required by anyone producing or maintaining websites. Based around

leading applications MacroMedia DreamWeaver and Adobe Photoshop, the course leads delegates

through setting up a website, choosing a layout, creating graphics, designing a site template, using

style sheets and translating that design into a working site.

The course emphasizes the need for web standards, accessibility and compliance with different

browsers by utilising style-sheets and other techniques.

Objectives

Delegates who need to design, develop and maintain websites.

Designed for:

DAY ONE

Site Planning

General discussions of web design techniques

Introduction to DreamWeaver and Photoshop

Setting up DreamWeaver sites and remote

servers

Planning the site

Designing the site template

Adding graphics and content within DreamWeaver

Basic Graphics

Sizing the graphics

Basic Photoshop techniques

Setting colours

Selections

Photoshop tools

Using layers and layer styles

Example - Creating banner graphics

Optimising your graphics

Exporting the web-ready graphic

Using your graphics within Photoshop

Basic Stylesheets

What are CSS style-sheets

Why CSS is important

Creating CSS friendly HTML markup

Using DreamWeaver to creat style sheets

Applying the styles

Uploading and testing your site so far

Content

DAY TWO

More Photoshop Web Graphics

Designing buttons

Modifying stock images

Designing link graphics 3D and special effects

Simple animations

Slicing images

Blending and composite images

Photoshop fonts and text effects

Basics of HTML

Why you need to know HTML

Creating and editing HTML within DreamWeaver

Doc types and compliance to web standards

What is well formed HTML and XHTML

Standard HTML tags

Creating your own tags using DIV and SPAN

Writing a logical, fast leading HTML page

Forms and scripts

The CSS Language

Elements of the CSS language

Editing and optimising your CSS

Layout with CSS

Floating elements

Solving classic layout problems & simplifying

pages

Where to use tables in your web page designs

Debugging and Improving your Workflow

Setting up your design tools for efficient workflow

Using Firefox extensions to speed developments

Firefox debugging tools

Maintenance and testing your site

Keeping track of your site updates

* Public Courses

* Private Courses

* Customised Courses

* On site training available

Tel: 01625 549287 anne@firsttraining.net