COURSE OUTLINE

WEB DESIGN TRAINING

Web Design Specialist

(Adobe CS6 Web Edition)
The Web Design Specialist course 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.

Web Design Specialist will also teach you to manage the Web site development process. You will learn
about new technologies and traditional strategies involving the Web designer job role. Throughout this
course, you will 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. You will also consider
site design from several perspectives. You will approach design from the Web user's perspective so that
you can identify with user interests and needs. You will also assume the roles of Web designer and project
manager, as you work through the Web site development process by evolving a Web presence site into a
working prototype Web project. Hands-on labs include real-world scenarios based on a previously live
version of the Habitat for Humanity International Web site. Note that students will build prototype pages
using Habitat for Humanity content. This content is provided by Habitat for Humanity with permission to
use it in labs teaching site development skills. The prototype pages that students build do not necessarily
represent, duplicate or simulate the current live Habitat for Humanity Web site, which can be visited at
www.habitat.org.

Topics
The Metaphor
Overview of Web Design Mystery Meat Navigation Navigation Concepts
Concepts The Mindmapping Process Why Is Navigation Critical?
Web Technology Creating a Web Site Wireframe Primary and Secondary Navigation
The Nature of the Web Creating a Web Page Wireframe Navigation Hierarchy
Web Design Concepts Site Structure, URLs and File
New Technologies Web Page Layout and Elements Names
Evaluating Your XHTML Skills Web Users and Site Design Familiar Navigation Conventions
Effective Web Page Layout Guided Navigation
Web Development Teams Branding and the Web Navigation Action Plan
Web Teams and Tasks Color and Web Design
Web Project Management Fonts and Web Design Web Graphics
Web Project Collaboration Web Site Images
Your Web Design Portfolio Web Site Usability and Digital Imaging Concepts
Your Web Design Business Accessibility Raster vs. Vector Graphics
Audience Usability and Accessibility Graphics Applications
Web Project Management Defining Usability Image File Formats
Fundamentals Web Site Usability Testing Creating and Optimizing Images
Web Project Management Phases Web Page Accessibility Essential Graphic Design Concepts
Project Documentation and
Communication Browsers Multimedia and the Web
Browsers and Navigation Multimedia and Web Sites
Web Site Development Process Browsers and Design Current Multimedia Capabilities
Bottom-Up Approach to Web Considerations Animation and the Web
Development Browser Adoption Audio and the Web
Understanding the Business Major, Minor and Alternative Video and the Web
Process Browsers Goals of a Multimedia Site
Defining a Web Site Vision Creating Aliases with TinyURL Multimedia Site Design Basics
From Vision to Strategy Utilizing CAPTCHA User Interaction
Web Site Specifications Selecting Multimedia Elements

 +88-02-9612750-2  [email protected]  www.dhaka.newhorizons.com

 COURSE OUTLINE
