CIW

CIW: Web Design Specialist

(CSU-1D0-520)
Lessons
Lab (Add-on)
TestPrep
Get A Free Trial

Skills You’ll Get

Download Course Outline

1

Overview of Web Design Concepts

  • Web Technology
  • The Nature of the Web
  • Web Design Concepts
  • New Technologies
  • Evaluating Your XHTML Skills
  • Lesson Summary
  • Optional Lab
2

Web Development Teams

  • Web Teams and Tasks
  • Web Project Management
  • Web Project Collaboration
  • Your Web Design Portfolio
  • Your Web Design Business
  • Lesson Summary
  • Optional Lab
3

Web Project Management Fundamentals

  • Web Project Management Phases
  • Project Documentation and Communication
  • Lesson Summary
  • Optional Lab
4

Web Site Development Process

  • Bottom-Up Approach to Web Development
  • Understanding the Business Process
  • Defining a Web Site Vision
  • From Vision to Strategy
  • Web Site Specifications
  • The Metaphor
  • Mystery Meat Navigation
  • The Mindmapping Process
  • Creating a Web Site Wireframe
  • Creating a Web Page Wireframe
  • Lesson Summary
  • Optional Lab
5

Web Page Layout and Elements

  • Web Users and Site Design
  • Effective Web Page Layout
  • Branding and the Web
  • Color and Web Design
  • Fonts and Web Design
  • Lesson Summary
  • Optional Lab
6

Web Site Usability and Accessibility

  • Audience Usability and Accessibility
  • Defining Usability
  • Web Site Usability Testing
  • Web Page Accessibility
  • Lesson Summary
  • Optional lab
7

Browsers

  • Browsers and Navigation
  • Browsers and Design Considerations
  • Browser Adoption
  • Major, Minor and Alternative Browsers
  • Creating Aliases with TinyURL
  • Utilizing CAPTCHA
  • Lesson Summary
  • Optional lab
8

Navigation Concepts

  • 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 Summary
  • Optional lab
9

Web Graphics

  • Web Site Images
  • Digital Imaging Concepts
  • Raster vs. Vector Graphics
  • Graphics Applications
  • Image File Formats
  • Creating and Optimizing Images
  • Essential Graphic Design Concepts
  • Lesson Summary
  • Optional lab
10

Multimedia and the Web

  • 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
  • Lesson Summary
  • Optional lab
11

Ethical and Legal Issues in Web Development

  • Ethics and Law in Web Development
  • Ethical Issues and the Web
  • Legal Issues and the Web
  • Lesson Summary
  • Optional Lab
12

HTML and the Evolution of Markup

  • Function of Markup Languages
  • SGML: A Short History
  • What Is HTML?
  • HTML Goals
  • The HTML Standard
  • HTML 1.0 and 2.0
  • HTML 3.0 and 3.2
  • HTML 4.0 and 4.01
  • Separating Format from Structure in HTML
  • Extensible HTML (XHTML)
  • Reference Sites for Web Developers
  • Lesson Summary
  • Optional lab
13

XML and XHTML

  • What Is XML?
  • XML Goals
  • What Is an XML Document?
  • Rules for Well-Formed XML
  • HTML Transition to XML
  • What Is XHTML?
  • Applying a Single Standard Consistently
  • Lesson Summary
  • Optional Lab
14

Web Page Structure — Tables and Framesets

  • Creating Structure with X/HTML Tables
  • Diagramming a Basic X/HTML Table
  • Borderless Web Page Structure
  • 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
  • Lesson Summary
  • Optional lab
15

Cascading Style Sheets

  • Style Sheets
  • Cascading Style Sheets
  • Defining and Using Styles
  • Changeable Style Attributes
  • Style Guides
  • Changes from CSS1 to CSS2
  • Page Layout with CSS
  • The CSS Box Model
  • Document Flow and Positioning
  • CSS Positioning Schemes
  • Lesson Summary
  • Optional Lab
16

Site Content and Metadata

  • Written Web Site Content
  • Internet Marketing and Search Engine Optimization (SEO)
  • Metadata
  • The <meta> Tag and Document Identification
  • The <meta> Tag and Search Engines
  • Lesson Summary
  • Optional lab
