Course Outline

 

 

1.0 IDENTIFICATION

COURSE INFORMATION

Course Name

Dreamweaver

Course Code

INFO10111

Course Classification

Specialized

Course Type

Optional

Program Code and Name

Webmaster Certificate

Total Course Hours

36

Development School

Continuing Education

Department

Distance Education

Developed by

Peggy Daniel

Development Date

Spring 2009

Academic Year

Fall 2010-Spring 2011

Approving Associate Dean

Pat MacDonald

Approval Date

2008

2.0 LEARNING OVERVIEW

SUBSECTION

 

Course Description

Dreamweaver CS5 is the latest version of Dreamweaver. Although HTML (HyperText Markup Language) is still at the heart of all web pages, Dreamweaver allows you to create web pages without coding by hand. As you type and change things on the screen, Dreamweaver writes the code for you and instantly displays the information in a WYSIWYG (What You See Is What You Get) format. This instant design feedback makes Dreamweaver CS4 a real time-saving tool.

 

 

Status of Resources

REQ= Required

REC= Recommended

REF= Reference

 

Type of Resources

Text Book OR Supply

 

Code

or

ISBN

Name or Title

Author/Publisher/Vendor or Website

Version/ Edition

 

Type

 

Status

978-0-321-70177-0

 

Adobe Dreamweaver CS5 Classroom in a Book

Adobe Press

www.adobepress.com.

 

 

Text Book

REQ

Pre-requisite(s)

Course Code

Course Name

Details

INFOBIN31

Web Page Design level 2

 

OR

 

 

INFO10110

Web Page Design

 

Prior Learning Assessment and Recognition

CH

Challenge

3.0 COURSE CONTENT

Major Modules, Themes, or Topics

1.       

Customizing Your Workspace

2.       

HTML Basics

3.       

CSS Basics

4.       

Getting a Quick Start

5.       

Creating a Page Layout

6.       

Working with Cascading Style Sheets

7.       

Working with Templates

8.       

Working with Text, Lists, and Tables

9.       

Working with Images

10.   

Working with Navigation

11.   

Adding Interactivity

12.   

Working with Flash

13.   

Working with Forms

14.   

Working with Code

15.   

Publishing to the Web

5.0 COURSE LEARNING OUTCOMES

Upon successful completion of the course learning outcomes, the student will reliably demonstrate the ability to create and maintain web pages.

LO01

Students will get an introduction to Dreamweaver workspace. Upon successful completion of this unit, students should be able to:

Learning Elements

Tour the workspace

Switch views

See split views

Work with panels

Select a workspace layout

Adjust toolbars

Personalize preferences

Create custom keyboard shortcuts

Use the property inspector

 

LO02

Students will get an introduction to HTML basics. Upon successful completion of this unit, students should be able to:

Learning Elements

Define HTML

Write basic HTML code

 

LO03

Students will get an introduction to CSS. Upon successful completion of this unit, students should be able to:

Learning Elements

Define CSS

Distinguish between HTML and CSS

Understand the CSS box model

Read basic CSS code

Understand CSS for formatting text and objects

Understand classes and IDs

 

LO04

Students will learn the basics of Dreamweaver. Upon successful completion of this unit, students should be able to:

Learning Elements

Define a Dreamweaver site

Use the Welcome screen

Select a CSS layout

Save a page

Choose a document view

Modify the page title

Change the headings

Insert Text

Insert Images

Select and modify the CSS styles

Adjust text, fonts, and colors

Work with Code view and Code and Design view

Use the Properties Panel

Preview a page in Live view

Preview pages in a Browser

 

LO05

Students will learn how to create a page layout. Upon successful completion of this unit, students should be able to

Learning Elements

Explain web design basics

Work with thumbnails and wireframes

Preview a completed file

Modify an existing CSS layout

Add a background image to the header

Insert new <div> components

Modify the page width and background colour

Modify existing content and formatting

Insert an image placeholder

Insert placeholder text

Modify a footer

Check browser compatibility

LO06

Students will learn about working with cascading style sheets. Upon successful completion of this unit, students should be able to:

Learning Elements

Work with the CSS styles panel

Create new CSS rules

Create an interactive menu

Modify hyperlink behavior

Create faux columns

Move rules to an external style sheet

Create style sheets for other media types

 

LO07

Students will get an opportunity to work with templates. Upon successful completion of this unit, students should be able to:

Learning Elements

Create a template from an existing layout

Insert editable regions

Produce child pages

Update a template

Use library items

Use server-side includes

 

LO08

Students will learn to work with text, lists, and tables. Upon successful completion of this unit, students should be able to:

Learning Elements

Import text

Create headings

Create lists

Create text indents

Create and style tables

Spell check web pages

Use find and replace with text

 

LO09

Students will have an opportunity to work with images. Upon successful completion of this unit, students should be able to:

Learning Elements

Insert an image

Adjust image positions with CSS classes

Work with the Insert panel

Use Adobe Bridge

Insert incompatible file types

Work with Photoshop Smart Objects

Copy and paste images from Fireworks and Photoshop

Insert images by drop and drag

Optimize images with the Property Inspector

 

LO10

Students will work with navigation. Upon successful completion of this unit, students should be able to:

Learning Elements

Create internal hyperlinks

Create an image-based link

Create an external link

Set up email links

Target page elements

Insert Spry menu bars

Insert Spry menus as Library items

LO11

Students will add interactivity. Upon successful completion of this unit, students should be able to:

Learning Elements

Understand Dreamweaver behaviours

Work with Dreamweaver behaviours

Work with Spry Accordion widgets

 

LO12

Students will work with Flash. Upon successful completion of this unit, students should be able to:

Learning Elements

Add Flash animation to a page

Add a FLV file to a page

 

LO13

Students will work with forms. Upon successful completion of this unit, students should be able to:

Learning Elements

Add a form to a page

Insert text form elements

Insert checkboxes

Create radio buttons

Work with lists

Add a submit button

Specify a form action

Email form data

Style a form

 

LO14

Students will work with code. Upon successful completion of this unit, students should be able to:

Learning Elements

Select code

Collapse code

Expand code

Add new code

Use code navigator

Access Live code

Use Inspect mode

Work in related files

Access split code view

Make comments on code

 

LO15

Students will publish to the web. Upon successful completion of this unit, students should be able to:

Learning Elements

Define a remote server

Cloak folders and files

Wrap things up

Put their site online

Synchronize local and remote sites

 

 

6.0 ASSESSMENT (ASSESSMENT DETAILS TO BE PROVIDED BY FACULTY)

Assessment Method

Weight

Associated Outcome(s)

3 Assignments

50%

LO01-LO15

Test Theory

20%

 

Practical

30%

 

TOTAL

100%

 

 

7.0 STUDENT SUCCESS POLICIES AND PROCEDURES

 

 

Mohawk College has developed several policies and procedures designed to protect students and provide an enriching and rewarding learning experience in which the rights of individuals are respected.

 

Please be advised that these policies and procedures are subject to change. For the most up to date information on the following policies and procedures, consult

http://www.mohawkcollege.ca/dept/stactiv/affairs/vp/codes.html#2