.jpg){kind=logo}
CSU-1D0-520
CIW: Web Design Specialist
Self-paced · 1 year access
104 Hands-On LiveLabs
Practice real IT tasks in guided environments.
- Real environments
- Auto-graded
- No installation
01 / Lessons & labs
See exactly what you will learn and practice
Lessons
34 Interactive Lessons · 285 topics01 Overview of Web Design Concepts 7 topics · 2 LiveLab +
- Web Technology
- The Nature of the Web
- Web Design Concepts
- New Technologies
- Evaluating Your XHTML Skills
- Lesson Summary
- Optional Lab
2 LiveLab in this lesson — see the labs panel →
02 Web Development Teams 7 topics · 1 LiveLab +
- Web Teams and Tasks
- Web Project Management
- Web Project Collaboration
- Your Web Design Portfolio
- Your Web Design Business
- Lesson Summary
- Optional Lab
1 LiveLab in this lesson — see the labs panel →
03 Web Project Management Fundamentals 4 topics +
- Web Project Management Phases
- Project Documentation and Communication
- Lesson Summary
- Optional Lab
04 Web Site Development Process 12 topics +
- 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
05 Web Page Layout and Elements 7 topics · 1 LiveLab +
- 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
1 LiveLab in this lesson — see the labs panel →
06 Web Site Usability and Accessibility 6 topics · 2 LiveLab +
- Audience Usability and Accessibility
- Defining Usability
- Web Site Usability Testing
- Web Page Accessibility
- Lesson Summary
- Optional lab
2 LiveLab in this lesson — see the labs panel →
07 Browsers 8 topics · 3 LiveLab +
- Browsers and Navigation
- Browsers and Design Considerations
- Browser Adoption
- Major, Minor and Alternative Browsers
- Creating Aliases with TinyURL
- Utilizing CAPTCHA
- Lesson Summary
- Optional lab
3 LiveLab in this lesson — see the labs panel →
08 Navigation Concepts 9 topics +
- 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
09 Web Graphics 9 topics · 2 LiveLab +
- 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
2 LiveLab in this lesson — see the labs panel →
10 Multimedia and the Web 11 topics +
- 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 5 topics · 1 LiveLab +
- Ethics and Law in Web Development
- Ethical Issues and the Web
- Legal Issues and the Web
- Lesson Summary
- Optional Lab
1 LiveLab in this lesson — see the labs panel →
12 HTML and the Evolution of Markup 13 topics · 1 LiveLab +
- 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
1 LiveLab in this lesson — see the labs panel →
13 XML and XHTML 9 topics · 1 LiveLab +
- 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
1 LiveLab in this lesson — see the labs panel →
14 Web Page Structure — Tables and Framesets 10 topics · 11 LiveLab +
- 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
11 LiveLab in this lesson — see the labs panel →
15 Cascading Style Sheets 12 topics · 8 LiveLab +
- 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
8 LiveLab in this lesson — see the labs panel →
16 Site Content and Metadata 7 topics · 2 LiveLab +
- 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
2 LiveLab in this lesson — see the labs panel →
17 Site Development with Microsoft Expression Web 4 — Introduction 7 topics · 3 LiveLab +
- 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
3 LiveLab in this lesson — see the labs panel →
18 Site Development with Expression Web 4 — Basic Features 12 topics · 15 LiveLab +
- 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
15 LiveLab in this lesson — see the labs panel →
19 Site Development with Expression Web 4 — Advanced Features 7 topics · 9 LiveLab +
- 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
9 LiveLab in this lesson — see the labs panel →
20 Site Development with Adobe Dreamweaver CS6 — Introduction 2 topics · 2 LiveLab +
- Adobe Dreamweaver CS6
- Lesson Summary
2 LiveLab in this lesson — see the labs panel →
21 Site Development with Dreamweaver CS6 — Basic Features 6 topics · 7 LiveLab +
- Page Layout in Dreamweaver
- Creating Image Maps in Dreamweaver
- Creating Templates in Dreamweaver
- Importing Content in Dreamweaver
- Lesson Summary
- Optional Lab
7 LiveLab in this lesson — see the labs panel →
22 Site Development with Dreamweaver CS6 — Advanced Features 10 topics · 9 LiveLab +
- 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
9 LiveLab in this lesson — see the labs panel →
23 Creating Web Pages Using Open-Source Tools 8 topics · 6 LiveLab +
- 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
6 LiveLab in this lesson — see the labs panel →
24 Image Editing with Adobe Fireworks CS6 10 topics · 9 LiveLab +
- 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
9 LiveLab in this lesson — see the labs panel →
25 Multimedia with Adobe Flash Professional CS6 7 topics +
- 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 8 topics +
- 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 6 topics +
- 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 6 topics +
- 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 6 topics +
- 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 11 topics · 10 LiveLab +
- 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
10 LiveLab in this lesson — see the labs panel →
31 Plug-Ins and Java Applets 13 topics · 4 LiveLab +
- 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
4 LiveLab in this lesson — see the labs panel →
32 HTTP Servers and Web Applications 11 topics · 3 LiveLab +
- 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
3 LiveLab in this lesson — see the labs panel →
33 Databases 8 topics +
- 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 11 topics · 3 LiveLab +
- 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
3 LiveLab in this lesson — see the labs panel →
Hands-On Labs Our edge
104 LiveLabs- Creating a Basic Web Page in XHTML
- Practicing XHTML Skills by Creating a Basic Web Page
- Creating a Web Design Portfolio
- Using Web Page Colors and Fonts to Convey a Message
- Identifying Common Accessibility Issues
- Determining Usability
- Creating an Alias with TinyURL
- Adding a CAPTCHA to a Web Page
- Investigating Google Chrome
- Comparing Image File Formats
- Adding Tags to a Digital Photo Using Picasa
- Discovering Copyright Infringement
- Learning About HTML Standards
- Examining XML Documents
- 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
- 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
- Using the <meta> Tag to Refresh a Page Automatically
- Using Web Site Metadata
- Launching Expression Web and Creating a Web Site
- Validating Code with Expression Web
- Exploring Different Options of Expression Web for Creating Web Sites
- 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
- 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
- Creating a Web Page in Dreamweaver
- Viewing XHTML Code Created by Dreamweaver
- 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
- 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
- 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
- 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
- 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
- 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
- Creating a Web Form to be Handled with CGI
- Modifying Cookie Settings in Internet Explorer
- Setting Cookies with JavaScript
- Publishing a Web site with Expression Web
- Using an Open-Source FTP Client
- Publishing a Web Site with Dreamweaver (for demonstration only)
Labs run in your browser — nothing to install.
02 / FAQs
Questions before you start
Prepare for CIW: Web Design Specialist
One-time payment. Full access for 1 year. Start with a free trial if you want to look around first.
- 1 year of full access
- 104 LiveLab included
- Certificate of completion
No credit card required