17

Site Development with Microsoft Expression Web 4 — Introduction

  • The Transition from FrontPage
  • Microsoft Expression Web 4
  • Expression Web Views
  • Expression Web Menus and Toolbars
  • Opening Web Sites and Files in Expression Web
  • Developing W3C-Compliant Code with Expression Web
  • Lesson Summary
18

Site Development with Expression Web 4 — Basic Features

  • Page Layout Options in Expression Web
  • Creating a New Web Site Using Expression Web
  • Page Layout with CSS
  • Inserting Images with Expression Web
  • Creating Hyperlinks with Expression Web
  • Creating Image Maps with Expression Web
  • Creating Navigation Bars Using CSS
  • Expression Web's Dynamic Web Templates
  • Pasting Formatted Text with Expression Web
  • Pasting X/HTML content with Expression Web
  • Lesson Summary
  • Optional lab
19

Site Development with Expression Web 4 — Advanced Features

  • Expression Web Styles
  • Adding Interactivity to Web Pages
  • Creating Web Forms with Expression Web
  • Connecting to Databases
  • Expression Web Reports
  • Options for Replacing Old Webbots
  • Lesson Summary
20

Site Development with Adobe Dreamweaver CS6 — Introduction

  • Adobe Dreamweaver CS6
  • Lesson Summary
21

Site Development with Dreamweaver CS6 — Basic Features

  • Page Layout in Dreamweaver
  • Creating Image Maps in Dreamweaver
  • Creating Templates in Dreamweaver
  • Importing Content in Dreamweaver
  • Lesson Summary
  • Optional Lab
22

Site Development with Dreamweaver CS6 — Advanced Features

  • Rollover Images in Dreamweaver
  • Dreamweaver Web Forms
  • Dreamweaver Behaviors
  • Dreamweaver Assets and Library
  • Editing X/HTML in Dreamweaver
  • Jump Menus in Dreamweaver
  • Site Search Forms in Dreamweaver
  • Adobe Exchange
  • Lesson Summary
  • Optional lab
23

Creating Web Pages Using Open-Source Tools

  • Open-Source GUI Editors
  • GUI HTML Editors vs. Text Editors
  • Open-Source Text Editors
  • Creating a Static Web Page
  • Using Templates
  • Checking Spelling
  • Lesson Summary
  • Optional Lab
24

Image Editing with Adobe Fireworks CS6

  • Adobe Fireworks CS6
  • Creating an Image Document in Fireworks
  • Adding Text to Images in Fireworks
  • Cropping Images in Fireworks
  • Image Layers in Fireworks
  • Image States in Fireworks
  • Transparent Images in Fireworks
  • Image Slices in Fireworks
  • Lesson Summary
  • Optional lab
25

Multimedia with Adobe Flash Professional CS6

  • The History of Flash
  • Flash Technology Features
  • Developing with Flash
  • Flash Shapes
  • Color and Fills in Flash
  • Lesson Summary
  • Optional Lab
26

Multimedia with Flash Professional CS6 — Timeline, Layers, Symbols and Buttons

  • Flash Timeline
  • Flash Layers
  • Saving and Publishing Flash Movies
  • Flash Symbols
  • Flash Buttons
  • Customizing the Flash Library
  • Lesson Summary
  • Optional lab
27

Multimedia with Flash Professional CS6 — Tweens

  • Flash Tweens
  • Motion Tweens in Flash
  • Shape Tweens in Flash
  • Tweening Text in Flash
  • Lesson Summary
  • Optional Lab
28

Multimedia with Flash Professional CS6 — Movie Clips

  • Flash Movie Clips
  • Adding Sound to Flash Files
  • Adding Flash Movies to X/HTML Files
  • Testing for the Flash Player Plug-In
  • Lesson Summary
  • Optional lab
29

Multimedia withFlash Professional CS6 — ActionScript, Masks and Practical Uses

  • Flash ActionScript
  • Mask Layers in Flash
  • Using SWF and SVG Files on the Web
  • Flash and Accessibility
  • Lesson Summary
  • Optional Lab
30

