Class Syllabus: Dreamweaver 101

Office Hours:	Continuous
Course Meeting Times:	Continuous

Course Description

Whether this is your first time using Dreamweaver or you've used it in the past, this course will walk you through the program step-by-step and teach you how to use its many features and options to create professional web pages with little more than a click of the mouse.

You'll learn how to:

Design basic HTML websites, even if you don't know HTML
Design with tables
Build websites using frames
Learn about – and even understand – CSS
Learn basic HTML. You won't believe how easy it is!
And much, much more.

Like most Adobe programs, Dreamweaver can seem more complicated than it really is because of all the additional options and features that it offers. For that reason, if you're new to Dreamweaver, trying to figure out how to accomplish even the simplest of tasks can seem overwhelming and impossible. But take heart, it's not. With just a very little bit of time and study, anyone can master Dreamweaver and be on their way to designing professional web pages quickly and easily. This course was designed to teach the amateur how to effectively use the program and take advanced users from building basic web pages to stunning masterpieces.

Course Requirements

This course will not require you to have previous experience in any particular area but you should have the following:

- Dreamweaver CS4 (recommended) *
- a high school reading level.

No books will be required.

*students interested can download the free trial version of Dreamweaver for this course.

Course Topics

Lesson 1: Introduction to Dreamweaver CS4

About Dreamweaver CS4

About This Course

Opening Files in Dreamweaver

The Menu Bar

Properties Inspector and Panels

Panels

Moving Panels

The Properties Inspector

The Document Window

The Status Bar

The Document Toolbar

Coding Toolbar

Lesson 2: Creating Your First Website

Set up a New Site

Creating a Root Folder

Adding Text on a Page

Formatting Text

Paragraphs

Line Breaks

Fonts

Color

Formatting Paragraphs

Creating Lists

Increase and Reduce Indentions

Insert Special Characters

Images

Inserting Images

Add White Space Around Images

Align Images

Add Border to an Image

Crop an Image

Resizing Images

Create Image Placeholders

Creating Links

Text Links

Make an Image a Clickable Link

Make a Clickable Image that Enlarges When Clicked

Create an Email Link

Create Anchors and Jump Links

Lesson 3: Designing with Tables

Setting Up a New Site

Creating Tables

Setting Table Properties and the Properties Inspector

Placing Images and Graphics Into Tables

Adding a Background Color

Using Tracer Images in to Design a Website

Lesson 4: Creating a Site Using a Template

Browsing Templates

Creating Your Website From a Template

Adding Images

Changing Background Colors

Create a Template from an Existing Site

Setting Editable and Uneditable Regions

Nested Templates

Lesson 5: Creating Online Forms

Form Basics

Creating a Basic HTML Form

Validation

Create Hints for Text Fields

Block Invalid Characters

Add a Validated Text Field

Add a Text Area

Add Checkboxes

Adding Radio Buttons

Adding List Menus

Creating a Submit Button

Lesson 6: Libraries, Assets, and More Time Saving Tools

Creating Library Items

Insert a Library Item into a Document

Edit a Library Item

The Assets Panel

The Find and Replace Command

Check Spelling

Lesson 7: Creating a Website with Frames

Creating Frames and Framesets

Creating a Predefined Frameset

Design Your Own Frameset

Resize a Frame

Open a Document in a Frame

Save Framesets and Frames

Create a Scroll Bar

When to Use Frames

Lesson 8: Rollovers and Other Image Tricks

Drawing Image Maps

Lesson 9: Designing with Cascading Style Sheets

Creating Style Sheets

CSS Code Format

The CSS Styles Panel and Editing Styles

External Style Sheets

Applying Existing External Style Sheets

Working with Predefined Styles

Adding Additional Rules

Creating a New Class Style

Creating a New ID

Edit a Rule

CSS Layout

Lesson 10: Creating Precise Designs Using AP Elements

Drawing AP Div Elements

Stacking Multiple AP Div Elements

Arranging Layers Using the Z Index

Prevent Overlaps

