California State University at Northridge provides these Dreamweaver Training Guides containing excellent training tutorials for learning how to use many features of Dreamweaver. Topics taught by these training guides include the following: Defining a New Website, The Dreamweaver Work Area, Creating a Basic Web Page, Page Properties, Text, Links, Inserting Common and "Head" Objects, Preparation for Publishing, Using HTML Styles to Format Text, Using Tables in Web Page Design, and Using Templates for Consistent Design.


Dreamweaver MX Basics

The instructions in this document assume the reader has already created web pages using some other web page creation software (e.g., Netscape Composer or Microsoft FrontPage). Some knowledge of HTML coding is also recommended.

• Before You Begin
• Getting Started with Dreamweaver
  • Defining a New Website
  • The Dreamweaver Work Area
• Creating a Basic Web Page
  • Page Properties
  • Text
    • Formatting Text
    • Inserting Special Characters
  • Links
    • Absolute and Relative Links
    • Internal Links
    • Email Links
  • Inserting Common Objects
    • Horizontal Rule
    • Image
    • Email Link
    • Current Date
  • Inserting "Head" Objects
    • Keywords
    • Description
    • Refresh (redirect)
• Preparation for Publishing
• Previewing a Page
• Good Site Organization Practices
• Code Cleanup
• How to Learn More
  • Dreamweaver Help
  • References

Intermediate-Level Dreamweaver Topics:

Using HTML Styles to Format Text

An HTML style is similar to a Word (or other word processing) style in that it can be defined to specify one or more text-formatting features that can be applied to a paragraph or selected text. As with a Word style, you can apply an HTML style over and over. Unlike a Word style, an HTML style only affects specified text at the time you apply the style. This means that if you later change an HTML style, any text to which the style has been applied will not be affected by the change. This characteristic is more like Word's Format Painter, which applies text formatting only at the time of application.

• The HTML Styles Panel
• Creating an HTML Style Based on Existing Text
• Creating an HTML Style from Scratch
• Creating an HTML Style from an Existing Style
• Applying an HTML Style
• Editing an HTML Style
• Deleting an HTML Style
• How to Learn More

Using Tables in Web Page Design

One way to give vertical and horizontal structure to a page is to format a web page using tables.

• Standard View vs. Layout View
• Creating a Table in Standard View
  • Formatting Options
    • Modifying Table Layout Properties
    • Modifying Column, Row, and Cell Properties
  • Table Formatting with Preset Design Schemes
  • Sorting Table Data
• Designing a Page in Layout View
  • Table Dimensions
  • Layout Grid
  • Table Content
• How to Learn More

Using Templates for Consistent Design

Dreamweaver provides two types of assets that can help you create Web pages with a consistent content and design — templates and libraries. This document describes the basics of creating and using an HTML template to an generate an identical layout for a set of pages. See also Using Libraries to Reuse or Update Page Elements.

• Creating a Basic HTML Template in a New Document Window
• Creating a Basic HTML Template from an Existing Document
• Designing the Page and Defining Editable Regions in a Template
  • Page Properties
  • Links
  • Editable Regions
  • Example
• Using a Template
  • Creating a New Document Based on a Template
  • Applying a Template to an Existing Document
  • Finding Editable Regions in a Template
• Modifying a Template
• Detaching a Document from a Template
• Using the Assets Panel to Work with Templates
• How to Learn More

Using Libraries to Reuse or Update Page Content

Dreamweaver provides two types of assets that can help you create Web pages with a consistent content and design — templates and libraries. Use libraries to store items you'd like to use on multiple pages that do not have an identical layout — when you'd like to reuse headers and footers, for example, with different layouts in between. You might also create a library item for content that appears on only a few pages but must be updated frequently. If you want to create multiple pages that have an identical layout, see Using Templates for Consistent Design.

• Creating a Library Item
• Inserting a Library Item in a Document
• Making Changes to a Library Item
• Deleting a Library Item
• How to Learn More

This is a 10-page Guide on "Exploring Macromedia Flash MX" (796kb, pdf format), from Kansas State University. It explains what Flash does, how to start using it, and introduces many important features of Flash.

Flash is a software application that is used to create and display attractive multimedia and web animations and presentations. Programmers use Flash to develop nice looking and compact navigational interfaces, technical graphics, animations, and other compelling user experiences. Illustrations and animations in Flash are made with Flash's drawing tools, or Flash developers  can import images from their favorite vector and/or bitmap graphics software. Flash has lots of great features, and for those in academics, it is priced quite well at around $100, making it a very accessible multimedia application.

