Adobe Dreamweaver, Photoshop & CSS Training - 3 Days

Platform: Windows PC and Apple Mac

Courseware: Comprehensive training manual provided per person

Prerequisites: Basic knowledge of Windows or Apple Mac operating system

Software version: Adobe Dreamweaver versions CS5.5, CS5, CS4, CS3, 8, MX 2004, MX and Adobe Photoshop versions CS5.5, CS5, CS4, CS3, CS2, CS, 7, 6, 5.5

Course Overview:
This 3 day training course is designed to give you good knowledge of web design using Dreamweaver,
Photoshop and CSS . You will learn how to use Adobe Photoshop to create a variety of professional web ready graphics before moving on to Adobe Dreamweaver and CSS. You will first look at planning, creating and maintaining professional web pages with Dreamweaver before learning how to use CSS within Dreamweaver for precise and standards compliant control over your page content.

This training course is perfect for those who want to quickly learn the fundamentals of Web Design using
the industry standard Adobe applications and CSS.

Dreamweaver, Photoshop and CSS - 3 Day Training Outline

Training Course Introduction - Dreamweaver, Photoshop and CSS Overview

About Adobe Photoshop, Adobe Dreamweaver and CSS
How to plan a successful web project
Understanding compliant web design
Implementing CSS
Working with graphic types for the web

Day 1 - Working with Photoshop

Photoshop and Web Graphics

About Photoshop
Working with bitmap and vector images
Images on the web

The Interface

Interface overview
Opening and importing images/graphics
Creating new documents
Navigation and magnification

Basic Image Manipulation

Cropping
Resizing the image for onscreen display
Working with image resolution for web
Using the RGB colour mode
Making greyscale images

Image Enhancement

Basic levels
Using Hue and Saturation
Sepia effects
Sharpening images

Correcting Mistakes

Undo shortcuts
Using the History palette

Working with Selections

Using the range of selection tools
Working with selection options
Saving selections to channels
Editing selections
Feathering images with selections

Working with Layers

About Photoshop layers
Creating/deleting layers
Automatic layer creation
Adding text layers
Hiding/locking layers
Transforming layers
Working with layer effects
Text layers

Preparation for Web

PSD documents for preservation and future editing
Flattening layers for export
Working with the Save for Web feature
File formats - JPEG, PNG and GIF
Optimising files in the correct format
Saving and exporting images

Day 2 - Working with Adobe Dreamweaver

Concepts and Preparation

About Dreamweaver and Web Design
Understanding HTML
Planning a web site
Screen design considerations
Creating efficient web pages
Web browsers
Download times

Web Site Structure

Setting up a local site
Using the site window
Setting preferences
Site management
Creating a new file

The Assets Panel

About the assets panel
Adding objects to a page

HTML

Understanding HTML
How browsers and search engines read your pages
Viewing HTML

Working with Text

Adding text
Importing text
Text formatting

Working with Photoshop Content

Placing Photoshop Images and graphics on a page
Positioning text to graphics
Creating alternate text

Working with Links

Internal and external links
E-mail links

Basic Interactivity

Creating rollover buttons/images

Working with Tables

Creating a table
Table attributes
Tables for layout
Applying contents and colour

Day 3 - Using CSS with Dreamweaver

Cascading Style Sheets

CSS planning
Using CSS selectors including classes
Using external, embedded and inline styles

Styling Text

Using custom classes for text
Targeting HTML tags
Controlling text properties with CSS

CSS for Images and Backgrounds

Adding background images
Creating repeating and fixed backgrounds
Setting image borders
Styling a lists with images

Tableless Design

Understanding CSS positioning rules, relative vs absolute positioning
Understanding the difference between fixed and fluid designs
Nested Div's
Using Background Images to style Div's
Creating CSS based navigation with text and images
Working with Dreamweaver Spry objects

Building Templates

Building and applying templates
Advanced template techniques
Adding optional regions and repeat regions to a template
Working with editable regions

The Upload Process

Checking links and preparing the site
Setting server details
Uploading
Synchronising/editing posted files

Training Availability and Bookings | Training Prices | Training Information

If this Web Design outline does not match your requirements bespoke training is available.

If wish to discuss any aspect of your Web Design training please do not hesitate to contact me

Related Training Courses