Hiding/Showing AP Div Elements

AP Div Elements Properties Inspector

Nested AP Div Elements

Aligning AP Div Elements

Using Tables within AP Elements

Adding Background Images

Creating a Tracing Image

Lesson 11: Behaviors

Using the Behaviors Panel

Applying and Changing Behaviors

Changing Behaviors

Create a Pop Up Window

Create Status Bar Text

Assign Behaviors to an Image Map

Lesson 12: Adding Audio, Video & Flash to a Page

Embedding vs. Linking

Working with Flash

Embedding SWF Files into a Dreamweaver Document

Exploring the Flash Properties Inspector

Additional Properties

Embedding FLV Files in Dreamweaver Documents

Progressive Download Video Options

Streaming Video Options

Windows Media, QuickTime, and Other Video Formats

Adding Audio to a Page

Lesson 13: Working in the Code

Introduction to HTML

HTML Attributes

Viewing Source Code in a Browser Window

Edit HTML Code

Code View Options

Code Hints

Using the Code Inspector

Cleaning Up HTML

Creating Snippets

Lesson 14: Publishing & Managing Your Website

Setting up the Server Information for FTP

The File Panel Options and Viewing Remote Files

Transferring Files To and From a Server

Getting Files

Putting Files

Working with the Synchronize Buttons

Enable Cloaking

Activating Collaborative Features

Working with Design Notes

Enabling Design Notes

Creating Design Notes

Course Materials

All course material will be provided in the lessons and netlinks. There are no required materials to purchase before taking the class. In order to fully benefit from this course, though, you do need access to Dreamweaver CS4.

Grading Policy

Each lesson will include a lesson review exam along with an assignment. Students will successfully complete this course with 70% or better.

Learning Outcomes

By successfully completing this course, students will be able to:

Create a website.
Design websites with tables.
Create a website using a template.
Create online forms.
Create a website with frames.
Create rollovers.
Design with Cascading Style Sheets.
Add audio, video and Flash to a page.
Publish and managing your website, and
Demonstrate mastery of lesson content at levels of 70% or higher.

Recommended Books

Featured Courses in Computer Training

1. Adobe Flash 101 ($80.00) Adobe Flash CS4 can be a complex program to use and understand, even if you already have basic knowledge. more		2. How to Create Web Pages ($55.00) These days, everyone can benefit from an online presence, and that means developing a website. more

3. Adobe Photoshop 101 ($65.00) Adobe Photoshop is a complex graphics and image editing software and paint program. more		4. Photoshop Elements Version 7.0 (or earlier) ($60.00) The Photoshop Elements software package is a condensed version of the popular Adobe Photoshop. more

Other Related Classes in Computer Training