Exploring Macromedia Flash MX


This Flash guide provides instruction and how-to steps for the following functionality:

• Flash Work Environment
• The Stage and the Timeline Window
• The Library Window
• Symbols and Instances
• Using the Toolbox
• Using Scenes
• Using the Movie Explorer
• Creating a Basic Animation - Shape Tween and Motion Guides
• Creating the Shape Tween
• Prep the Shape Tween before attaching the Motion Guide
• Create the Motion Guide
• Creating a very basic Multiple Choice Quiz

Towson University hosts the following 9 Microsoft FrontPage Tutorials. These FrontPage tutorials will instruct you on using several basic and advanced features of FrontPage, including: clip art, pictures, tables, links, web publishing, direct web editing, restricting web page access, forms, behaviors, and web components. By using these tutorials, you can significantly increase your knowledge and skillset of FrontPage. All but the first tutorial are in pdf format. 


FrontPage Basics Video Tutorial
Explains, with sound, opening a FrontPage Web site and adding web objects such as clip art, pictures, tables and links.

FrontPage 2003: Basics
This tutorial explaings many of FrontPage's fundamental features to create Web pages.

Web Publishing Pitfalls
Learn about the most common Web publishing problems what to do to avoid them with FrontPage.

Safe Practices for Direct Web Editing
This tutorial explains how to perform direct Web site editing using FrontPage.

Restricting Access to a FrontPage Web site on Pages
This tutorial gives a detailed demonstration on how to set up restricted access to a Web site using FrontPage.

FrontPage 2003: Online Forms
Describes how to insert online forms with FrontPage 2003.

FrontPage 2003: FAQ
Here are answers to five Frequently Asked Questions that come up when using FrontPage.

FrontPage 2003: Web Components
Understand how to use FrontPage's Web Components feature, with tools such as Dynamic Effects, Hit Counters, Photo Gallery, Spreadsheets and charts, weather and more.

FrontPage 2003: Behaviors
Using this FrontPage tutorial, you will learn how to add "Behaviors" - scripting options that add interactivity and functionality to objects on your Web page.

Teacherclick.com hosts lots of excellent web development training tutorials. Below are their Dreamweaver 8 Tutorials that demonstrate and explain all of thet functional areas of Dreamweaver. The following features and topics are detailed and taught by these Dreamweaver tutorials: Basic features; The Dreamweaver Interface; Defining a Site; Working with Text; Establishing Web Links; Inserting Images; Setting up Tables; Using Frames; Interactive Forms; Adding Multimedia Elements; Using Dreamweaver Templates; Working with Layers; Using Behaviors; and HTML with Dreamweaver. Also included below are several video Dreamweaver tutorials.

Dreamweaver 8 Tutorials

1. Dreamweaver 8 Basics 2. The Dreamweaver Interface 3. Defining a Site 4. Working with Text 5. Establishing Web Links

6. Inserting Images 7. Setting up Tables 8. Using Frames 9. Interactive Forms 10. Adding Multimedia Elements

11. Using Dreamweaver Templates 12. Working with Layers 13. Using Behaviors 14. Other features 15. HTML and Dreamweaver

Unit 1. Dreamweaver 8 Basics Introducing Dreamweaver 8 HTML Basics Editing a web Page Planning your site online Starting and closing Dreamweaver 8 Arranging two sessions Opening and saving documents My first web Page Unit 2. The Dreamweaver Interface The initial Screen The tool bars Panels and Inspectors Customizing the work area Documents Views The Help Guide Unit 3. Defining a Site Introduction Creating and publishing a Website Using the wizard to define a website Document Views Verifying the size to optimize the loading Documents properties The color palette Unit 4. Working with Text Text Format Creating Lists CCS Styles The CSS Panel Unit 5. Establishing Web Links Introduction Web Links types Creating a web link Setting the URL link Link Format Email link format Broken Links Unit 6. Inserting Images Introduction Web graphics Formats Inserting an image Changing the image size Image Maps Inserting Rollover images Flash buttons Flash Text Navegation Bar Unit 7. Setting up Tables Introduction Inserting a table Working with cells Selecting elements in a table Table Formatting Cells and table sizes Eliminating Rows and Columns Combining and dividing Cells Tables modes

