Adobe® Dreamweaver® CS4

Course Description
You may want to make information available on the Internet. To achieve this, you need to create a website. In this course, you will design, build, and upload a website using Dreamweaver. You created basic web pages. You may now need to develop websites with advanced functionality. In this course, you will use the advanced features of Adobe® Dreamweaver® CS4 to design and develop professional-looking websites.

Course Objective:
You will design, build, and upload a website. You will develop professional-looking web pages using the Adobe® Dreamweaver® CS4 application.

Target Student:
This course is intended for novice web designers, web developers, and web graphic artists, and also for media marketing personnel who need to build simple websites and want to utilize the features of Adobe Dreamweaver CS4.

Delivery Method:
Instructor led, group-paced, classroom-delivery learning model with structured hands-on activities.

After completing this course the student should be able to:

  • explore and customize the Adobe Dreamweaver interface.
  • build a website.
  • work with web pages.
  • work with reusable site assets.
  • work with different types of links.
  • upload a website.
  • work in Code view and use coding tools and features available in Dreamweaver.
  • format web pages using advanced CSS techniques.
  • work with AP elements.
  • work with Spry elements.
  • create and validate forms.
  • integrate external files with Dreamweaver.

Prerequisites:
To ensure your success in this course, it is recommended that you first take the following Element K course (or have equivalent knowledge): Web Design with XHTML, HTML, and CSS : Level 1.

Course Content

Day 1

Lesson 1: Getting Started with Dreamweaver
Topic 1A: Examine the Basic Concepts of Web Designing
Topic 1B: Explore the Dreamweaver Interface
Topic 1C: Customize the Interface

Lesson 2: Building a Website
Topic 2A: Define a Website
Topic 2B: Create a Document

Lesson 3: Working with Web Pages
Topic 3A: An Introduction to Cascading Style Sheets
Topic 3B: Format a Web Page
Topic 3C: Insert Images
Topic 3D: Insert Tables
Topic 3E: Import Data from Other Applications
Topic 3F: Organize Files and Folders

Lesson 4: Working with Reusable Site Assets
Topic 4A: Create and Use Library Items
Topic 4B: Update Library Items
Topic 4C: Use Snippets
Topic 4D: Create a Template

Lesson 5: Working with Links
Topic 5A: Create Hyperlinks
Topic 5B: Create Anchors
Topic 5C: Create Email Links
Topic 5D: Create Image Maps
Topic 5E: Create Image Link Rollovers

Lesson 6: Uploading a Website
Topic 6A: Ensure Accessibility
Topic 6B: Upload Files onto a Site

Appendix A: Using Frames
Supplemental Lesson: Working with Frames
Topic 1A: Create Framesets
Topic 1B: Create a Navigation Bar

Day 2

Lesson 1: Working in Code View
Topic 1A: Use Coding Tools
Topic 1B: Search for and Replace Code
Topic 1C: Add Design Notes and Comments

Lesson 2: Formatting with Advanced CSS Techniques
Topic 2A: Use External Style Sheets
Topic 2B: Create a Layout Using CSS
Topic 2C: Apply Rollover Effects Using CSS

Lesson 3: Working with AP Elements
Topic 3A: Create AP Elements
Topic 3B: Control AP Elements

Lesson 4: Working with Spry Elements
Topic 4A: Use Spry Interface Widgets
Topic 4B: Modify Spry Widgets
Topic 4C: Use Spry Data Sets

Lesson 5: Creating a Form
Topic 5A: Set Up a Form
Topic 5B: Add Form Elements
Topic 5C: Validate a Form

Lesson 6: Integrating External Files with Dreamweaver
Topic 6A: Integrate Photoshop Images in Dreamweaver
Topic 6B: Insert Media Objects
Topic 6C: Integrate XML-Based Data