Dreamweaver CS4: Introduction
Course Outline

DURATION 3 Days
DESCRIPTION

Adobe Dreamweaver CS4 is the worldwide tool of choice for those who need to design, build and

manage professional websites. This extremely popular course is the Adobe authorised introductory

course for new users of Dreamweaver who wish to build professional websites.

 

This course has been specifically designed to enable you to master the essentials of Dreamweaver

quickly and easily. You will cover creating, editing, publishing and updating a website as well as

adding elements to existing sites and important site management issues.

 

This three day course includes adding content to an existing site, understanding the power of style

sheets (CSS), working with buttons and rollovers, integration with applications such as Adobe

Photoshop, creating jump menus and publishing, testing and maintaining your site. This course will

provide you with the expertise to produce and maintain innovative, professional websites using

Dreamweaver.

COURSE DATES View Dates

 

 

 

Introducing Dreamweaver

  • Course objectives

  • Static page architecture

Getting started

  • Introduction to Dreamweaver

  • Dreamweaver interface basics

  • Creating a local site

  • Creating a new HTML page

  • Using development views

  • Previewing pages

  • Setting document properties

  • The Related Files bar

Adding content to a site

  • Adding content

  • Importing text files

  • Importing Word and Excel content

  • Controlling document structure

  • Creating lists

  • Horizontal rules

  • Adding special characters

Formatting text with CSS

  • Formatting text

  • Cascading Style Sheets

  • Creating styles

  • Exporting CSS rule definitions

  • Creating class styles

  • Creating advanced styles

  • Editing CSS code in the Property Inspector

External styles

  • Attaching external style sheets

  • Working with Live Code

  • Creating new external style sheets

  • Displaying styles

  • Cascading order and inheritance of styles

  • Creating internal styles

  • The Code Navigator feature

Working with graphics

  • Seamless integration with Photoshop and Fireworks

  • Placing graphics on the page

  • Accessibility settings

  • Integration with Adobe Photoshop

  • Importing layered images

  • Optimising an image

  • Adding Flash content

Navigating your site

  • Linking files to your site

  • Adding anchors

  • Adding email links

  • Linking from images

  • Linking from an image map

  • Creating a navigation bar

  • Inserting a jump menu

Using libraries and templates

  • Creating library items

  • Placing and editing library items

  • Detaching library items

  • Creating templates

  • Applying a template to an existing image

  • Defining editable regions

  • Modifying templates

Designing pages with CSS

  • Dreamweaver CSS templates

  • Inserting DIV tags

  • Using the rulers and guides

  • Drawing layers to design your pages

  • Adding CSS to a layer

  • Working with Live Code

  • Attaching external style sheets

  • Adding tables

  • The Spry Framework for Ajax - an overview

  • Importing tabular data

  • The Adobe CSS Advisor website

Creating forms

  • Creating a form

  • Form processing

  • Setting focus on a form

  • Adding JavaScript

  • Form validation in Dreamweaver

Testing, maintenance and uploading

  • Checking accessibility, links and browser compatibility

  • Using the integrated File Browser

  • Connecting to a remote site

  • Cloaking folders and files

  • Uploading files

  • Synchronising files

  • Using browser compatibility check

 

 

 




Home | Contact | Terms and Conditions