Unit 8. Using Frames Introduction Creating Frames Selecting Frames Saving Frames Setting up Frames Frame contents Unit 9. Interactive Forms Introduction Structure of an interactive form Creating Interactive Forms Validating Interactive Forms Unit 10. Adding Multimedia Elements Flash movies Sound files Movies and videos files Unit 11. Using Dreamweaver Templates Introduction Creating Templates Editable regions Using the template Unit 12. Working with Layers Introduction Inserting a layer Layer Format Unit 13. Using Behaviors Introduction Inserting a behavior Show and Hide Layer behavior Using JavaScript code Unit 14. Other Features Marquees Set the Date Horizontal Rule Adding external code Web Page Resolution Unit 15. HTML and Dreamweaver Tags Code Inspector The Tag Hint List Code Errors Find and Replace

Step by Step Dreameaver Exercises

3. Defining the website 3. Creating a new document and modifying the properties 4. Inserting text and modifying the properties 4. Creating a list 4. Creating CCS Styles 5. Creating a web Link 5. Creating an email Link

6. Inserting an image 6. Creating an image Map 6. Creating Flash buttons 7. Creating a table 7. Using Table properties 7. Add and eliminate rows 7. Combining rows

8. Creating frames 9. Inserting elements in an interactive form 10. Inserting an audio file 11. Creating a template 12. Inserting a layer 13. Inserting behaviors 14. Inserting an horizontal rule 15. Find and replace

Dreamweaver Video Tutorials

1. Dreamweaver Basics
2. The Dreamweaver Interface
2. Document Views
2. Help guide
3. Defining the Site
3. Page Properties
4. Text
4. CSS Styles
5. Establishing Web Links
6. Inserting Images
6. Flash buttons
6. Creating a Flash text
7. Inserting a table
8. Inserting frames
9. Working with interactive forms
10. Inserting multimedia elements
11. Creating a template
12. Inserting a layer
13. Inserting behaviors
14. Others features
15. HTML with Dreamweaver


Dreameaver Exercises

3. Defining the site and setting the Page properties
4. Setting the text properties
5. Creating Web Links
6. Inserting images
7. Changing Tables formats
8. Formatting Frames
9. Working with interactive forms
10. Inserting multimedia elements
11. Working with Templates
12. Inserting Layers
13. Creating behaviors
14. Inserting others elements
15. Search and Replace


Dreamweaver Evaluation Tests

1. Dreamweaver 8 Basics
2. The Dreamweaver Interface
3. Defining a Site
4. Working with Text
5. Establishing Web Links
6. Inserting Images
7. Setting up Tables
8. Using Frames
9. Interactive Forms
10. Adding Multimedia Elements
11. Using Dreamweaver Templates
12. Working ith Layers
13. Using Behaviors
14. Other features
15. HTML with Dreamweaver

Teacherclick.com provides many well written web design and development tutorials. Here are their Flash 8 Tutorials teaching you virtually every feature you will need to know and use for Flash 8. The following Flash topics are covered and taught by these tutorials: Animations, Working Environment, Drawing, Texts, Sounds, Objects, Layers, Symbols, Graphics, Movie Clips, Buttons, Movement Animations, Form Transformations, Effects on Animations, Generating and Publishing Movies, and ActionScript 2. Also included here are several  video Flash tutorials.

Flash 8 Tutorials

1. Introduction 2. My first Flash Animation 3. Working Environment 4. Drawing 5. Working with Texts 6. Sounds

7. Working with Objects 8. Layers 9. Symbols 10. Graphics 11. Movie Clips 12. Button

13. Movement Animations 14. Form Transformations 15. Effects on Animations 16. Generating and Publishing Movies 17. Introduction to ActionScript 2. 18. Examples of Use of the ActionScript 2.