Excel 2007 Microsoft Excel 2007 is a very popular business productivity application for the management and manipulation of data. Microsoft Excel is often packaged as part of Microsoft Office that includes other applications such as Microsoft Word, Microsoft PowerPo...
Computer Basics 101 Do you find yourself intimidated by computer jargon? Would you like to have a clearer understanding (in non-jargon language) of how your computer works? Computer Basics 101 will both demonstrate and explain how your computer works in an easy-to-follow, ...
Digital Photography 101 You just bought your first digital camera and don't know the ins and outs of all those buttons. If that isn't daunting enough, the user's manual is pages thick and intimidating. Well, you've come to the right place. Owning a great digital camera is no g...
MS Office 2007: Word, Excel, PowerPoint and Outlook MS Office 2007 will provide a comprehensive tutorial of these programs- Word, Excel, PowerPoint, and Outlook. MS Word 2007 It doesn't matter if you're new to MS Word or an experienced user, this comprehensive course teaches the most basic features as w...
Quickbooks 101 QuickBooks 101 is a course geared for the small business and the small business owner. It contains the features that you loved in Quicken, then goes a step further to give small businesses the accounting software they need to take their numbers from an e...
Adobe Photoshop 101 Adobe Photoshop is a complex graphics and image editing software and paint program. Chances are, you've heard of Photoshop frequently in the past even if this will be the very first time that you use the program. Adobe's Photoshop program has become a ...
Photoshop Elements Version 7.0 (or earlier) The Photoshop Elements software package is a condensed version of the popular Adobe Photoshop. Lesser priced, it contains all the features of Photoshop, but contains fewer options that are much easier to understand. Elements was designed with the consum...
Dreamweaver 101 Whether this is your first time using Dreamweaver or you've used it in the past, this course will walk you through the program step-by-step and teach you how to use its many features and options to create professional web pages with little more than ...
MS Office 2003: Word, Excel, PowerPoint This all in one training course will provide comprehensive instruction on three popular MS Office programs: MS Word 2003, MS Excel 2003, PowerPoint 2003. MS Word 2003 T his course teaches you all the basics of MS Word, from doing simply functions like ...
Microsoft Publisher 2007 Microsoft Publisher can be an amazing tool. It can help us complete impressive tasks in a fraction of the time, and help to accomplish things that we could never have done on our own. But you have to know how to use this program. This course will sho...
Quicken Deluxe 2010 Quicken Deluxe is a personal finance management tool that provides features that we all need to keep track of where our money is going. However, this software gives you more than just the power to log your finances and manage your bills. It can also ...
Photography 101: Beginner to Intermediate Have you ever seen those old black and white (or brown and white) pictures of pioneers? No one smiled, the women always wore gloves, and the children's faces were smudgy. In those days, the cameras required a longer period of time to capture the image th...
Photoshop Elements 101 The Photoshop Elements software package is a condensed version of the popular Adobe Photoshop. As the lesser priced version of Adobe's Photoshop, Elements offers all the same features, but just with less options. However, don't let that scare you away fr...
Internet Specialist 101 The role of an Internet Specialist in today's business marketplace is in exceptionally high demand. The Internet is a global web of interconnected networks that contains an immense amount of information. It has transformed how businesses conduct commer...
Microsoft Project 2007 Microsoft Project 2007 is a project management software that helps project managers better structure, organize, and plan for all their projects. This includes budgets, tasks, resources, assignments, and everything in between. It can create critical pat...
How to Create Web Pages These days, everyone can benefit from an online presence, and that means developing a website. This course covers a basic introduction of how to create your own website page-by-page using HTML, a common website coding process. From basic HTML defin...
Internet Fundamentals 101 Are you in the dark about how the Internet works? Do you wonder how in the world it is possible to communicate with someone on another continent in the blink of an eye? This straightforward course clearly and plainly lays out the basics of the Internet i...
MS Publisher 2010 Microsoft Publisher 2010 is a desktop publishing software program that comes with the Microsoft Office suite. While Microsoft Word is a word processing program, Microsoft Publisher is used for page layout and design. You can use Publisher to create brochu...
Intro to PC Troubleshooting and Repair There is no question that computers offer many benefits to their users. Whether they are used for pleasure or business, computers enable us to connect to the world in ways never thought possible. And to get the most out of them, computers need to be set ...
Office 2010: Word, Excel, PowerPoint and Outlook This all-in-one training course provides comprehensive instruction on four popular MS Office programs: MS Word 2010, MS Excel 2010, MS PowerPoint 2010 and MS Outlook 2010. MS Word 2010 Microsoft Word 2010 is the newest update to their popular word pro...
Adobe Flash 101 Adobe Flash CS4 can be a complex program to use and understand, even if you already have basic knowledge. It's very easy to get lost in the interface and confused by the many features it offers. This course was designed to solve the mysteries of Adob...
Virus Removal and Protection 101 It's amazing how many of us own personal computers at home, belong to Internet networking systems in work environments, and yet don't understand the very basics regarding Internet Security. While we've all heard terms like worms, spyware and Trojan horse...
Windows 7 Welcome to Windows 7, the latest operating system introduced by Microsoft. Chances are, you were just getting used to Vista when this came out. And, most likely, some of you are still bound to the old and familiar (now) XP. We know that the though...

Areas of Study