CIW Site Designer Series Course:
Design Methodology and Technology
(Adobe CS4 Web Edition) v9.0
Design Methodology and Technology teaches you how to design and publish Web sites. General topics
include Web Site Development Essentials (such as the site development process, customer expectations,
and ethical and legal issues in Web development), Web Design Elements (such as aesthetics, the site
user's experience, navigation, usability and accessibility), Basic Web Technologies (such as basic
Hypertext Markup Language [HTML], Extensible HTML [XHTML] and extended technologies, image files,
GUI site development applications, site publishing and maintenance) and Advanced Web Technologies
(such as multimedia and plug-in technologies, client-side and server-side technologies, and Web
databases).
In this course, you will work with popular production tools such as Microsoft Expression Web, and Adobe
Dreamweaver and Flash. You will study design and development technologies such as Cascading Style
Sheets (CSS), Extensible Markup Language (XML), JavaScript, Java applets, Dynamic HTML, plug-ins,
multimedia and databases. You will also explore the extensibility of design tools, incompatibility issues
surrounding these tools, and the functionality of current Web browsers.
Topics
Overview of Web Design Web Page Layout Web Graphics
Concepts and Elements Web Site Images
Web Technology Web Users and Site Design Digital Imaging Concepts
The Nature of the Web Effective Web Page Layout Raster vs. Vector Graphics
Web Design Concepts Branding and the Web Graphics Applications
New Technologies Color and Web Design Image File Formats
Evaluating Your XHTML Fonts and Web Design Creating and Optimizing
Skills Images
Web Site Usability and
Essential Graphic Design
Web Development Teams Accessibility
Concepts
Web Teams and Tasks Audience Usability and
Web Project Management Accessibility Multimedia and the Web
Web Project Collaboration Defining Usability Multimedia and Web Sites
Your Web Design Portfolio Web Site Usability Testing Current Multimedia
Your Web Design Business Web Page Accessibility Capabilities
Animation and the Web
Web Project Management Browsers
Audio and the Web
Fundamentals Browsers and Navigation
Video and the Web
Web Project Management Browsers and Design
Goals of a Multimedia Site
Phases Considerations
Multimedia Site Design
Project Documentation and Browser Adoption
Basics
Communication Major, Minor and Alternative
User Interaction
Browsers
Web Site Development Selecting Multimedia
Creating Aliases with
Process Elements
TinyURL
Bottom-Up Approach to Web
Utilizing CAPTCHA Ethical and Legal Issues in
Development
Web Development
Understanding the Business Navigation Concepts
Ethics and Law in Web
Process Why Is Navigation Critical?
Development
Defining a Web Site Vision Primary and Secondary
Ethical Issues and the Web
From Vision to Strategy Navigation
Legal Issues and the Web
Web Site Specifications Navigation Hierarchy
The Metaphor Site Structure, URLs and File HTML and the Evolution of
Mystery Meat Navigation Names Markup
The Mindmapping Process Familiar Navigation Function of Markup
Creating a Web Site Conventions Languages
Wireframe Guided Navigation SGML: A Short History
Creating a Web Page Navigation Action Plan What Is HTML?
Wireframe HTML Goals
The HTML Standard
Design Methodology and Technology Course Description - 2
HTML 1.0 and 2.0 Site Development with Importing Content in
HTML 3.0 and 3.2 Microsoft Expression Web Dreamweaver
HTML 4.0 and 4.01 2 — Introduction
Site Development with
Separating Format from The Transition from
Dreamweaver CS4 —
Structure in HTML FrontPage
Advanced Features
Extensible HTML (XHTML) Microsoft Expression Web 2
Rollover Images in
Reference Sites for Web Expression Web Views
Dreamweaver
Developers Expression Web Menus and
Dreamweaver Web Forms
Toolbars
XML and XHTML Dreamweaver Behaviors
Opening Web Sites and Files
What Is XML? Dreamweaver Assets and
in Expression Web
XML Goals Library
Developing W3C-Compliant
What Is an XML Document? Editing X/HTML in
Code with Expression Web
Rules for Well-Formed XML Dreamweaver
HTML Transition to XML Site Development with Jump Menus in
What Is XHTML? Expression Web 2 — Basic Dreamweaver
Applying a Single Standard Features Site Search Forms in
Consistently Page Layout Options in Dreamweaver
Expression Web Adobe Exchange
Web Page Structure —
Creating a New Web Site
Tables and Framesets Creating Web Pages Using
Using Expression Web
Creating Structure with Open-Source Tools
Page Layout with CSS
X/HTML Tables Open-Source GUI Editors
Inserting Images with
Diagramming a Basic GUI HTML Editors vs. Text
Expression Web
X/HTML Table Editors
Creating Hyperlinks with
Borderless Web Page Open-Source Text Editors
Expression Web
Structure Creating a Static Web Page
Creating Image Maps with
X/HTML Frames and Using Templates
Expression Web
Framesets Checking Spelling
Creating Navigation Bars
The X/HTML Tag
Using CSS Image Editing with Adobe
The X/HTML Tag
Expression Web's Dynamic Fireworks CS4
Targeting Hyperlinks in
Web Templates Adobe Fireworks CS4
X/HTML
Pasting Formatted Text with Creating an Image Document
The X/HTML Tag
Expression Web in Fireworks
Cascading Style Sheets Pasting X/HTML content Adding Text to Images in
Style Sheets with Expression Web Fireworks
Cascading Style Sheets Cropping Images in
Site Development with
Defining and Using Styles Fireworks
Expression Web 2 —
Changeable Style Attributes Image Layers in Fireworks
Advanced Features
Style Guides Image States in Fireworks
Expression Web Styles
Changes from CSS1 to CSS2 Transparent Images in
Adding Interactivity to Web
Page Layout with CSS Fireworks
Pages
The CSS Box Model Image Slices in Fireworks
Creating Web Forms with
Document Flow and
Expression Web Multimedia with Adobe
Positioning
Connecting to Databases Flash CS4
CSS Positioning Schemes
Expression Web Reports Adobe Flash CS4
Site Content and Metadata Options for Replacing Old Flash Technology Features
Written Web Site Content Webbots Developing with Flash
Internet Marketing and Flash Shapes
Site Development with
Search Engine Color and Fills in Flash
Adobe Dreamweaver CS4
Optimization (SEO)
— Introduction Multimedia with Flash CS4
Metadata
Adobe Dreamweaver CS4 — Timeline, Layers,
The Tag and
Dreamweaver Layout Options Symbols and Buttons
Document Identification
Flash Timeline
The Tag and Search Site Development with
Flash Layers
Engines Dreamweaver CS4 —
Saving and Publishing Flash
The Tag and Delayed Basic Features
Movies
File Change Page Layout in Dreamweaver
Flash Symbols
Creating Image Maps in
Flash Buttons
Dreamweaver
Customizing the Flash
Creating Templates in
Library
Dreamweaver
Design Methodology and Technology Course Description - 3
Multimedia with Flash CS4 Using JavaScript to Setting Cookie Files
— Tweens Communicate with the XML and Web Applications
Flash Tweens User Syndicated Feeds
Motion Tweens in Flash JavaScript Functions
Databases
Shape Tweens in Flash Using JavaScript for Browser
Web Design and Databases
Tweening Text in Flash Detection
Database Anatomy
Dynamic HTML (DHTML)
Multimedia with Flash CS4 Database Queries
— Movie Clips Plug-Ins and Java Applets Database Management
Flash Movie Clips Plug-In Technology System (DBMS)
Adding Sound to Flash Files Plug-In Installation Connecting Web Pages to
Adding Flash Movies to Adobe Shockwave and Flash Databases
X/HTML Files Players Database Tools, Products
Testing for the Flash Plug-In Adobe Reader and Programs
RealNetworks RealPlayer
Multimedia with Flash CS4 Web Site Publishing and
Rich Media Content
— ActionScript, Masks Maintenance
Creating a Downloadable File
and Practical Uses Web Site Testing
Introduction to Java
Flash ActionScript Web Site Publishing
Java Applets
Mask Layers in Flash Web Site Hosting
Applets and Animation
Using SWF and SVG Files on Web Publishing with an FTP
Applet Authoring Tools and
the Web Client
Resources
Flash and Accessibility Web Publishing with
HTTP Servers and Web Expression Web
JavaScript and DHTML
Applications Web Publishing with
Fundamentals
What Is an HTTP Server? Dreamweaver
Why Script?
Accessing Servers and Comparing Web Publishing
JavaScript and Common
Services Tools
Programming Concepts
Basic HTTP Server Maintaining Web Sites
What Is JavaScript?
Administration Web Server and Web Site
JavaScript vs. Other
Server-Side Technologies Security
Languages
Web Servers and Cookies
Embedding JavaScript into
Enabling, Disabling and
X/HTML
Deleting Cookies
Target Audience
Web authors, marketing and communications professionals, PR professionals, Webmasters, graphic
designers, desktop designers, technical writers, and library scientists.
Job Responsibilities
Implement and maintain hypertext -based Web sites using authoring and scripting languages; create Web
content; use Web management tools and digital media tools; and apply human-factor principles to design.
Prerequisites
Prior to taking this course, students should complete the CIW v5 Foundations series of courses or be able
to demonstrate equivalent Internet and X/HTML knowledge.