School Name
Two 18-Week Semesters
Course #: CIW v5 Associate Design Specialist
Course Dates:
Instructor:
E-Mail:
Office Location:
Office Phone:
Office Hours:
Lecture Days & Times:
Classroom:
Lab Days & Times:
Classroom:
Course Credit:
CIW v5 Associate Design Specialist Description:
The CIW v5 Associate Design Specialist certification is designed to verify essential and
advanced Web page development skills. CIW offers two related courses that build on
each other to teach the skills and knowledge necessary to pass the certification exams
for CIW v5 Associate Design Specialist. The two courses are Site Development
Foundations and Design Methodology and Technology.
Courseware Objective Description:
The first course, Site Development Foundations, teaches students to develop Web sites
using Hypertext Markup Language (HTML) and Extensible HTML (XHTML). Students
learn to incorporate images, hyperlinks, tables, forms and frames. Students learn to write
code manually, as well as use graphical user interface (GUI) authoring tools to design
Web pages and use CGI to connect to databases. Other topics include validating XHTML
code, recognizing the importance of marketing, implementing fundamental design
concepts, identifying e-commerce solutions, and relating Web site development to
business goals. This course also provides an introduction to tasks, job roles and careers
in Web development. Throughout the course, students learn how Web sites are
developed as managed projects and how to work as a productive part of a Web site
development team. Hands-on labs include real-world scenarios based on the Habitat for
Humanity site (www.habitat.org).
Design Methodology and Technology teaches students how to design and publish Web
sites using GUI XHTML editors. General topics include using site development software,
deploying templates, creating images, using Flash, and understanding advanced design
principles. Students also study aesthetics principles, database and multimedia
Page 1
technologies, and ethical and legal issues in Web development. In addition, students
learn how to enhance the site user's experience, and ensure usability and accessibility.
In this course, students work with popular production tools such as Macromedia
Dreamweaver and Flash, Microsoft FrontPage, and Macromedia Fireworks. Students
learn design and development technologies such as Cascading Style Sheets (CSS),
Extensible Markup Language (XML), JavaScript, Java applets, Dynamic HTML, plug-ins,
multimedia and databases. They also explore the extensibility of design tools,
incompatibility issues surrounding these tools, and the functionality of current Web
browsers.
The Design Methodology and Technology course is available in two versions, based on
the current and previous releases of the requisite Macromedia Studio software
applications (Dreamweaver, Fireworks and Flash). Schools using Macromedia Studio MX
2004 software should choose the course titled Design Methodology and Technology v8.0.
Schools using the newer Macromedia Studio 8 software should choose the course titled
Design Methodology and Technology (Macromedia Studio 8 edition) v8.1.
Throughout these two courses, students learn how Web sites are developed as managed
projects, relate Web site development to business goals, and apply guidelines for user
accessibility to Web site development.
Prerequisites:
Required Text: Site Development Foundations v1.1 or later
Published by: ComputerPREP/Prosoft Learning
Design Methodology and Technology v8.0 or later
Published by: ComputerPREP/Prosoft Learning
Certifications: To earn the CIW Associate Design Specialist designation,
students must pass the CIW v5 Foundations 1D0-510b
certification exam module and the CIW Site Designer 1D0-520
certification exam. These exams are available only via CIW
Certified Testing Centers (CTCs). The CTC environment is a
special proctor network created by CIW and offered only in
select participant schools.
For information about the CTC program, contact your account
manager at (800)228-1027.
Page 2
Practice Exams: Official CIW Online Assessment Tool:
Students and instructors can instantly evaluate the level of IT
knowledge achieved using ComputerPREP's official CIW
Online Assessment tool. Online Assessment provides
students with an additional method of review and assessment
to enhance the learning experience. Online Assessment can
also be used as a pre-assessment, practice exam and quiz
administration tool to help instructors evaluate their students’
knowledge. Online Assessment allows students and
instructors to:
 Review materials in testing or study environments.
 Pre-assess aptitudes, then tailor courses accordingly.
 Prepare for certification exams.
 Instantly evaluate course knowledge.
Online Assessment does more than provide questions and
answers. Some unique features of Online Assessment
include:
 Multiple study modes for adaptive learning.
 Personalized study plans and progress reports.
 Study questions and reference tools.
 Simulations of actual testing environments.
 References to ComputerPREP course content.