JavaScript and DHTML Fundamentals

  • Why Script?
  • JavaScript and Common Programming Concepts
  • What Is JavaScript?
  • JavaScript vs. Other Languages
  • Embedding JavaScript into X/HTML
  • Using JavaScript to Communicate with the User
  • JavaScript Functions
  • Using JavaScript for Browser Detection
  • Dynamic HTML (DHTML)
  • Lesson Summary
  • Optional lab
31

Plug-Ins and Java Applets

  • Plug-In Technology
  • Plug-In Installation
  • Adobe 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
  • Lesson Summary
  • Optional Lab
32

HTTP Servers and Web Applications

  • What Is an HTTP Server?
  • Accessing Servers and Services
  • Basic HTTP Server Administration
  • Server-Side Technologies
  • Web Servers and Cookies
  • Enabling, Disabling and Deleting Cookies
  • Setting Cookie Files
  • XML and Web Applications
  • Syndicated Feeds
  • Lesson Summary
  • Optional Lab
33

Databases

  • Web Design and Databases
  • Database Anatomy
  • Database Queries
  • Database Management System (DBMS)
  • Connecting Web Pages to Databases
  • Database Tools, Products and Programs
  • Lesson Summary
  • Optional Lab
34

Web Site Publishing and Maintenance

  • Web Site Testing
  • Web Site Publishing
  • Web Site Hosting
  • Web Publishing with an FTP Client
  • Web Publishing with Expression Web
  • Web Publishing with Dreamweaver
  • Comparing Web Publishing Tools
  • Maintaining Web Sites
  • Web Server and Web Site Security
  • Lesson Summary
  • Optional lab

1

Overview of Web Design Concepts

  • Creating a Basic Web Page in XHTML
  • Practicing XHTML Skills by Creating a Basic Web Page
2

Web Development Teams

  • Creating a Web Design Portfolio
3

Web Page Layout and Elements

  • Using Web Page Colors and Fonts to Convey a Message
4

Web Site Usability and Accessibility

  • Identifying Common Accessibility Issues
  • Determining Usability
5

Browsers

  • Creating an Alias with TinyURL
  • Adding a CAPTCHA to a Web Page
  • Investigating Google Chrome
6

Web Graphics

  • Comparing Image File Formats
  • Adding Tags to a Digital Photo Using Picasa
7

Ethical and Legal Issues in Web Development

  • Discovering Copyright Infringement
8

HTML and the Evolution of Markup

  • Learning About HTML Standards
9

XML and XHTML

  • Examining XML Documents
10

Web Page Structure — Tables and Framesets

  • Creating a Simple XHTML Table
  • Creating a Simple Web Page Structure
  • Creating a Rows Frameset in XHTML
  • Creating a Column Frameset in XHTML
  • Hyperlinking Frame Content in XHTML
  • Targeting Links on the Top Frame in XHTML
  • Combining Columns and Rows in Nested Framesets
  • Combining Frames in XHTML
  • Adding Attributes to the Frameset
  • Adding the <noframes> Tag
  • Creating Targeted Hyperlinks in XHTML
11

Cascading Style Sheets

  • Creating and Using Embedded Styles
  • Applying Inline Styles
  • Linking an External Style Sheet to an XHTML Document
  • Using CSS Class Selectors
  • Creating a Basic Two-Column Layout with CSS
  • Creating a Three-Column Layout with CSS
  • Converting a Table-Based Page Layout to CSS Positioning
  • Validating Style Sheets Using the W3C CSS Validation Service
12

Site Content and Metadata

  • Using the <meta> Tag to Refresh a Page Automatically
  • Using Web Site Metadata
13

Site Development with Microsoft Expression Web 4 — Introduction

  • Launching Expression Web and Creating a Web Site
  • Validating Code with Expression Web
  • Exploring Different Options of Expression Web for Creating Web Sites
14

