Web Design

Specific Competencies and Skills Tested in this Assessment:

Internet Basics

• Describe the process of information exchange between web server and client
• Describe the use of web browsers and various clients within a given context of use
• Explain ways to access the Internet
• Search for information on the Web
• Identify the tools required for web publishing
• Describe different types of web pages and their uses
• Describe the function and components of a URL; how it relates to protocols, addresses, and ports

 

Programming, Markup, and Scripting

• Describe the difference between popular client-side and server-side programming languages
• Demonstrate the ability to create HTML5, HTTPS, XHTML, and XML pages
• Demonstrate the ability to use third-party programming interfaces
• Use CSS3 to differentiate between logic, content, and presentation
• Describe the difference between a scripting language and a markup language

 

Editors

• Create a website
• Design and implement tables and templates
• Create and use interactive forms  
• Enhance site elements by using style sheets  
• Design and implement layers, image maps, and navigation bars
• Enhance a website with media objects and images

 

Web Graphics

• Identify and use graphics file formats common to the Internet
• Differentiate between raster and vector images  
• Use basic photo editing tools
• Prepare digital images for use on the Web

 

Web Multimedia

• Add interactive media to a website through the use of rich Internet applications
• Export video output suitable for use on the Web
• Implement multimedia on the Web

 

Web Marketing and Business Management

• Explain the issues involved in copyrighting, trademarking, and licensing
• Identify the issues related to working in a global environment
• Identify aspects of marketing related to social media
• Define web-related mechanisms for audience development; attracting/retaining an audience
• Define e-commerce terms and concepts

 

Site Design

• Describe web design principles
• Describe the mechanics behind mobile websites and how they differ from non-mobile sites
• Describe design tenets associated with Web 2.0 (e.g., interactive information sharing, interoperability)
• Explain various project management techniques to set goals and perform needs assessment
• Describe the principles behind usable navigation
• Identify problems related to legacy clients
• Describe the mechanics behind dynamic websites and how they differ from static sites
• Incorporate data/objects held in a relational database into a web page
• Design for accessibility (e.g., ADA-Section 508 and Web Content Accessibility Guidelines)

 

Administration and Maintenance

• Describe the process of pre-launch and post-launch functionality testing (e.g., quality assurance)
• Describe content management tools
• Identify hosting resources and domain management
• Utilize search engine optimization techniques
• Describe the concepts of server log analysis and benchmarks
• Back up data related to website

 

Written Assessment:

Administration Time: 3 hours

Number of Questions: 171

 

Areas Covered:

Internet Basics 13%

Programming, Markup and Scripting 13%

Editors 15%

Web Graphics 11%

Web Multimedia 5%

Web Marketing and Business Management 13%

Site Design 18%

Administration and Maintenance 12%

 

Sample Questions:

The role of a web server is to

1.  allow a client to preview the web pages as live view
2. assemble a web page as a response to a client request
3. manipulate data on a remote server
4. execute programs on a remote server

 

Which of the following facilitates interoperability among applications?  

1. proprietary protocol     
2. application programming interface
3. firewalls   
4. framing

 

A skeleton of an HTML file is also known as a/an  

1. template
2. archive
3. site map
4. storyboard

 

A geometric graphic is sometimes called a _____ graphic.

1. vector
2. type
3. bitmap
4. pixel

 

Copyright registration is administered by which government agency?

1. Internal Revenue Service    
2. Office of Compliance
3. National Security Agency
4. Library of Congress

 

 

Performance Assessment:

Administration Time: 3 hours

Number of Jobs: 5

 

Areas Covered:

20% Create a Cascading Style Sheet (CSS)

Participant will create a cat.css file and place it in the web folder, write a CSS rule for the body tag, heading 1 tag, heading 2 tag, block quote tag, table tag, and for the pseudo-class statement for the links.

 

28% Create a Template

Participant will create a template file and link the CSS file, place a table on the template page and assign the correct table properties, place a page heading on the page, place and center an image on the page, prepare a graphic navigation bar, enter placeholders, enter the text navigation bar, enter links for navigation bar, enter the copyright information, and enter the last updated information.

 

11% Create a Home Page

Participant will create an index.html file and link CSS and template files, place the page title and heading, place the text content, format the headings and paragraphs, complete text changes, links, and formatting, and place an image on the page with the appropriate properties.

 

30% Create Content Pages

Participant will create history.html, description.html, characteristic.html, temperament.html files, and link CSS template files, place the page title and heading, place the text content on the pages, and place and format the images on the pages according to instructions.  

 

11% Create a Newsletter Page

Participant will create newsletter.html file and link CSS and template files, place a title page and heading, place the form on the page and insert a line of instruction, place text fields on form and set form action, and validate all form fields.

 

Sample Job:

Create a Cascading Style Sheet (CSS)

Maximum Time: 40 minutes (20 minutes to review, 20 minutes to create a CSS)

Participant Activity: The participant will review the Design Document and Website Storyboard and use the Website Storyboard as a resource for completing the job.  The participant will then create a CSS file named cat.css and place it in the Web Design Documents folder. Using the information from the Website Storyboard, participant will write the CSS rules for the following:  body, headings, blockquote, table, and the pseudo-class statements for the links.