Visit www.ComputerPREP.com/catalog/classroomassessment.asp or call (602) 275-7700 for product and purchase
information about currently available CIW Online Assessment
tools.
CIW does not endorse Web sites that list study guides or
practice questions for CIW certification exams. All CIW exams
are copyrighted material. To maintain the security and value of
our program, we reserve the right to decertify and/or prohibit
from exams any individuals who republish or distribute our
copyrighted CIW certification exam questions.
Additional resources: In addition to the material found in the coursebooks, students
can visit CIW Online at www.vcampus.com/cciivv/CIWOnline/index.html to help them prepare for the CIW v5
Foundations 1D0-510b certification exam module and the CIW
Site Designer 1D0-520 certification exam. CIW Online provides
a variety of online tools students can use to supplement the
Official CIW Courseware, including:
Page 3

Course review questions — More than 1,300 new course
review questions that can be used for quizzes, tests and
other class assignments. The multiple-choice questions cover
numerous topics throughout the course material, not just
those topics addressed by the CIW exam objectives. The
questions are completely integrated with material from the
book and can be used to assess students' understanding of
the course material.

Interactive exercises — Student activities that consist of fillin-the-blank, true-or-false, categorizing, matching and
crossword puzzle exercises. The self-testing exercises
provide immediate scoring and feedback after completion,
allowing students to focus on topics that require additional
study. The exercises are based on Foundations and Site
Designer content and prepare students to excel in tests and
quizzes that feature multiple-choice questions.

