Site Designer Objectives and Locations

Embed Size (px)

Citation preview

  • 8/20/2019 Site Designer Objectives and Locations

    1/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    Appendix A:

    CIW v5 Site DesignerObjectives and Locations The CIW v5 Site Designer courseware series and this appendix are designed to help students prepare for

    the CIW v5 Site Designer certification exam. Students can use this appendix as a study guide to locate

    content within the Design Methodology and Technology  course that corresponds to the specific skills

    objectives of the CIW Site Designer program. You can register for the CIW Site Designer certification exam

    by visiting Prometric at www.2test.com/ or VUE at www.vue.com/. You can also contact your

    participating academic institution. For more information about the CIW Site Designer exam and CIW

    certifications, visit www.CIW-certified.com .

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    Domain 1 Site Development Essentials 

    Subdomain 1.1 Identify and manage elements of the Web site

    development process.

    1.1.1Identify job responsibilities and tasks of a Webdesigner or Web development team member.

    Lesson 2: Web Development Teams

    - Web Teams and Tasks

    1.1.2Develop and update your Web design portfolio with

    demonstration pages and sites.

    Lesson 2: Web Development Teams

    - Your Web Design Portfolio

    - Lab 2-1: Creating a Web portfolio

    1.1.3Define the collaborative nature of a Web developmentproject.

    Lesson 2: Web Development Teams

    - Web Teams and Tasks

    - Web Project Collaboration

    1.1.4Determine the audience for the site.

    Lesson 4: Web Site Development Process

    - Bottom-Up Approach to Web Development

    Lesson 6: Web Site Usability and Accessibility 

    - Audience Usability and Accessibility

    1.1.5

    Develop a Web site vision statement.

    Lesson 4: Web Site Development Process

    - Defining a Web Site Vision

    - Lab 4-1: Creating a vision statement for a Web site

    1.1.6

    Develop a site strategy and identify strategyimplementation tactics.

    Lesson 4: Web Site Development Process 

    - From Vision to Strategy

    - Lab 4-2: Developing tactics to support a Web sitestrategy

  • 8/20/2019 Site Designer Objectives and Locations

    2/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    1.1.7

    Use the mindmapping process to structure a Web site.Lesson 4: Web Site Development Process 

    - The Mindmapping Process

    - Lab 4-4: Mindmapping a Web site 

    1.1.8

    Set design goals appropriate for thebusiness/organization represented by the site and the

    site's intended audience.

    Lesson 4: Web Site Development Process 

    - Understanding the Business Process

    1.1.9Create a site metaphor.

    Lesson 4: Web Site Development Process 

    - The Metaphor

    1.1.10Develop site design and architecture specifications.

    Lesson 4: Web Site Development Process 

    - Web Site Specifications

    - Lab 4-3: Developing the specifications for a Web site

    1.1.11Determine site project implementation factors (e.g.,stakeholder input, time frame, scope, desired

    functionality, required technologies).

    Lesson 3: Web Project Management Fundamentals

    - Web Project Management Phases 

    1.1.12Create a Web project plan, including development

    timetable, site rollout plan.

    Lesson 3: Web Project Management Fundamentals

    - Web Project Management Phases

    1.1.13Identify Web site characteristics (e.g., interactivity,navigation, database integration) and the project

    resources they require.

    Lesson 2: Web Development Teams

    - Web Teams and Tasks

    1.1.14Apply branding to a Web site.

    Lesson 5: Web Page Layout and Elements

    - Branding and the Web

    1.1.15Conduct audience usability tests.

    Lesson 6: Web Site Usability and Accessibility

    - Web Site Usability Testing

    1.1.16

    Use flowcharts and Web wireframes to determine pagelayout.

    Lesson 4: Web Site Development Process

    - Creating a Web Site Wireframe

    - Creating a Web Page Wireframe 

    Subdomain 1.2 Meet customer expectations with Web site project anddesign.

    1.2.1

    Balance customer needs and usability with site designprinciples and aesthetics (includes distinguishing sitedesign customer from site audience).

    Lesson 1: Overview of Web Design Concepts

    - Web Design Concepts

    Lesson 2: Web Development Teams

    - Your Web Design Business

    1.2.2Document customer expectations and feedback.

    Lesson 3: Web Project Management Fundamentals

    - Web Project Management Phases

    1.2.3Communicate plans and progress regularly to ensurethat completed project meets stakeholder/customer

    expectations.

    Lesson 3: Web Project Management Fundamentals

    - Project Documentation and Communication

    1.2.4Identify and manage changes in project scope,including scope creep.

    Lesson 3: Web Project Management Fundamentals

    - Project Documentation and Communication

  • 8/20/2019 Site Designer Objectives and Locations

    3/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    1.2.5

    Document changes in development plan.Lesson 3: Web Project Management Fundamentals

    - Project Documentation and Communication

    1.2.6

    Create a project tracking report.

    Lesson 3: Web Project Management Fundamentals

    - Project Documentation and Communication

    1.2.7Conduct a project evaluation, including acceptancedocumentation, summary of technologies used, project

    style guidelines.

    Lesson 3: Web Project Management Fundamentals

    - Web Project Management Phases

    1.2.8Create Web page and site templates that fulfill designspecifications.

    Lesson 4: Web Site Development Process

    - Web Site Specifications

    Lesson 18: Site Development with Expression Web 2 —Basic Features

    - Expression Web Dynamic Web Templates

    - Lab 18-10: Creating a dynamic Web template with

    Expression Web

    - Lab 18-11: Adding supporting Web pages withExpression Web

    Lesson 21: Site Development with Dreamweaver CS4 —Basic Features

    - Creating Templates in Dreamweaver

    - Lab 21-3: Creating templates in Dreamweaver

    1.2.9Identify challenges involved in designing Web pages forPDA-based versus traditional browsers.

    Lesson 4: Web Site Development Process

    - Web Site Specifications 

    Lesson 7: Browsers

    - Major, Minor and Alternative Browsers 

    Subdomain 1.3 Identify ethical and legal issues relevant to Web

    development and design.

    1.3.1Define ethics, and distinguish between legal andethical issues.

    Lesson 11: Ethical and Legal Issues in WebDevelopment

    - Ethics and Law in Web Development

    - Ethical Issues and the Web

    1.3.2

    Use Web content (e.g., text, graphics, code) properly,including original content, misleading/inaccurateinformation, copyrighted content, licensing, avoidinginfringement.

    Lesson 2: Web Development Teams

    - Your Web Design Business 

    Lesson 10: Multimedia and the Web

    - Selecting Multimedia Elements

    Lesson 11: Ethical and Legal Issues in WebDevelopment

    - Legal Issues and the Web

    1.3.3Identify site strategies and technologies to avoid,including pop-up windows, single-browser sites, spam.

    Lesson 7: Browsers

    - Browsers and Design Considerations

  • 8/20/2019 Site Designer Objectives and Locations

    4/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    1.3.4

    Use strategies to avoid violating end-user privacy andtrust (e.g., refusing to share or sell end-userinformation, opt-in/opt-out for mailing lists).

    Lesson 11: Ethical and Legal Issues in Web

    Development

    - Ethical Issues and the Web

    1.3.5Develop privacy disclaimers appropriate to sitepurpose and audience.

    Lesson 11: Ethical and Legal Issues in WebDevelopment

    - Ethical Issues and the Web

    1.3.6Identify international legal issues, including fair use,trademarks, contracts.

    Lesson 11: Ethical and Legal Issues in WebDevelopment

    - Legal Issues and the Web

    1.3.7Consider nature and purpose of site content (e.g.,

    audience appropriateness, intended vs. unintendedaudience, potentially offensive content, offensive vs.illegal content, global and cultural perspectives).

    Lesson 16: Site Content and Metadata

    - Written Web Site Content

    Domain 2 Web Design Elements 

    Subdomain 2.1 Use Web design principles to evaluate and develop a

    site's aesthetic qualities and its ability to enhanceviewer experience.

    2.1.1Define and use common Web page design and layoutelements (e.g., color, space, font size and style, lines,logos, symbols, pictograms, images, stationaryfeatures).

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts

    2.1.2Determine ways that design helps and hindersaudience participation (includes target audience,stakeholder expectations, cultural issues).

    Lesson 5: Web Page Layout and Elements

    - Web Users and Site Design

    2.1.3

    Manipulate space and content to create a visuallybalanced page/site that presents a coherent, unifiedmessage (includes symmetry, asymmetry, radialbalance).

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts

    2.1.4Use color and contrast to introduce variety, stimulateusers and emphasize messages.

    Lesson 5: Web Page Layout and Elements

    - Color and Web Design

    2.1.5Use design strategies to control a user's focus on apage.

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts

    2.1.6Apply strategies and tools for visual consistency toWeb pages and site (e.g., style guides, page templates,

    image placement, navigation aids).

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts 

    Lesson 15: Cascading Style Sheets

    - Style Guides

  • 8/20/2019 Site Designer Objectives and Locations

    5/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    2.1.7

    Convey a site's message, culture and tone(professional, casual, formal, informal) using images,colors, fonts, content style.

    Lesson 5: Web Page Layout and Elements

    - Color and Web Design

    2.1.8Eliminate unnecessary elements that distract from apage's message.

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    2.1.9Design for typographical issues in printable content.

    Lesson 5: Web Page Layout and Elements

    - Fonts and Web Design

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts

    2.1.10

    Design for screen resolution issues in online content.Lesson 4: Web Site Development Process

    - Web Site Specifications 

    Lesson 5: Web Page Layout and Elements

    - Effective Web Page Layout

    Lesson 9: Web Graphics

    - Essential Graphic Design Concepts

    2.1.11Explain the importance of applying a single CSS andHTML standard consistently throughout a site.

    Lesson 13: XML and XHTML

    - Applying a Single Standard Consistently  

    Subdomain 2.2 Use Web design principles to enable navigation,usability and accessibility.

    2.2.1

    Identify Web site characteristics and strategies toenable them, including interactivity, navigation,database integration.

    Lesson 1: Overview of Web Design Concepts

    -   The Nature of the Web

    Lesson 5: Web Page Layout and Elements

    - Web Users and Site Design 

    2.2.2Identify Web site hierarchy/architecture concepts,including appropriate page depth for content.

    Lesson 8: Navigation Concepts

    - Navigation Hierarchy

    2.2.3Identify common navigation conventions.

    Lesson 4: Web Site Development Process 

    - Mystery Meat Navigation 

    Lesson 8: Navigation Concepts

    - Familiar Navigation Conventions

    2.2.4Develop and apply a navigation action plan.

    Lesson 8: Navigation Concepts

    - Navigation Action Plan

    2.2.5Identify purpose and usefulness of multimedia.

    Lesson 1: Overview of Web Design Concepts

    -  Web Design Concepts

    Lesson 10: Multimedia and the Web

    -  Selecting Multimedia Elements

    2.2.6

    Identify and apply user-accessibility standards andlaws (e.g, W3C WAI/WCAG, ADA, Section 508,international standards).

    Lesson 6: Web Site Usability and Accessibility

    - Web Page Accessibility

    - Lab 6-1: Identifying common accessibility issues

  • 8/20/2019 Site Designer Objectives and Locations

    6/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    2.2.7

    Identify common user-accessibility challenges andsolutions.

    Lesson 6: Web Site Usability and Accessibility

    - Web Page Accessibility

    Lesson 14: Web Page Structure — Tables and

    Framesets- The X/HTML Tag

    2.2.8Develop or obtain written content that conveys thesite's message, including clear and concise writing,

    professional editing, style guides, consistency, jargon,voice and tone (professional, formal, informal).

    Lesson 2: Web Development Teams

    - Your web Design Business 

    Lesson 16: Site Content and Metadata

    - Written Web Site Content

    2.2.9Identify audience and end-user capabilities (e.g.,lowest common denominator in usability).

    Lesson 5: Web Page Layout and Elements

    -  Web Users and Site Design

    Lesson 10: Multimedia and the Web

    -  Selecting Multimedia Elements 

    Domain 3 Basic Web Technologies 

    Subdomain 3.1 Use basic HTML and XHTML (X/HTML) to develop a

    series of Web pages.

    3.1.1Explain the origins of HTML and XHTML, define theX/HTML standards, and distinguish among X/HTML

    versions.

    Lesson 12: HTML and the Evolution of Markup

    -  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)

    Lesson 13: XML and XHTML

    -  What is XHTML?

    3.1.2Write X/HTML code to create a static Web page withtext and images.

    Lesson 1: Overview of Web Design Concepts

    - Evaluating Your X/HTML Skills

    - Lab 1-1: Creating a basic Web page

    Lesson 2: Web Development Teams

    - Evaluating Your X/HTML Skills

    - Your Web Design Portfolio

    - Lab 2-1: Creating a Web portfolio

    Lesson 23: Creating Web Pages Using Open-SourceTools

    - Creating a Static Web Page

    - Lab 23-2: Creating a standard Web page in Kompozer

  • 8/20/2019 Site Designer Objectives and Locations

    7/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.1.3

    Use hexadecimal values to specify colors in X/HTML.Lesson 5: Web Page Layout and Elements

    - Color and Web Design

    3.1.4

    Use X/HTML to apply design principles and layoutelements (e.g., fonts, space, colors, lines, images) toWeb pages.

    Lesson 12: HTML and the Evolution of Markup

    - HTML Goals

    Subdomain 3.2 

    Use X/HTML and extended technologies to enhanceWeb page structure, format and usability.

    3.2.1Add metadata tags and content to X/HTML documentsto influence search engine placement (includes refining tags in existing pages).

    Lesson 16: Site Content and Metadata

    - The Tag and Search Engines

    3.2.2Identify non-standard X/HTML code and the ways that

    proprietary code affects Web development.

    Lesson 12: HTML and the Evolution of Markup

    - HTML Goals

    3.2.3Identify ways to apply Web page formatting withCascading Style Sheets (CSS1, CSS2 and CSS3) usingvarious methods (e.g., linking, embedding, inline), anduse style sheets to simplify Web site design.

    Lesson 15: Cascading Style Sheets

    - Changeable Style Attributes

    - Lab 15-1: Creating and using embedded styles

    - Lab 15-2: Applying inline styles

    - CSS Positioning Schemes

    - Lab 15-5: Creating a basic two-column layout withCSS

    - Lab 15-6: Creating a three-column layout with CSS

    3.2.4Create an external style sheet and link it to an

    X/HTML document.

    Lesson 15: Cascading Style Sheets

    - Changeable Style Attributes

    - Lab 15-3: Linking to an external style sheet

    - Lab 15-4: Using CSS class selectors 

    3.2.5

    Design and develop X/HTML tables to appropriatelyformat data.

    Lesson 14: Web Page Structure – Tables and Framesets

    - Creating Structure with X/HTML Tables

    - Diagramming a Basic X/HTML Table

    - Lab 14-1: Creating a simple XHTML table

    - Borderless Web Page Structure

    - Lab 14-2: Creating a simple Web page structure

  • 8/20/2019 Site Designer Objectives and Locations

    8/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.2.6

    Develop X/HTML framesets (including simple, nested,combined, inline), and target frames correctly.

    Lesson 14: Web Page Structure – Tables and Framesets

    - X/HTML Frames and Framesets

    - The X/HTML Tag

    - The X/HTML Tag

    - Lab 14-3: Creating a rows frameset in XHTML

    - Lab 14-4: Creating a columns frameset in XHTML

    - Lab 14-5: Hyperlinking frame content in XHTML

    - Targeting Hyperlinks in X/HTML

    - Lab 14-6: Creating targeted hyperlinks in XHTML

    - Lab 14-7: Targeting links to the top frame in XHTML

    - Lab 14-8: Combining columns and rows in nested

    framesets

    - Lab 14-9: Combining frames in XHTML

    - Lab 14-10: Adding attributes to the frameset

    Subdomain 3.3 Create image files, and use images in X/HTML pagesand site design.

    3.3.1Distinguish between vector and raster graphic types.

    Lesson 9: Web Graphics

    - Digital Imaging Concepts

    - Raster vs. Vector Graphics

    3.3.2Identify and choose appropriate image file formats,including browser-compatibility issues and lowest

    common denominator in audience usability (e.g., GIF87a, GIF 89a, JPEG, JPEG 2000, PNG, BMP).

    Lesson 9: Web Graphics

    - Image File Formats

    3.3.3Use image-editing software to create functional imagesthat complement your page/site.

    Lesson 24: Image Editing with Adobe Fireworks CS4- Adobe Fireworks CS4

    3.3.4Perform common image manipulation functions (e.g.,cropping, rasterizing, adding text to existing images,

    modifying height/width dimensions, modifyingresolution, choosing bit depths).

    Lesson 24: Image Editing with Adobe Fireworks CS4

    - Adding Text to Images in Fireworks

    - Lab 24-1: Adding text to images in Fireworks

    - Cropping Images in Fireworks

    - Lab 24-2: Cropping images in Fireworks

    - Image Layers in Fireworks

    - Lab 24-3: Working with image layers in Fireworks

    - Image Slices in Fireworks

    - Lab 24-6: Creating image slices in Fireworks

    - Lab 24-7: Modifying image size and resolution inFireworks

  • 8/20/2019 Site Designer Objectives and Locations

    9/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.3.5

    Create transparent and animated images, includingGIF, PNG.

    Lesson 24: Image Editing with Adobe Fireworks CS4

    - Image States in Fireworks

    - Lab 24-4: Creating animated images in Fireworks

    - Transparent Images in Fireworks

    - Lab 24-5: Creating a transparent image in Fireworks

    3.3.6Create image layers using image-editing software.

    Lesson 23: Creating Web Pages Using Open-SourceTools

    - Lab 23-5: Creating an image using open-source tools 

    Lesson 24: Image Editing with Adobe Fireworks CS4

    - Image Layers in Fireworks

    - Lab 24-3: Working with image layers in Fireworks

    3.3.7Evaluate image colors to determine effectiveness invarious cultures.

    Lesson 5: Web Page Layout and Elements

    - Color and Web Design

    3.3.8Insert image files in Web pages using X/HTML

    Lesson 23: Creating Web Pages Using Open-SourceTools

    - Creating a Static Web Page

    - Lab 23-2: Creating a standard Web page in Kompozer

    3.3.9Insert metadata into images to ensure accessibility

    and to ensure higher page ranking in search engineresult pages.

    Lesson 9: Web Graphics

    - Web Site Images

    - Lab 9-1: Adding tags to a photo 

    3.3.10Identify the benefits and drawbacks of using stock

    photography when developing a site (e.g., license-freevs. licensed stock photos, increase in project speed,reduction in creative control).

    Lesson 9: Web Graphics

    - Web Site Images 

    Subdomain 3.4 Create Web sites using GUI site developmentapplications.

    3.4.1Compare site development using X/HTML text editors

    to using GUI site management applications.

    Lesson 17: Site Development with MicrosoftExpression Web 2 - Introduction

    - Microsoft Expression Web 

    Lesson 23: Creating Web Pages Using Open-SourceTools

    - Open-Source GUI Editors

  • 8/20/2019 Site Designer Objectives and Locations

    10/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.4.2

    Configure site development applications to developW3C-compliant code, including XHTML 1.0

     Transitional.

    Lesson 17: Site Development with Microsoft

    Expression Web 2 - Introduction

    - Developing W3C-compliant code with Expression Web

    - Lab 17-2: Validating code with Expression Web Lesson 20: Site Development with Adobe Dreamweaver

    CS4 — Introduction

    - Dreamweaver Layout Options

    - Lab 20-1: Creating a Web page in Dreamweaver

    Lesson 22: Site Development with Dreamweaver CS4 —

    Advanced Features

    - Editing X/HTML in Dreamweaver

    Lesson 23: Creating Web Pages Using Open-SourceTools

    - Using Templates

    - Lab 23-1: Creating and choosing templates in

    Kompozer

    3.4.3Add images to Web pages and create image mapsusing GUI site development applications.

    Lesson 18: Site Development with Expression Web 2 –Basic Features

    - Inserting Images with Expression Web

    - Lab 18-4: Inserting images with Expression Web

    - Lab 18-5: Modifying division properties withExpression Web

    - Creating Image Maps with Expression Web

    - Lab 18-7: Creating an image map in Expression Web 

    Lesson 21: Site Development with Dreamweaver CS4 —

    Basic Features

    - Page Layout in Dreamweaver

    - Lab 21-1: Creating a Web site in Dreamweaver

    - Creating Image Maps in Dreamweaver

    - Lab 21-2: Creating an image map in Dreamweaver

  • 8/20/2019 Site Designer Objectives and Locations

    11/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.4.4

    Add text, tables and hyperlinks to Web pages usingGUI site development applications.

    Lesson 18: Site Development with Expression Web 2 –

    Basic Features

    - Page Layout Options in Expression Web

    - Creating Hyperlinks with Expression Web- Lab 18-6: Creating hyperlinks with Expression Web

    - Pasting Formatted Text with Expression Web

    - Lab 18-13: Pasting formatted text with ExpressionWeb

    - Lab 18-14: Pasting X/HTML data into an Expression

    Web document 

    Lesson 20: Site Development with Adobe DreamweaverCS4 — Introduction

    - Dreamweaver Layout Options

    - Lab 20-1: Creating a Web page in Dreamweaver

    Lesson 21: Site Development with Dreamweaver CS4 —

    Basic Features

    - Importing Content in Dreamweaver

    - Lab 21-5: Importing content into Dreamweaver

    - Lab 21-6: Importing Microsoft Word documents intoDreamweaver

    3.4.5Create Web forms using GUI site developmentapplications.

    Lesson 19: Site Development with Expression Web 2 –Advanced Features

    - Creating Web Forms with Expression Web

    - Lab 19-6: Creating Web forms with Expression Web 

    Lesson 22: Site Development with Dreamweaver CS4 —

    Advanced Features

    - Dreamweaver Web Forms

    - Lab 22-2: Creating Web forms in Dreamweaver

    3.4.6Create page and site templates using GUI sitedevelopment applications.

    Lesson 18: Site Development with Expression Web 2 –Basic Features

    - Expression Web Dynamic Web Templates

    - Lab 18-10: Creating a dynamic Web template in

    Expression Web 

    - Lab 18-11: Adding supporting Web pages inExpression Web

    - Lab 18-12: Detaching pages from a dynamic Webtemplate in Expression Web

    Lesson 21: Site Development with Dreamweaver CS4 —Basic Features

    - Creating Templates in Dreamweaver

    - Lab 21-3: Creating templates in Dreamweaver

  • 8/20/2019 Site Designer Objectives and Locations

    12/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.4.7

    Apply CSS to page and site templates using GUI sitedevelopment applications.

    Lesson 19: Site Development with Expression Web 2 –

    Advanced Features

    - Expression Web Styles

    - Lab 19-1: Working with external style sheets inExpression Web

    - Lab 19-2: Creating embedded styles with ExpressionWeb

    - Lab 19-3: Using inline styles in Expression Web

    - Lab 19-4: Attaching multiple style sheets withExpression Web 

    Lesson 20: Site Development with Adobe DreamweaverCS4 — Introduction

    - Lab 20-1: Creating a Web page in Dreamweaver

    3.4.8

    Apply page and site templates to new pages using GUIsite development applications.

    Lesson 18: Site Development with Expression Web 2 –

    Basic Features

    - Lab 18-11: Adding supporting Web pages inExpression Web 

    Lesson 21: Site Development with Dreamweaver CS4 —

    Basic Features

    - Lab 21-3: Creating templates in Dreamweaver

    3.4.9View and validate source code using GUI site

    development applications.

    Lesson 17: Site Development with MicrosoftExpression Web 2 - Introduction

    - Developing W3C-Compliant Code with Expression Web

    Lesson 22: Site Development with Dreamweaver CS4 —

    Advanced Features

    - Editing X/HTML in Dreamweaver

    - Lab 22-7: Editing X/HTML code manually in

    Dreamweaver

    3.4.10

    Use GUI site development applications to enforcecompliance with accessibility standards.

    Lesson 17: Site Development with Microsoft

    Expression Web 2 - Introduction

    - Developing W3C-Compliant Code with Expression Web

    - Lab 17-2: Validating code with Expression Web 

    Lesson 20: Site Development with Adobe DreamweaverCS4

    - Dreamweaver Layout Options

    - Lab 20-1: Creating a Web page in Dreamweaver

    Subdomain 3.5 Publish and maintain a production Web site.

    3.5.1Use a staging/mockup server to test a site, includingadvantages, hardware/software choices,

    configurations.

    Lesson 34: Web Site Publishing and Maintenance

    - Web Site Testing

  • 8/20/2019 Site Designer Objectives and Locations

    13/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    3.5.2

    Perform site testing (functionality, usability, browsercompatibility).

    Lesson 6: Web Site Usability and Accessibility

    - Web Site Usability Testing

    Lesson 7: Browsers

    - Major, Minor and Alternative Browsers

    - Lab 7-2: Testing a site in multiple browsers

    Lesson 34: Web Site Publishing and Maintenance

    - Web Site Testing

    3.5.3Compare in-house Web site hosting to hosting with anInternet Service Provider (ISP) or Application Service

    Provider (ASP).

    Lesson 34: Web Site Publishing and Maintenance

    - Web Site Hosting

    3.5.4Publish a Web site using an FTP client.

    Lesson 34: Web Site Publishing and Maintenance

    - Web Publishing with an FTP Client

    3.5.5

    Create and configure Domain Name System (DNS)entries (includes subdomains, shared domains).

    Lesson 32: HTTP Servers and Web Applications

    - Accessing Servers and Services

    3.5.6Identify site security issues, including attacks (e.g.,

    social engineering, denial of service, brute force) andways to thwart them.

    Lesson 34: Web Site Publishing and Maintenance

    - Web Server and Web Site Security

    3.5.7Secure a server, including disabling unnecessaryservices, updating patch levels, configuring login

    settings, setting permissions and rights.

    Lesson 34: Web Site Publishing and Maintenance

    - Web Server and Web Site Security

    3.5.8Maintain the Web site (includes user feedback, auto

    and manual link checking).

    Lesson 34: Web Site Publishing and Maintenance

    - Maintaining Web Sites

    3.5.9Document changes to the site.

    Lesson 34: Web Site Publishing and Maintenance

    - Maintaining Web Sites

    Domain 4 Advanced Web Technologies 

    Subdomain 4.1 Use multimedia and plug-in technologies to enhance a

    Web site.

    4.1.1Identify multimedia Web design principles, and chooseappropriate multimedia technologies for a site basedon usability criteria.

    Lesson 1: Overview of Web Design Concepts

    - Web Design Concepts

    Lesson 10: Multimedia and the Web

    - Multimedia and Web Sites

    Lesson 25: Multimedia with Adobe Flash CS4

    - Developing with Flash

  • 8/20/2019 Site Designer Objectives and Locations

    14/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    4.1.2

    Identify accessibility issues and solutions related toWeb images and animation (e.g., text-reader capability,captioning).

    Lesson 7: Browsers

    - Major, Minor and Alternative Browsers

    Lesson 9: Web Graphics

    - Creating and Optimizing Images

    Lesson 10: Multimedia and the Web

    - Animation and the Web

    Lesson 29: Multimedia with Flash CS4 — ActionScript,Masks and Practical Uses

    - Flash and Accessibility

    4.1.3

    Identify Shockwave-Flash (SWF) technology features(e.g., animation, streaming, timelines, layers) andauthoring software.

    Lesson 25: Multimedia with Adobe Flash CS4

    - Flash Technology Features 

    Lesson 26: Multimedia with Flash CS4 — Timeline,

    Layers, Symbols and Buttons

    - Flash Timeline

    Lesson 27: Multimedia with Flash CS4 — Tweens 

    - Flash Tweens

    4.1.4Use SWF-authoring software to create animations, addbuttons, perform "tweening," create movie clips, applymasks.

    Lesson 26: Multimedia with Flash CS4 — Timeline,Layers, Symbols and Buttons

    - Lab 26-1: Identifying frames in Flash

    - Lab 26-5: Using Flash Library buttons andActionScript

    - Lab 26-6: Creating buttons using Flash shapes

    - Lab 26-7: Creating buttons in Flash using importedimages

    Lesson 27: Multimedia with Flash CS4 — Tweens 

    - Motion Tweens in Flash CS4 

    - Lab 27-1: Creating a straight-line motion tween inFlash

    - Lab 27-2: Modifying a motion path in Flash

    - Shape Tweens in Flash

    - Lab 27-3: Creating shape tweens in Flash

    - Tweening Text in Flash

    - Lab 27-4: Creating a text tween in Flash 

    Lesson 28: Multimedia with Flash CS4 — Movie Clips 

    - Flash Movie Clips

    - Lab 28-1: Creating a Flash movie clip

    Lesson 29: Multimedia with Flash CS4 — ActionScript,Masks and Practical Uses 

    - Flash ActionScript

    - Lab 29-1: Creating actions in Flash

    - Mask Layers in Flash

    - Lab 29-2: Creating mask layers in Flash

  • 8/20/2019 Site Designer Objectives and Locations

    15/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    4.1.5

    Identify Scalable Vector Graphics (SVG) characteristics(e.g., XML-based, two-dimensional, searchable,scalable, zoom support).

    Lesson 9: Web Graphics

    - Image File Formats

    4.1.6Add SWF animation files and SVG files to X/HTMLpages.

    Lesson 25: Multimedia with Macromedia Flash CS4

    - Flash Technology Features 

    Lesson 26: Multimedia with Flash CS4 — Timeline,Layers, Symbols and Buttons

    - Saving and Publishing Flash Movies

    - Lab 26-3: Saving Flash movies 

    Lesson 28: Multimedia with Flash CS4 — Movie Clips 

    - Adding Flash Movies to X/HTML Files

    - Lab 28-4: Importing a Flash movie into an X/HTMLpage

    Lesson 29: Multimedia with Flash CS4 — ActionScript,

    Masks and Practical Uses 

    - Using SWF and SVG Files on the Web 

    4.1.7

    Identify strategies and benefits of using SWF and SVGtechnologies in training industry/instructional designto facilitate learning.

    Lesson 29: Multimedia with Flash CS4 — ActionScript,

    Masks and Practical Uses 

    - Using SWF and SVG Files on the Web

    - Lab 29-3: Using Flash for instructional designapplications

    4.1.8

    Apply plug-in/viewer technology to Web pages tosupport various file types (e.g., Portable DocumentFormat [PDF], Scalable Vector Graphics [SVG],Flash/SWF technologies).

    Lesson 28: Multimedia with Flash CS4 — Movie Clips 

    - Testing for the Flash Plug-In

    - Lab 28-5: Testing for the Flash plug-in 

    Lesson 31: Plug-Ins and Java Applets 

    - Plug-In Technology

    4.1.9

    Create an X/HTML link to a downloadable file.Lesson 31: Plug-Ins and Java Applets 

    - Creating a Downloadable File

    4.1.10Create rich media streaming ads and compare them toconventional online ads (includes consideringbandwidth limitations).

    Lesson 31: Plug-Ins and Java Applets 

    - Rich Media Content

    - Lab 31-3: Creating a rich media ad

    4.1.11Define Java applet functionality, and create an

    animated applet for display on a Web site.

    Lesson 31: Plug-Ins and Java Applets 

    - Applets and Animation

    - Lab 31-5: Embedding a Java applet into a Web page

  • 8/20/2019 Site Designer Objectives and Locations

    16/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    Subdomain 4.2 

    Use client-side and server-side programming toenhance Web site functionality.

    4.2.1

    Define and contrast client-side and server-sidetechnologies used to create dynamic content for Webpages.

    Lesson 26: Multimedia with Flash CS4 — Timeline,

    Layers, Symbols and Buttons

    - Flash Buttons

    Lesson 30: JavaScript and DHTML Fundamentals 

    - JavaScript vs. Other Languages

    Lesson 32: HTTP Servers and Web Applications 

    - Server-Side Technologies

    4.2.2Identify common JavaScript objects, properties andmethods.

    Lesson 30: JavaScript and DHTML Fundamentals 

    - Using JavaScript to Communicate with the User

    4.2.3

    Use JavaScript to detect browsers, redirect pages,preload pages and confirm user choices.

    Lesson 28: Multimedia with Flash CS4 — Movie Clips 

    - Lab 28-5: Testing for the Flash plug-in

    Lesson 30: JavaScript and DHTML Fundamentals 

    - Using JavaScript to Communicate with the User

    - Using JavaScript for Browser Detection

    - Lab 30-1: Using the JavaScript alert()  method

    - Lab 30-2: Using the JavaScript prompt()  method

    - Lab 30-3: Determining navigator  object properties with

     JavaScript

    - Lab 30-4: Creating a sniffer and redirection with JavaScript

    - Lab 30-5: Preloading images with JavaScript

    4.2.4Use JavaScript dot notation to access X/HTML objects. Lesson 30: JavaScript and DHTML Fundamentals - Embedding JavaScript into X/HTML

    4.2.5Create rollover images on a Web page using scriptingtechnology.

    Lesson 22: Site Development with Dreamweaver CS4 —Advanced Features

    - Rollover Images in Dreamweaver

    - Lab 22-1: Creating rollover images in Dreamweaver

    Lesson 30: JavaScript and DHTML Fundamentals 

    - Lab 30-5: Preloading images with JavaScript

    4.2.6Define Dynamic HTML (DHTML) and the technologiesit requires, and write browser-specific DHTML code foruse with Firefox, Internet Explorer and other browsers

    (e.g., Safari, Chrome, Opera).

    Lesson 30: JavaScript and DHTML Fundamentals 

    - Dynamic HTML (DHTML)

    4.2.7Define Extensible Markup Language (XML), anddistinguish XML from HTML and XHTML.

    Lesson 13: XML and XHTML  

    - What Is XML?

    4.2.8Define and create a "well-formed" XML document.

    Lesson 13: XML and XHTML  

    - Rules for Well-Formed XML

    4.2.9

    Define Secure XML.Lesson 32: HTTP Servers and Web Applications 

    - XML and Web Applications

  • 8/20/2019 Site Designer Objectives and Locations

    17/18

    Design Methodology and Technology Appendix

     © 2009 Certification Partners, LLC — All Rights Reserved Version 9.0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    4.2.10

    Use Common Gateway Interface (CGI) to process Webforms.

    Lesson 32: HTTP Servers and Web Applications 

    - Server-Side Technologies

    - Lab 32-1: Creating a Web form to be handled with CGI

    4.2.11

    Use cookies to enhance Web site functionality.Lesson 32: HTTP Servers and Web Applications 

    - Web Servers and Cookies

    - Lab 32-4: Setting cookies with JavaScript

    4.2.12Identify the functionality of pop-up/pop-underwindows (e.g., creation, benefits, disadvantages,

    reasons to omit from your site).

    Lesson 7: Browsers 

    - Browsers and Design Considerations

    Lesson 30: JavaScript and DHTML Fundamentals 

    - Using JavaScript to Communicate with the User

    4.2.13Define CAPTCHA and create a CAPTCHA for a Web

    site.

    Lesson 7: Browsers

    - Utilizing CAPTCHA

    - Lab 7-4: Adding a CAPTCHA to a Web page 

    4.2.14Explain how the TinyURL service works.

    Lesson 7: Browsers

    - Creating Aliases with TinyURL

    - Lab 7-3: Creating an alias with TinyURL  

    Subdomain 4.3 Connect Web pages to a database.

    4.3.1Define elements of a database and their functionality.

    Lesson 33: Databases 

    - Database Anatomy

    4.3.2

    Identify general database query types.Lesson 33: Databases 

    - Database Queries

    - Lab 33-1: Using a data-driven Web site

    4.3.3Define the three Database Management System(DBMS) types.

    Lesson 33: Databases 

    - Database Management System (DBMS)

    4.3.4

    Add search capability to a Web site.Lesson 22: Site Development with Dreamweaver CS4 —

    Advanced Features

    - Site Search Forms in Dreamweaver

    - Lab 22-9: Adding a site search form in Dreamweaver(for demonstration only)  

    4.3.5Identify information types that can be contained in adatabase, including X/HTML, images, XML,inventories.

    Lesson 33: Databases 

    - Connecting Web Pages to Databases

    4.3.6Connect a Web page to a database using various

    methods.

    Lesson 19: Site Development with Expression Web 2 —Advanced Features

    - Connecting to Databases 

    Lesson 33: Databases 

    - Connecting Web Pages to Databases

  • 8/20/2019 Site Designer Objectives and Locations

    18/18

    Design Methodology and Technology Appendix

    © 2009 Certification Partners LLC All Rights Reserved Version 9 0

    CIW v5 Site Designer Objective Design Methodology and Technology 

    Lesson(s) and Section(s)

    Subdomain 4.4 

    Conduct effective Internet marketing.

    4.4.1Discuss organic and non-organic strategies for

    improving hit rates and search engine ranking (e.g.,search engine optimization [SEO] vs. pay per click[PPC] strategies).

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization(SEO) 

    4.4.2Define common search engine optimization (SEO)

    terms (e.g., keywords, keyword density, stop words,results pages, reciprocal links, black-hat SEO).

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization(SEO) 

    4.4.3Identify common valid SEO techniques (e.g., writingquality Web copy, structuring pages using validated

    HTML and CSS, using page titles, using metadata,using on-site and off-site practices).

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization(SEO) 

    4.4.4

    Define Web analytics, including discussing key events

    to review on a Web server.

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization(SEO) 

    4.4.5Identify ways that search engines generate revenue by

    processing search entries from users.

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization(SEO) 

    4.4.6Create a blog-writing strategy to support a brand,including key elements of a successful blog entry (e.g.,brevity, central idea, clever title, links to relevant

    articles, configuring trackbacks).

    Lesson 16: Site Content and Metadata

    - Internet Marketing and Search Engine Optimization

    (SEO) 

    4.4.7Identify elements of a successful Web marketingcampaign (e.g., working with marketing team membersto determine audience and central message, creating

    HTML e-mail messages with images, schedulingWebcasts).

    Lesson 2: Web Development Teams 

    - Your Web Design Business 

    Subdomain 4.5 

    Create syndicated feeds using feed managementservices.

    4.5.1Define syndication.

    Lesson 32: HTTP Servers and Web Applications

    - Syndicated Feeds 

    4.5.2Use RSS and Atom to create a news feed.

    Lesson 32: HTTP Servers and Web Applications

    - Syndicated Feeds

    - Lab 32-5: Creating an RSS news feed 

    4.5.3

    Describe the purpose of an aggregator in a feed.

    Lesson 32: HTTP Servers and Web Applications

    - Syndicated Feeds 

    4.5.4

    Identify the benefit of RSS to e-mail conversion,including push-based and pull-based technologies.

    Lesson 32: HTTP Servers and Web Applications

    - Syndicated Feeds