Adobe Dreamweaver CS5: Level 1

Course length: 1 day

Course Description

Course Objective: You will design, build, and upload a website.

Target Student: This course is intended for novice web designers, web developers, website designers, and graphic artists with some programming background who need to build simple websites and want to utilize the features of Adobe Dreamweaver CS5.

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

Course Objectives

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

• identify basic web design concepts and customize the Adobe® Dreamweaver® CS5 interface.
• build a website.
• design web pages.
• create reusable site assets.
• work with different types of links.
• upload a website.

Course Outline

Lesson 1: Getting Started with Dreamweaver

Topic 1A: Identify the Basic Concepts of Web Design
XHTML
Websites
Uniform Resource Locator (URL)
The Website Access Process
Principles of Web Designing
Design Elements
Element and Attribute Consistency
Layout Symmetry
CS Live

Topic 1B: Locate Dreamweaver Interface Elements
The Welcome Screen
The Dreamweaver Workspace
Document Views

Topic 1C: Customize the Interface
Panel Groups
Predefined Workspaces
The Preferences Dialog Box
How to Customize the Interface

Lesson 2: Initiating a Website

Topic 2A: Identify the Elements of a Project Plan
Project Plans
Project Plan Phases
Project Plan Deliverables

Topic 2B: Determine the Workflow of a Web Project
Storyboards
Flowcharts
Wireframes
Site Maps

Topic 2C: Define a Website
Starter Layouts
The Site Setup Dialog Box
The FILES Panel
How to Define a Website

Topic 2D: Create a Document
File Naming Conventions
Page Size Resolution
The New Document Dialog Box
The Home Page
The Check Spelling Command
How to Create a Document

Lesson 3: Designing Web Pages

Topic 3A: An Introduction to Cascading Style Sheets
Cascading Style Sheets
Types of CSS
CSS Rules
Tag Styles
Class Styles

Topic 3B: Format a Web Page
Text Properties
Lists
The CSS STYLES Panel
CSS Text Properties
The Page Properties Dialog Box
CSS Disable-Enable
The div and span Tags
The INSERT Panel
How to Format a Web Page

Topic 3C: Identify Copyright and Citation Requirements
Copyright Terminologies
Copyright Permission
Citing Internet Content

Topic 3D: Insert Images
Graphic File Formats for the Web
Image Properties
CSS Image Properties
How to Insert Images

Topic 3E: Insert Tables
Tables
The Table Dialog Box
CSS Table Properties
Table Modes
How to Insert Tables

Topic 3F: Import Data from Other Applications
Import Commands
The Clean Up Word HTML Command
How to Import Data from Other Applications

Topic 3G: Organize Files and Folders
How to Organize Files and Folders

Lesson 4: Creating Reusable Site Assets

Topic 4A: Create and Use Library Items
The ASSETS Panel
Libraries
How to Create and Use Library Items

Topic 4B: Update Library Items
How to Update Library Items

Topic 4C: Use Snippets
Snippets
The SNIPPETS Panel
How to Use Snippets

Topic 4D: Create a Template
Templates
Regions of a Template
How to Create a Template

Lesson 5: Working with Links

Topic 5A: Create Hyperlinks
Hyperlinks
The Hyperlink Dialog Box
How to Create Hyperlinks

Topic 5B: Create Anchors
Anchors
How to Create Anchors

Topic 5C: Create Email Links
Email Link
How to Create Email Links

Topic 5D: Create Image Maps
Hotspots
Image Maps
How to Create Image Maps

Topic 5E: Create Image Link Rollovers
Rollovers
How to Create Image Link Rollovers

Lesson 6: Uploading a Website

Topic 6A: Validate a Website
Accessibility Standards
The Results Panel Group
Validator Preferences
Site Reports
Adobe BrowserLab
How to Validate a Website

Topic 6B: Upload Files onto a Site
The Get and Put Commands
Site Upload
How to Upload Files onto a Site