WEB DESIGN TRAINING
Ethical and Legal Issues in Web Site Development with Microsoft Dreamweaver Assets and Library
Development Expression Web 4 — Editing X/HTML in Dreamweaver
Ethics and Law in Web Jump Menus in Dreamweaver
Introduction Site Search Forms in Dreamweaver
Development The Transition from FrontPage
Ethical Issues and the Web Adobe Exchange
Microsoft Expression Web 4
Legal Issues and the Web Expression Web Views Creating Web Pages Using
Expression Web Menus and
HTML and the Evolution of Open-Source Tools
Toolbars
Markup Open-Source GUI Editors
Opening Web Sites and Files in
Function of Markup Languages GUI HTML Editors vs. Text Editors
Expression Web
SGML: A Short History Open-Source Text Editors
Developing W3C-Compliant Code
What Is HTML? Creating a Static Web Page
with Expression Web
HTML Goals Using Templates
The HTML Standard Site Development with Checking Spelling
HTML 1.0 and 2.0 Expression Web 4 — Basic Image Editing with Adobe
HTML 3.0 and 3.2 Features
HTML 4.0 and 4.01 Fireworks CS6
Page Layout Options in Expression Adobe Fireworks CS6
Separating Format from Structure Web
in HTML Creating an Image Document in
Creating a New Web Site Using Fireworks
Extensible HTML (XHTML) Expression Web
Reference Sites for Web Developers Adding Text to Images in Fireworks
Page Layout with CSS Cropping Images in Fireworks
Inserting Images with Expression Image Layers in Fireworks
XML and XHTML
Web Image States in Fireworks
What Is XML?
Creating Hyperlinks with Transparent Images in Fireworks
XML Goals
Expression Web Image Slices in Fireworks
What Is an XML Document?
Creating Image Maps with
Rules for Well-Formed XML
HTML Transition to XML
Expression Web Multimedia with Adobe Flash
Creating Navigation Bars Using Professional CS6
What Is XHTML?
CSS The History of Flash
Applying a Single Standard
Expression Web's Dynamic Web Flash Technology Features
Consistently
Templates Developing with Flash
Web Page Structure — Tables Pasting Formatted Text with Flash Shapes
Expression Web Color and Fills in Flash
and Framesets
Pasting X/HTML content with
Creating Structure with X/HTML
Expression Web Multimedia with Flash Professional
Tables
Diagramming a Basic X/HTML CS6 — Timeline, Layers, Symbols
Site Development with and Buttons
Table
Borderless Web Page Structure
Expression Web 4 — Flash Timeline
X/HTML Frames and Framesets Advanced Features Flash Layers
The X/HTML <frameset> Tag Expression Web Styles Saving and Publishing Flash Movies
The X/HTML <frame> Tag Adding Interactivity to Web Pages Flash Symbols
Targeting Hyperlinks in X/HTML Creating Web Forms with Flash Buttons
The X/HTML <noframes> Tag Expression Web Customizing the Flash Library
Connecting to Databases
Cascading Style Sheets Expression Web Reports Multimedia with Flash
Style Sheets Options for Replacing Old Webbots Professional CS6 — Tweens
Cascading Style Sheets Flash Tweens
Defining and Using Styles Site Development with Adobe Motion Tweens in Flash
Changeable Style Attributes Dreamweaver CS6 — Shape Tweens in Flash
Style Guides Introduction Tweening Text in Flash
Changes from CSS1 to CSS2 Adobe Dreamweaver CS6
Page Layout with CSS Dreamweaver Layout Options Multimedia with Flash
The CSS Box Model Professional CS6 — Movie
Document Flow and Positioning Site Development with Clips
CSS Positioning Schemes Dreamweaver CS6 — Basic Flash Movie Clips
Features Adding Sound to Flash Files
Site Content and Metadata Page Layout in Dreamweaver Adding Flash Movies to X/HTML
Written Web Site Content Creating Image Maps in Files
Internet Marketing and Search Dreamweaver Testing for the Flash Player Plug-In
Engine Optimization (SEO) Creating Templates in
Metadata Dreamweaver Multimedia with Flash
The <meta> Tag and Document Importing Content in Dreamweaver Professional CS6 —
Identification
ActionScript, Masks and
The <meta> Tag and Search Site Development with
Engines Practical Uses
Dreamweaver CS6 — Flash ActionScript
The <meta> Tag and Delayed File
Change
Advanced Features Mask Layers in Flash
Rollover Images in Dreamweaver Using SWF and SVG Files on the
Dreamweaver Web Forms Web
Dreamweaver Behaviors Flash and Accessibility

 +88-02-9612750-2  [email protected]  www.dhaka.newhorizons.com

 COURSE OUTLINE
WEB DESIGN TRAINING
JavaScript and DHTML Rich Media Content Database Anatomy
Fundamentals Creating a Downloadable File Database Queries
Why Script? Introduction to Java Database Management System
JavaScript and Common Java Applets (DBMS)
Programming Concepts Applets and Animation Connecting Web Pages to
What Is JavaScript? Applet Authoring Tools and Databases
JavaScript vs. Other Languages Resources Database Tools, Products and
Embedding JavaScript into Programs
HTTP Servers and Web
X/HTML
Applications Web Site Publishing and
Using JavaScript to Communicate
with the User What Is an HTTP Server? Maintenance
JavaScript Functions Accessing Servers and Services Web Site Testing
Using JavaScript for Browser Basic HTTP Server Administration Web Site Publishing
Detection Server-Side Technologies Web Site Hosting
Dynamic HTML (DHTML) Web Servers and Cookies Web Publishing with an FTP Client
Enabling, Disabling and Deleting Web Publishing with Expression
Plug-Ins and Java Applets Cookies Web
Plug-In Technology Setting Cookie Files Web Publishing with Dreamweaver
Plug-In Installation XML and Web Applications Comparing Web Publishing Tools
Adobe Shockwave and Flash Syndicated Feeds Maintaining Web Sites
Players Web Server and Web Site Security
Adobe Reader Databases
RealNetworks RealPlayer Web Design and Databases

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
Students taking this course need a basic understanding of Internet functionality and tools, and X/HTML.
No prerequisite courses or certifications are required prior to taking this course or the corresponding
certification exam. However, the course and exam are challenging and comprehensive. CIW offers the Web
Foundations Associate curriculum to provide the base of foundational X/HTML and Internet knowledge
necessary for this course. The CIW Foundations courses are not required, but for many candidates they
are extremely helpful.

 +88-02-9612750-2  [email protected]  www.dhaka.newhorizons.com