Dreamweaver CS5: Level 2 - Advanced Website Design

COURSE OUTLINE:

Description This course is intended for web developers, designers, and administrators who are familiar with the basic tools and features of Adobe Dreamweaver CS5 and want to expand on existing knowledge to gain intermediate to advanced skills for creating and maintaining more robust interactive websites. Attendees will develop professional-looking web pages using the Adobe Dreamweaver CS5 application.

Prerequisites
Completion of Dreamweaver CS5: Level 1 - Building Basic Websites or equivalent knowledge is recommended.

Learning Objectives
Upon successful completion of this course, students will be able to:

  • Work in Code view and use coding tools and features.
  • Format web pages using advanced CSS techniques.
  • Work with AP elements.
  • Work with Spry elements.
  • Create and validate forms.
  • Integrate external files with Dreamweaver.

Course Content


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: 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

ADDITIONAL TOPICS

Appendix A: Testing a Website
Appendix B: Working with Adobe Bridge and Adobe Device Central
Appendix C: Adobe InContext Editing
Appendix D: New Features in Adobe Dreamweaver CS5