DREAMWEAVER

Dreamweaver is the most popular HTML editor used by most professional web developers and is available for both PC and Mac. In this course students will learn how to use Macromedia Dreamweaver to write HTML, construct web pages and web sites, insert javascript, cascading style sheets and Flash components. Dreamweaver will also be used to manage web sites and FTP files. This course is suitable for any version of Dreamweaver from MX, MX 2004, Version 8 and CS3. It's strongly recommended that users have some basic knowledge of HTML - if you don't know HTML you may run into some problems and will not be able to add Cascading style sheets. I can combine HTML\Dreamweaver training when teaching one on one.

Recommended Textbook: Tom Negrino and Dori Smith (2008) Dreamweaver CS3, Peach Pit Press, ISBN 0-321-50302-3 $36.99

You can download a 30 day trial version of Dreamweaver CS3.

Evaluation: Based on assignments and practical test.

1. The Dreamweaver Work Area

1.1 Identify, open and modify document window
1.2 Identify, open and use the object window
1.3 Identify, open and use the launcher
1.4 Identify, open and use the property inspector
1.5 Modify preferences for Dreamweaver, add a grid, view rulers etc
1.6 Dreamweaver Help
1.7 Create a basic web page, add text, lists, tables, links, and images
1.8 Find and Replace words on a page
1.9 Check spelling of a web page
1.10 Import Word Document and clean up HTML

2. Create and manage a web site:

Learning Outcome: Students will create a small web site, add images and buttons and use the layout feature of Dreamweaver.

Objectives: When you complete this objective you will be able to…..

2.1 Create a web site using the site tool
2.2 Insert Images, modify their properties, add alt tags
2.3 Insert images and make image maps
2.4 Wrap Text around images, modify horizontal space
2.5 Add rollover script to buttons
2.6 Add Flash buttons
2.7 Use the layout feature to create web page designs
2.8 Work with layers

3 Creating Framesets and Forms:

Learning Outcome: Students will use Dreamweaver to create a web site featuring a frameset with menu buttons and a form including a jump menu.

3.1 Create a frameset using the predefined frameset feature
3.2 Create custom framesets
3.3 Use NoFrames command and Nested Frames
3.4 Set links in a frameset using target commands
3.5 Create a form in Dreamweaver
3.6 Use the objects palette to add form elements
3.7 Insert hidden fields in a form
3.8 Add a jump menu
3.9 Add behaviours to forms to validate fields

4. Using Scripts and Behaviors in web pages:

Learning Outcome: When you complete this module students will be able to add scripts, behaviours and animation to a web site.

4.1 Attach a Behavior to a page element
4.2 Add a Behavior to a page
4.2 Create a navigation bar
4.3 Change and remove a behavior
4.4 How to debug javascript with Dreamweaver Debugger
4.5 Get more behaviours off the web
4.6 Create a simple animation
4.7 Add a layer to the timeline
4.8 Use the B channel to add behaviours
4.9 Control Layers with timelines

5. How to use the Asset panel, library and add multimedia

Learning outcome: When you complete this module you will be able to use the Dreamweaver asset panel and libraries and know how to create a template.

5.1 Show and use the assets panel
5.2 Use and reuse favourite assets
5.3 Use the library
5.4 Create a template
5.5 Edit a template
5.6 How to manage templates
5.7 Add multimedia to a web page, Flash, sound, movies

6. Working with Cascading Style Sheets:

Learning Outcome: Students will add Cascading Style Sheets (CSS) to a web site and use the FTP feature.

6.1 Set CSS Type attributes
6.2 Set CSS Background attributes
6.3 Set CSS Block, box and border attributes
6.4 Set CSS list attributes
6.2 Export CSS and create external CSS
6.3 Use FTP to link to remote site

7. Test and Practical Evaluation

7.1 Practical test – students will create a web site in class using Dreamweaver. The web site will feature many of the elements learned class. Graphics will be supplied. The web site will be submitted for grading at the end of the class on a floppy disk. Open book, total time (3hrs).

Working with Dreamweaver Extensions: If you have Macromedia extension manager installed, just double click on MXP file to start installation process. Close Dreamweaver before beginning installation.If you don't have an extension manager you can download it here: http://www.adobe.com/exchange/em_download/