Online flashcards — Approximately 400 glossary flashcards
that test students' vocabulary of important terms. The
interactive flashcards show a vocabulary term on one side
and the definition on the other. Students may move through
the flashcards as necessary for extra review.
Course Structure:
Disability Statement: In compliance with the Americans with Disabilities Act of 1990
and section 504 of the Rehabilitation Act of 1973, HIGH
SCHOOL/COLLEGE NAME provides services and
accommodations to students who experience barriers in the
educational setting due to learning, emotional, physical, mobility,
visual or hearing disabilities.
Page 4
Academic Honesty: Plagiarism, cheating and other forms of academic dishonesty are
prohibited. In addition to other possible disciplinary sanctions,
which may be imposed through institutional procedures as a
result of academic misconduct, your instructor will assign an “F”
on the first offense for any activity or exam that evidences
academic misconduct, and he or she will assign an “F” for the
course for repeated offenses.
Grading Scale:
A+ =
A =
A- =
100+ %
99-95 %
94-90 %
B+ =
B =
B- =
89-86 %
85-83 %
82-80 %
C+ =
C =
C- =
79-76 %
75-73 %
72-70 %
COURSE SCHEDULE:
CIW v5 Associate Design Specialist
36-Week Class Schedule (to implement in one school year)
Weekly
Dates
Text
Week 1
Site
Development
Foundations
(SDF)
and
Design
Methodology
and
Technology
(DMT)
Lesson and Topics
SDF Lesson 1: Introduction to Web Site
Development
Hours
3.0
Creating Web Pages
Text Editors and Markup Languages
Graphical User Interface (GUI) Editors
Front-End Issues
Back-End Issues
The Habitat For Humanity Web Site
DMT Lesson 1: Overview of Web Design
Concepts
1.0
Web Technology
The Nature of the Web
Web Design Concepts
New Technologies
Evaluating Your XHTML Skills
Page 5
Weekly
Dates
Text
Week 2
Site
Development
Foundations
Lesson and Topics
Lesson 2: Markup Language and Site
Development Essentials
Hours
2.0
History of Markup Languages
Web Site Development Principles
Lesson 3: XHTML Coding (1st part)
Introduction to Using XHTML
Markup Tags
Document Structure Tags
Web Site File Structure
Week 3
Week 4
Week 5
Site
Development
Foundations
Lesson 3: XHTML Coding (2nd part)
Site
Development
Foundations
Lesson 4: Horizontal Rules and
Graphical Elements
Site
Development
Foundations
Lesson 5: Hyperlinks
2.0
4.0
Preparing Your Development Environment
Style Sheets
Paragraph Formatting and Block-Level Elements
Text-Level Elements
Lists
Good Coding Practice
4.0
Horizontal Rules in XHTML
Images in Web Pages
Special Characters
Specifying Colors
Page Colors and Backgrounds
Specifying Font Information
Web Design Issues
2.0
Introduction to Hyperlinks
The Anchor Tag
Creating Local Hyperlinks
Creating External Hyperlinks
Using Images as Hyperlinks
Creating Internal Links
Managing Hyperlinks
Lesson 6: Tables
2.0
Introduction to Tables
Table and Data Alignment Options
Height and Width of Table Elements
Column and Row Spanning
Formatting Content in Tables
Page 6
Weekly
Dates
Text
Week 6
Site
Development
Foundations
(SDF)
and
Design
Methodology
and
Technology
(DMT)
Lesson and Topics
SDF Lesson 9: Frames
Hours
3.0
(focus on inline frames)
Introduction to XHTML Frames
The <frameset> Tag
The <frame> Tag
The Frameset Document
The <noframes> Tag
Targeting Frames with Hyperlink
Specifying a Base Target
Borders, Margins and Scrolling
Inline Frames
Appropriate Use of Frames
DMT Lesson 14: Web Page Structure — Tables
and Framesets (1st part)
1.0
Creating Structure with X/HTML Tables
Diagramming a Basic X/HTML Table
Borderless Web Page Structure
Week 7
Design
Methodology
and
Technology
(DMT)
DMT Lesson 14: Web Page Structure — Tables
and Framesets (2nd part)
3.0
X/HTML Frames and Framesets
The X/HTML <frameset> Tag
The X/HTML <frame> Tag
Targeting Hyperlinks in X/HTML
The X/HTML <noframes> Tag
and
Site
Development
Foundations
(SDF)
Week 8
Site
Development
Foundations
SDF Lesson 7: Web Forms (1st part)
Introduction to Web Forms
Web Forms and CGI
Lesson 7: Web Forms (2nd part)
1.0
4.0
The <form> Tag
Web Form Fields
Page 7
Weekly
Dates
Text
Week 9
Site
Development
Foundations
And
Semester
Mid-term
Week 10
Site
Development
Foundations
Lesson and Topics
Lesson 8: Image Techniques
Hours
3.0
Introduction to Web Image Techniques
Image Maps
Image Transparency
Image Interlacing
Animation
Quizzes from Week 1 through Week 9
1.0
Lesson 10: GUI HTML Editors
3.0
(focus on positives and negatives of
using a GUI HTML editor)
Introduction to GUI HTML Editors
Types of GUI Editors
GUI HTML Editor Functionality
Creating Web Pages with a GUI Editor
HTML Text Editors vs. GUI Editors
Previewing Pages and Validating Code
Web Site Publishing
Lesson 11: Advanced Web Technologies
(1st part)
1.0
Extending HTML
Server-Side and Client-Side Languages
Server-Side Languages
Week 11
Site
Development
Foundations
Lesson 11: Advanced Web Technologies
(2nd part)
4.0
Client-Side Languages
Connecting to a Database
Styling Techniques with CSS
Dynamic HTML (DHTML)
Document Object Model (DOM)
Working with Web Service Providers
Page 8
Weekly
Dates
Text
Week 12
Design
Methodology
and
Technology
Lesson and Topics
Lesson 2: Web Development Teams
Hours
2.0
Web Teams and Tasks
Web Project Management
Web Project Collaboration
Your Web Design Portfolio
Lesson 3: Web Project Management
Fundamentals
2.0
Web Project Management Phases
Project Documentation and Communication
Week 13
Design
Methodology
and
Technology
Lesson 4: Web Site Development Process
2.0
Bottom-Up Approach to Web Development
Understanding the Business Process
Defining a Web Site Vision
From Vision to Strategy
Web Site Specifications
The Metaphor
The Mindmapping Process
Lesson 5: Web Page Layout and Elements
(1st part)
2.0
Web Users and Site Design
Effective Web Page Layout
Branding and the Web
Week 14
Design
Methodology
and
Technology
Lesson 5: Web Page Layout and Elements
(2nd part)
2.0
Color and Web Design
Fonts and Web Design
Lesson 7: Browsers
2.0
Browsers and Navigation
Browsers and Design Considerations
Browser Adoption
Major, Minor and Alternative Browsers
Page 9
Weekly
Dates
Text
Week 15
Design
Methodology
and
Technology
Lesson and Topics
Lesson 8: Navigation Concepts
Hours
2.5
Why Is Navigation Critical?
Primary and Secondary Navigation
Navigation Hierarchy
Site Structure, URLs and File Names
Familiar Navigation Conventions
Guided Navigation
Navigation Action Plan
Lesson 9: Web Graphics (1st part)
1.5
Web Site Images
Digital Imaging Concepts
Raster vs. Vector Graphics
Graphics Applications
Week 16
Design
Methodology
and
Technology
Lesson 9: Web Graphics (2nd part)
1.5
Image File Formats
Creating and Optimizing Images
Lesson 10: Multimedia and the Web
2.5
Multimedia and Web Sites
Current Multimedia Capabilities
Animation and the Web
Audio and the Web
Video and the Web
Goals of a Multimedia Site
Multimedia Site Design Basics
User Interaction
Selecting Multimedia Elements
Week 17
Design
Methodology
and
Technology
Lesson 11: Ethical and Legal Issues in Web
Development
1.0
Ethics and Law in Web Development
Ethical Issues and the Web
Legal Issues and the Web
Lesson 15: Cascading Style Sheets
3.0
Style Sheets
Cascading Style Sheets
Defining and Using Styles
Changeable Style Attributes
Style Guides
Changes from CSS1 to CSS2
Page Layout with CSS
Page 10
Weekly
Dates
Text
Week 18
Design
Methodology
and
Technology
and
Semester
Final
Week 19
Week 20
Week 21
Lesson and Topics
Lesson 17: Site Development with Microsoft
FrontPage 2003 — Introduction
Hours
3.0
Microsoft FrontPage
FrontPage Views
FrontPage Menus and Toolbars
Opening Webs and Files in FrontPage
Developing W3C-Compliant Code with FrontPage
Quizzes from Week 10 through Week 18
Design
Methodology
and
Technology
Lesson 18: Site Development with FrontPage
2003 — Basic Features (1st part)
Design
Methodology
and
Technology
Lesson 18: Site Development with FrontPage
2003 — Basic Features (2nd part)
Design
Methodology
and
Technology
Lesson 19: Site Development with FrontPage
2003 — Advanced Features (1st part)
1.0
4.0
Page Layout in FrontPage
Creating a New Web Site Using FrontPage
Tables in FrontPage
Inserting Images in FrontPage
Page Properties in FrontPage
4.0
Creating Hyperlinks with FrontPage
Image Maps in FrontPage
FrontPage Templates
Adding Navigation Using FrontPage
Importing Formatted Text in FrontPage
Inserting X/HTML with FrontPage
FrontPage Shared Borders
4.0
FrontPage Styles
FrontPage Themes
FrontPage DHTML Effects Toolbar
FrontPage Web Forms
FrontPage Components
Page 11
Weekly
Dates
Text
Week 22
Design
Methodology
and
Technology
Lesson and Topics
Lesson 19: Site Development with FrontPage
2003 — Advanced Features (2nd part)
Hours
2.0
FrontPage Web Reports
FrontPage Search Forms
FrontPage Framesets
Lesson 20: Site Development with Macromedia
Dreamweaver 8 — Introduction
2.0
Macromedia Dreamweaver 8
Dreamweaver Layout Options
Week 23
Week 24
Week 25
Design
Methodology
and
Technology
Lesson 21: Site Development with
Dreamweaver 8 — Basic Features
Design
Methodology
and
Technology
Lesson 22: Site Development with
Dreamweaver 8 — Advanced Features
Design
Methodology
and
Technology
Lesson 23: Web Pages with Macromedia
HomeSite 5.5
4.0
Page Layout in Dreamweaver
Creating Image Maps in Dreamweaver
Creating Templates in Dreamweaver
Importing Content in Dreamweaver
4.0
Rollover Images in Dreamweaver
Dreamweaver Web Forms
Dreamweaver Behaviors
Dreamweaver Assets and Library
Editing X/HTML in Dreamweaver
Jump Menus in Dreamweaver
Dreamweaver Exchange
2.0
Macromedia HomeSite 5.5
HomeSite Templates
File Management in HomeSite
Tag-Editing Features in HomeSite
Lesson 24: Image Editing with Macromedia
Fireworks 8 (1st part)
2.0
Macromedia Fireworks 8
Creating an Image Document
Adding Text to Images
Cropping Images
Image Layers in Fireworks
Page 12
Weekly
Dates
Text
Week 26
Design
Methodology
and
Technology
Lesson and Topics
Lesson 24: Image Editing with Macromedia
Fireworks 8 (2nd part)
Hours
2.0
Image Frames in Fireworks
Transparent Images in Fireworks
Image Slices in Fireworks
Lesson 25: Multimedia with Macromedia Flash 8
Macromedia Flash 8
Flash Technology Features
Developing with Flash
Flash Shapes
Color and Fills in Flash
Week 27
Design
Methodology
and
Technology
and
Semester
Mid-term
Week 28
Week 29
Week 30
Lesson 26: Multimedia with Flash 8 — Timeline,
Layers, Symbols and Buttons
2.0
3.0
Flash Timeline
Flash Layers
Saving and Publishing Flash Movies
Flash Symbols
Flash Buttons
Customizing the Flash Library
Quizzes from Week 19 through Week 27
Design
Methodology
and
Technology
Lesson 27: Multimedia with Flash 8 — Tweens
Design
Methodology
and
Technology
Lesson 28: Multimedia with Flash 8 — Movie
Clips
Design
Methodology
and
Technology
Lesson 29: Multimedia with Flash 8 —
ActionScript, Masks and Practical Uses
1.0
4.0
Flash Tweens
Motion Tweens in Flash
Shape Tweens in Flash
Tweening Text in Flash
4.0
Flash Movie Clips
Adding Sound to Flash Files
Adding Flash Movies to X/HTML Files
Testing for the Flash Plug-In
4.0
Flash ActionScript
Mask Layers in Flash
Using SWF and SVG Files on the Web
Flash and Accessibility
Page 13
Weekly
Dates
Text
Week 31
Design
Methodology
and
Technology
Lesson 30: JavaScript and DHTML
Fundamentals
Design
Methodology
and
Technology
Lesson 31: Plug-Ins and Java Applets
Design
Methodology
and
Technology
Lesson 33: Databases
Design
Methodology
and
Technology
Lesson 34: Web Site Publishing and
Maintenance
Week 32
Week 33
Week 34
Lesson and Topics
Hours
4.0
Why Script?
JavaScript and Common Programming Concepts
What Is JavaScript?
JavaScript vs. Other Languages
Embedding JavaScript into XHTML
Using JavaScript to Communicate with the User
JavaScript Functions
Using JavaScript for Browser Detection
Dynamic HTML (DHTML)
4.0
Plug-In Technology
Plug-In Installation
Macromedia Shockwave and Flash Players
Adobe Reader
RealNetworks RealPlayer
Rich Media Content
Creating a Downloadable File
Introduction to Java
Java Applets
Applets and Animation
Applet Authoring Tools and Resources
4.0
Web Design and Databases
Database Anatomy
Database Queries
Database Management Systems (DBMS)
Connecting Web Pages to Databases
Database Tools, Products and Programs
4.0
Web Site Testing
Web Site Publishing
Web Site Hosting
Web Publishing Using an FTP Client
Web Publishing with FrontPage
Web Publishing with Dreamweaver
Comparing Web Publishing Tools
Maintaining Web Sites
Web Server and Web Site Security
Page 14
Weekly
Dates
Text
Week 35
Site
Development
Foundations
Week 36
Lesson and Topics
Lesson 12: E-Commerce Practices
Hours
4.0
Traditional Commerce vs. E-Commerce
E-Commerce Models
Business and Internet Technologies
E-Commerce Information-Formatting Technologies
E-Commerce Payment Technologies
Working in a Global Environment
Semester
Final
Quizzes from Week 28 through Week 35
1.0
CIW
1D0-510B
exam
CIW v5 Site Development Foundations exam
(actual exam time 30 minutes)
1.0
CIW 1D0-520
exam
CIW Site Designer exam (actual exam time 75
minutes)
2.0
Page 15