Site Development with Expression Web 4 — Basic Features

  • Creating a New Web Site with Expression Web
  • Preparing the Home Page Layout with Expression Web
  • Nesting Divisions with Expression Web
  • Inserting Images with Expression Web
  • Modifying Division Properties with Expression Web
  • Creating Hyperlinks with Expression Web
  • Creating an Image Map with Expression Web
  • Creating Navigation Bars Using CSS
  • Adding and Styling Links Using CSS
  • Creating a Dynamic Web Template with Expression Web
  • Adding Supporting Web Pages with Expression Web
  • Detaching Pages from a Dynamic Web Template with Expression Web
  • Pasting Formatted Text in Expression Web
  • Pasting XHTML Data into an Expression Web Document
  • Modifying Expression Web-Generated Code
15

Site Development with Expression Web 4 — Advanced Features

  • Working with External Style Sheets in Expression Web
  • Creating Embedded Styles with Expression Web
  • Using Inline Styles in Expression Web
  • Attaching Multiple Style Sheets with Expression Web
  • Adding Behaviors with Expression Web
  • Creating Web Forms with Expression Web
  • Observing the Effects of Multiple Style Sheets in Expression Web
  • Modifying a Manually Coded XHTML Page in Expression Web
  • Using Expression Web Reports
16

Site Development with Adobe Dreamweaver CS6 — Introduction

  • Creating a Web Page in Dreamweaver
  • Viewing XHTML Code Created by Dreamweaver
17

Site Development with Dreamweaver CS6 — Basic Features

  • Creating a Web Site in Dreamweaver
  • Creating an Image Map in Dreamweaver
  • Creating Templates in Dreamweaver
  • Developing a Site Structure in Dreamweaver
  • Importing Content into Dreamweaver
  • Importing Microsoft Word Documents into Dreamweaver
  • Analyzing the Proprietary Use of HTML Code
18

Site Development with Dreamweaver CS6 — Advanced Features

  • Creating Rollover Images in Dreamweaver
  • Creating Web Forms in Dreamweaver
  • Applying Behaviors in Dreamweaver
  • Applying Behaviors to AP Elements in Dreamweaver
  • Dragging AP Elements in Dreamweaver
  • Using Assets and the Dreamweaver Library
  • Editing X/HTML Code Manually in Dreamweaver
  • Creating Jump Menus in Dreamweaver
  • Adding a Site Search Form in Dreamweaver
19

Creating Web Pages Using Open-Source Tools

  • Creating and Choosing Templates in KompoZer
  • Editing a Page in an Open-Source Text Editor
  • Conducting a Spelling and Grammar Check Using Open-Source Tools
  • Creating an Image Using Open-Source Tools
  • Using an Open-Source GUI HTML Editor to Create and Evaluate Code
  • Creating a Standard Web Page in KompoZer
20

Image Editing with Adobe Fireworks CS6

  • Adding Text to Images in Fireworks
  • Cropping Images in Fireworks
  • Creating Buttons in Fireworks
  • Creating Pop-Up Menus with Fireworks
  • Modifying Image Size and Resolution in Fireworks
  • Creating Image Slices in Fireworks
  • Working with Image Layers in Fireworks
  • Creating Animated Images in Fireworks
  • Creating a Transparent Image in Fireworks
21

JavaScript and DHTML Fundamentals

  • Using the JavaScript alert() Method
  • Using the JavaScript prompt() Method
  • Determining Navigator Object Properties with JavaScript
  • Creating a Sniffer and Redirection with JavaScript
  • Preloading Images with JavaScript
  • Using DHTML to Position Page Elements
  • Using the open() Method in JavaScript
  • Using the confirm() Method
  • Embedding an Animation Applet
  • Running a Java Applet
22

Plug-Ins and Java Applets

  • Downloading the Adobe Reader Plug-In
  • Downloading and Installing the RealNetworks RealPlayer Plug-In
  • Viewing and Analyzing Rich Media
  • Using a Database in a Web Site
23

HTTP Servers and Web Applications

  • Creating a Web Form to be Handled with CGI
  • Modifying Cookie Settings in Internet Explorer
  • Setting Cookies with JavaScript
24

Web Site Publishing and Maintenance

  • Publishing a Web site with Expression Web
  • Using an Open-Source FTP Client
  • Publishing a Web Site with Dreamweaver (for demonstration only)

Any questions?
Check out the FAQs

Still have unanswered questions and need to get in touch?

Contact Us Now

Related Courses

All Courses