Advanced Dreamweaver & Fireworks Training Course
Macromedia Dreamweaver and Fireworks Training (2)
for
Web Design and Web Graphics, intermediate to advanced 2 day course.
Designing web pages and web site graphics
Using Tables or Layers to control page layout
CSS text formatting
Creating and using Dreamweaver Templates
Menu bars and rollover buttons
Animated web graphics and banner ads
Designing a web page in Fireworks
Meta tags, page forwarding and 404 pages
Courses > Web design training courses list
Advanced web design with Dreamweaver & Fireworks - course summary
This is a customisable course which will be based on working through your own ideas and projects - within the scope of the course outline below.
It is designed to follow on from the Dreamweaver & Fireworks Web Design Introduction, and to expand on the skills and techniques already learned. The course can also include looking at effective content writing, Meta tags and website management.
The course may be either one or two days, or may be combined with elements from the Dreamweaver and Fireworks Web Design Introduction, to create a custom course.
If you are already familiar with Adobe Photoshop then Photoshop also may be included as part of the course, instead of, or as well as, Fireworks.
Course duration: 2 days (or 1
day selective course)
Level: intermediate to advanced
Software:
Web Design: Dreamweaver MX, Dreamweaver
MX2004, Dreamweaver 8.
Web Graphics and images: Fireworks
MX, Fireworks MX2004, Fireworks 8.
Numbers: One to one or small groups
of up to 4
Trainees in a group should have the same skill level and the same
requirements.
Course Requirements:
It is assumed that you already have reasonable computer skills,
including file management. You should have previous experience of
web design, preferably with Dreamweaver, and be able to design a
basic small web site from scratch. You should also be familiar with
basic image editing, web graphics design and image optimisation
with software such as Macromedia Fireworks or Adobe Photoshop.
See Dreamweaver and Fireworks
(1) Web Design Introduction if you need more basic web design
training.
Advanced web design with Dreamweaver and Fireworks - course outline
Tables
Creating and editing complex tables and nested tables
Using tables to accurately control the position graphics on the
page
Working with scaling (% width) tables and fixed pixel width tables
Common problems which may occur when setting or editing tables
Templates
Creating and editing a web page template
Creating pages based on a template, editing and updating them
Creating nested templates *
Creating templates with optional regions *
Layers
Basic Layer uses and functions
How to use layers and how not to use them
Layer control: changing visibility of the layer on a mouseover event
or over time
Changing layer position over time or on a mouseover event
Forms
Creating a simple e-mail reply feedback form
Validating the form (checking that certain fields are filled in
with the correct information)
Text & Images
Importing a text document or content of a spreadsheet to a web page
Using images as hyperlinks and creating image maps
Creating Disjointed Rollovers, where moving your mouse over a button
causes an image or graphic to change on a different part of the
page
CSS Styles
Text formatting and other uses of CSS formatting
Using CSS to generate changes to link text colour when the mouse
moves over a hyperlink
Taking a style from a document and placing it into an external style
sheet
Using styles with templates
Using CSS to control a background image - including having a static
background image behind scrolling web page content (text)
Using CSS to modify scrollbar colour *
Other
Linking to PDF files
Editing the HTML code
Adding an active e-mail link, setting an automatic subject line
or cc address for the e-mail link
Adding and using extensions in Dreamweaver - for extra functionality in Dreamweaver
Creating a photo album
Web Page Content and Site Management
Testing & bug fixing your web pages
Checking for broken links in your site
Using the site manager in Dreamweaver to manage and update your
web site files
Automatically modifying multiple links which point to the same page
Using Find and Replace to change selected content or HTML code throughout
the page or site
How to write page content effectively
Create meta tags
Give the page a title
Forwarding a HTML page to another or redirecting the address of
a deleted page to a new page *
Designing a custom 404 error page to replace the standard page not
found error page *
Web Graphics & Images
Designing web page backgrounds and borders
Designing images and graphics to fit the web page design and accurately
sizing those images and graphics to the exact dimensions required
Using artwork from applications such as Illustrator and Photoshop
in your Fireworks designs
Batch processing the resizing and resampling of images in Photoshop
Buttons and Rollovers
Using Fireworks to design a set of buttons or menu bar with behaviours
(mouseovers)
Creating and modifying rollover properties: mouseover and mousedown
effects
Animation & banner ads
Creating animation and designing an animated banner ad
Animation techniques and terms:- tweening, frames, symbols
How to keep file size low when animating or designing banners
Exporting and optimising as an animated GIF
Page Designs *
Designing a complete web page or page section (e.g. title or menu
bar) with logo buttons and any other images. Using the Slice tool
to slice that design into separate smaller images for use in the
web page design
Exporting fireworks slices with HTML and Javascript code for mouseovers,
then importing it into Dreamweaver
Specifying individual slice file names and optimisation options
for each individual slice
Exporting a single slice area as an individual image without exporting
the other slices
Using Fireworks to create a flyout or dropdown menu *
* These are optional areas and/or require extra preparation or information to be available (please state if you want to cover these areas)
This course outline is a summary of what can be covered in the training, and is not necessarily exactly what will be covered. Every course will be based on individual requirements and the course will normally be based around designing or working on a small web site of your own design.
Web Design training courses
Prices for web design training