Receive a 10% discount on all training bookings made throughout July 2011
Training Enquiries
For all training enquiries:
07872 037590

Adobe Dreamweaver, Photoshop & CSS Training - 3 Days

Adobe Dreamweaver TrainingAdobe Photoshop TrainingCSS Training

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


  • 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


Back to top


Home | About | Graphic Design Training | Web Design Training | DTP Training | Bespoke Training | Training Prices | Availability | Training Information | Contact
Training courses are available onsite throughout the UK including Leeds, Sheffield, Manchester, Birmingham, Liverpool, Newcastle, London, Cardiff and Edinburgh