Adobe Dreamweaver CS4: Website Development

Objectives

Adobe Dreamweaver: Website Development is a 3-day course that provides web designers with the knowledge and hands-on practice they need to build and manage professional web sites using Dreamweaver.


Pre-requisites:

Experience of the Windows or Macintosh operating system or previous attendance on the equivalent training course. Some HTML knowledge is useful but not essential.


Course Includes:

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.


Course Outline


Introducing Adobe Dreamweaver: Website Development


* Course objectives
* Static page architecture
* Understanding web technology


Getting Started


* Introduction to Dreamweaver
* Dreamweaver Interface Basics
* Defining a local site
* Creating a website
* Adobe Device Central
* Using Live View to test and edit your pages


Adding Content to a Site


* Adding content
* Controlling document structure
* Making lists
* Horizontal Rules
* Adding special characters


Formatting Text with CSS


* Formatting text
* Introducing Cascading Style Sheets
* Creating styles
* Creating new CSS rules in the properties panel
* Exporting CSS rule definitions
* Creating class styles and advanced styles
* Creating, attaching and displaying external style sheets
* Cascading order and inheritance of styles
* Creating internal styles with the Property inspector


Working with Graphics


* Graphics on web pages
* Placing graphics on the page
* Photoshop CS4 Integration
* Using Photoshop Smart Objects
* Adobe Bridge CS4
* Modifying image properties
* Editing images
* Roundtrip editing with Fireworks
* Customising the Insert bar
* Spry Effects
* Adding Flash content
* Adding Flash Video






Navigating Your Site


* Adding links
* Adding anchors
* Adding e-mail links
* Linking from images
* Inserting a jump menu
* Working with related files


Designing Page with CSS


* Inserting DIV tags
* Using the rulers and guides
* Drawing layers to design your pages
* Using the zoom and hand tool
* Adding CSS to a layer
* Using visual aids for DIV tags
* Attaching external style sheets
* Attaching style sheets for print
* Using style rendering for screen and print
* Adding tables
* Importing tabular data
* Using the code navigator


Using Libraries and Templates


* Spry Widgets
* Creating library items
* Placing and editing library items
* Detaching library items
* Creating templates
* Defining editable regions
* Modifying templates
* Applying templates to a page


Creating Forms


* Creating forms
* Form processing
* Adding JavaScript


Testing, Uploading and Maintenance


* Site testing
* Maintaining files
* Connecting to a remote site
* Synchronising files