Unit 1. Introduction What's FLASH 8 Why should we use FLASH 8 From FLASH MX 2004 to FLASH 8 Flash 8 Alternatives. Javascript Flash 8 Alternatives. CSS Flash 8 Alternatives. DHTML The eternal deal. Javascript, examples and uses. Unit 2. My First Flash Animation First Steps Making the Animation Unit 3. Flash 8 Environment Flash 8 Interface Menu Bar Timeline Layers Work Area Views or Zooms Panels Zooms. Scenes. Frames. Types and uses Unit 4. Drawing and Working with Color Drawing in Flash 8 Tool Bar. Basic Tools Tools Bar. Advanced Tools Tools Bar. Options Mixer Panel Fill Panel Unit 5. Texts Starting Properties of the Texts Text Types Static Text Dynamic Text Input Text Writing texts Unit 6. Sounds Starting Importing Sounds Sound Properties Inserting a Sound Publishing Sounds MP3 or WAV Audio Formates. MP3 and WAV Unit 7. Working with Objects The Objects. Initiation Selecting Placing Objects. Alignment Panel Info Panel Groups Unit 8. Layers Layers. Let's understand them Working with Layers Working with Layers. Advanced Options Reorganizing the Layers Layer Types Unit 9. Symbols What are the Symbols How to create symbols The Libraries The Difference between Symbol and Instance Modifying an Instance Instance Properties Panel Panel of Effects on Instances Panel of Effects on Instances (II)

Unit 10. Graphics What's graphics? Graphics types Creating graphics and verifying its properties Introducing bitmap Introducing a vectorial file Exporting a Flash object as bitmap Exporting a Flash object as animation Graphics Types Unit 11. Movie Clips What's a Movie Clip Verifying the Clip properties Creating a new Clip Importing and Exporting Movie Clips Other uses of the Movie Clips. Unit 12. Buttons What's a Button Creating a Button Buttons Shapes Text Buttons. Active Zone Importance Including Clip in a Button Bitmaps and buttons Actions in Buttons Including a sound in a Button Unit 13. Movement Animations Flash Animation Movement Interpolation (I) Movement Interpolation (II) Texts Animation Lines Animation Interpolation by Movement Guide Frame by Frame Animations Unit 14. Shape Transformations Interpolations by Shape Transformating Texts Shape Advices Unit 15. Effects on Animations Introduction Effects on the Movement Interpolations Effects on the Interpolated symbol Brightness Effect Tint Effect Alpha Effect Unit 16. Generating and Publishing Movies Considerations about Movies Size Preloading Distributing as swf file in an independent player Distributing for Web pages Unit 17. Introduction to ActionScript 2 What's the ActionScript Actions Panel Operators Actions Objects Properties Initial concepts of Programming Unit 18. Examples of ActionScript 2 use Examples of use of the ActionScript code Examples of ActionScript in Buttons Examples of ActionScript in Movie Clips Examples of Sounds handling with AS Examples of ActionScript in abstract objects. The object MATH Creating of loader or preloader

Video Flash Tutorials

2. My first Animation
3. Types of Views
4. Eyedropper Tool
4. Making a Gradient
5. Interaction Dinamic Texts-Input
6. Importing Sounds
6. Inserting Sounds. 2 posibilities
6. Controlling the sound sincronization
7. Selecting Objects
7. Aligning Objects
7. Working with the basic properties of the objects
7. Groups
8. Working with Layers
8. Working with Layers. Advanced Options
8. Reorganizing the Layers
9. Inserting a Symbol
9. Application of Alpha effect on a Instance
10. Introducing a bitmap
10. Exporting Flash object as image
11. Creating an empty clip
11. Importing Symbols from other Libraries
12. Creating and Publishing a Button
12. Text Buttons. Active Zone
12. Including a Clip in a Button
12. Actions in a button
13. Animation of Lines
13. Interpolation by Movement Guide
14. Interpolation by Form
14. Text Transformating
14. Applicating Form Advices
15. Automatic Rotation
15. Right Rotation
15. Creating a complete animation with effects
16. Publishing a movie for the web
17. Change object Properties using ActionScript

Step by Step Flash Exercises

3. Creating Movement Guides
3. Changing Movies Properties
3. Accessing to the Panels
4. Creating an oval
4. Applicating Color to an oval
4. Creating a Transparent color
5. Changing type of Text
8. Changing Objects in Layer
9. Creating Symbols
9. Modificating Instance
10. Exporting Bitmap
12. Button in Relief
13. Chaining Interpolations
13. Animate text by blocks
15. Accelerating Movement
16. Publishing SWF

Proposed Flash Exercises

3. Flash 8 Environment
4. Drawing the Olympic Rings ant Planet Saturn
6. Sounds
7. Objects
9. Symbols
11. Clips
12. Buttons
14. Animation by Form
15. Effects on animations