DreamWeaver CS4 Getting Started

Dreamweaver CS4 Getting Started is a blended learning course that combines 3 days of instructor led classroom based DreamWeaver CS4 training with an additional 2 days of online learning content covering a range of DreamWeaver topics suitable for beginners.

The classroom based modules can either be completed at our fully equipped London training centre or at your own facility, whilst the online modules combine instructor led course discussion forums, exercises files, real world samples, and loads more.

Summary of Topics Covered

General Interface

How the panels work
docking
panel groups
document tabbing
Creating/Saving workspaces
The Application bar
N-up display
Canvas rotation
Basic shortcuts

Exploring Dreamweaver

Explore the Dreamweaver Environment
Toolbars and panels
Using Dreamweaver Workspaces
Dreamweaver preferences

Introduction to Website Development

What you need to know first

Site setup

Setting up a site (with a view to standardisation)
Installing a web server - xamp, mamp, custom
local vs remote directories
Home page setup - home/index/default
File naming conventions

Basic page markup

Marking up a page with text, headers, paragraphs, lists, hrs, etc
special characters
html

Links

Linking pages
Linking sections
Linking to outside pages
Linking to paragraphs

Images

Inserting an image into a page
in-line/flow text around
backgrounds
as buttons
rollovers
Editing a placed image
Image properties
Image maps
Using Photoshop smart objects

Simple tables

Simple layout
rows/columns - formatting
height/width
text/graphics inside tables

Views

Live View
Code View
- JavaScript/AJAX code hinting
Related files
Code Navigator

CSS - formatting a page

Creating css rules
Formatting text - colour, font-size, etc
Formatting the background
Applying css rules to tags - body, em, strong, ul, etc
Applying css to several pages at once - external css files

CSS layout

One box layout - creating a single box (div) and changing its position and formatting
2 box layout
3 box layout
1 box, 2 column layout
1 box, 2 column, centered layout

CSS with tables and forms

Using css to format a table - borders, backgrounds, etc
Using css to format a form - buttons, backgrounds, borders, etc

CSS and Images

Using css to apply images as backgrounds - changing their position, etc
2 picture example - how to use css to apply the same picture in two places, but make it look as one - each copy of the picture having a slightly different opacity

CSS and links

Hover
Blocks
Borders
Using a list as a navigation bar

Lab - Create your own web site

Here you will create your own web site: You will start from scratch - creating a new site definition within dreamweaver.
You will create 24 pages using your own design, creating your own css to apply your own formatting.
Text can be downloaded or brought in.
Images can be downloaded or brought in from outside - buttons, backgrounds, pictures etc.
At the end of this lab you will successfully have created your own minisite using the techniques taught previously.
InContext Editing

Assets