Copyright © 2023. All Rights Reserved.
Code: 4750 / Version: 01
Web Design
Job Ready Credential Blueprint

General Assessment Information
Written Assessment Information
Specifc Competencies Covered in the Test
Sample Written Items
Performance Assessment Information
Sample Performance Job
Blueprint Contents
NOCTI Job Ready Assessment
Test Type: The Web Design industry-based credential is included in NOCTI’s Job Ready 
assessment battery.  Job Ready assessments measure technical skills at the 
occupational level and include items which gauge factual and theoretical knowledge.  
Job Ready assessments typically ofer both a written and performance component and 
can be used at the secondary and post-secondary levels.  Job Ready assessments can 
be delivered in an online or paper/pencil format.
Revision Team:  The assessment content is based on input from secondary, 
post-secondary, and business/industry representatives from the states of Minnesota, 
New York, Pennsylvania, South Carolina, Texas, and West Virginia.
11.0801- Web Page, Digital/Multimedia 
and Information Resource Design
15-1134.00- Web DevelopersCareer Cluster -
Information Technology
Code
cip
Page 2 of 11
Web Design
General Assessment Information 

NOCTI Job Ready Assessment
Areas Covered
NOCTI written assessments consist of questions to measure an individual’s factual 
theoretical knowledge.
Administration Time: 3 hours
Number of Questions: 143
Number of Sessions: This assessment may be administered in one, two, or three sessions.
Administration & 
Maintenance
Web Marketing & 
Business Management
Multimedia Assets
Scripting
Styling
Markup
Website Planning & 
Design
Internet Basics 7%
17%
16%
17%
13%
8%
11%
11%
Page 3 of 11
Writen Assessment
Web Design

NOCTI Job Ready Assessment
(Continued on the following page)
Internet Basics
•Describe the process of information exchange between web server and client
•Describe the use of web browsers, search engines, and various clients within a given 
context of use
•Describe the function and components of a URL and how it relates to protocols, 
addresses, and ports
Website Planning & Design
•Describe web design and planning principles and diferent types of pages 
•Explain various project management techniques for setting goals and performing 
needs assessment
•Describe the principles behind usable navigation
•Identify problems related to legacy browsers
•Describe the mechanics behind mobile websites and how they difer from non-mobile 
sites
•Describe the mechanics behind dynamic websites and how they difer from static sites
•Design for accessibility (e.g., ADA-Section 508 and Web Content Accessibility 
Guidelines)
Markup
•Demonstrate the ability to use HTML5 to create web pages
•Demonstrate an understanding of semantic markup (e.g., header, footer, navigation)
•Create and use interactive forms
•Describe how to implement tabular data using table elements
Styling
•Describe how CSS is used and why
•Design and implement layers and style navigation bars using CSS3
•Implement a design and layout using style sheets
•Describe the use of CSS for formatting
Scripting
•Describe the diference between a scripting language and a markup language 
•Describe the diference between popular client-side and server-side programming 
languages
•Describe the use of third-party programming interfaces, including APIs
•Describe basic JavaScript language used to manipulate elements on a webpage 
•Describe how data is represented using XML and JSON
Multimedia Assets
•Identify and use graphics fle formats common to the internet and diferentiate 
between raster and vector images
•Describe how to use basic media editing tools to prepare digital images and video for 
use on the Web
•Describe how to use rich internet applications to add interactive media to a website
•Describe how to integrate embedded media into a website
Web Marketing & Business Management
•Explain the issues involved in copyrighting, trademarking, and licensing
•Identify aspects of marketing related to social media
•Describe web-related mechanisms for audience development, including 
attracting/retaining an audience, and considerations for a global environment
•Defne e-commerce terms and concepts
•Diferentiate between search engine optimization and search engine marketing 
techniques
Administration & Maintenance
•Describe the process of pre-launch and post-launch functionality testing (e.g., quality 
assurance)
•Identify the tools required for web publishing, including content management tools
•Identify hosting resources and domain management
•Describe the concepts of backups, server log analysis, and benchmarks
•Describe basic website security concerns and techniques
 
Page 4 of 11
Specifc Standards and Competencies Included in this Assessment
Web Design

NOCTI Job Ready Assessment
(Continued on the following page)
Internet Basics
•Describe the process of information exchange between web server and client
•Describe the use of web browsers, search engines, and various clients within a given 
context of use
•Describe the function and components of a URL and how it relates to protocols, 
addresses, and ports
Website Planning & Design
•Describe web design and planning principles and diferent types of pages 
•Explain various project management techniques for setting goals and performing 
needs assessment
•Describe the principles behind usable navigation
•Identify problems related to legacy browsers
•Describe the mechanics behind mobile websites and how they difer from non-mobile 
sites
•Describe the mechanics behind dynamic websites and how they difer from static sites
•Design for accessibility (e.g., ADA-Section 508 and Web Content Accessibility 
Guidelines)
Markup
•Demonstrate the ability to use HTML5 to create web pages
•Demonstrate an understanding of semantic markup (e.g., header, footer, navigation)
•Create and use interactive forms
•Describe how to implement tabular data using table elements
Styling
•Describe how CSS is used and why
•Design and implement layers and style navigation bars using CSS3
•Implement a design and layout using style sheets
•Describe the use of CSS for formatting
Scripting
•Describe the diference between a scripting language and a markup language 
•Describe the diference between popular client-side and server-side programming 
languages
•Describe the use of third-party programming interfaces, including APIs
•Describe basic JavaScript language used to manipulate elements on a webpage 
•Describe how data is represented using XML and JSON
Multimedia Assets
•Identify and use graphics fle formats common to the internet and diferentiate 
between raster and vector images
•Describe how to use basic media editing tools to prepare digital images and video for 
use on the Web
•Describe how to use rich internet applications to add interactive media to a website
•Describe how to integrate embedded media into a website
Web Marketing & Business Management
•Explain the issues involved in copyrighting, trademarking, and licensing
•Identify aspects of marketing related to social media
•Describe web-related mechanisms for audience development, including 
attracting/retaining an audience, and considerations for a global environment
•Defne e-commerce terms and concepts
•Diferentiate between search engine optimization and search engine marketing 
techniques
Administration & Maintenance
•Describe the process of pre-launch and post-launch functionality testing (e.g., quality 
assurance)
•Identify the tools required for web publishing, including content management tools
•Identify hosting resources and domain management
•Describe the concepts of backups, server log analysis, and benchmarks
•Describe basic website security concerns and techniques
 
Page 5 of 11
Specifc Standards and Competencies (continued)
Web Design

NOCTI Job Ready Assessment
Internet Basics
•Describe the process of information exchange between web server and client
•Describe the use of web browsers, search engines, and various clients within a given 
context of use
•Describe the function and components of a URL and how it relates to protocols, 
addresses, and ports
Website Planning & Design
•Describe web design and planning principles and diferent types of pages 
•Explain various project management techniques for setting goals and performing 
needs assessment
•Describe the principles behind usable navigation
•Identify problems related to legacy browsers
•Describe the mechanics behind mobile websites and how they difer from non-mobile 
sites
•Describe the mechanics behind dynamic websites and how they difer from static sites
•Design for accessibility (e.g., ADA-Section 508 and Web Content Accessibility 
Guidelines)
Markup
•Demonstrate the ability to use HTML5 to create web pages
•Demonstrate an understanding of semantic markup (e.g., header, footer, navigation)
•Create and use interactive forms
•Describe how to implement tabular data using table elements
Styling
•Describe how CSS is used and why
•Design and implement layers and style navigation bars using CSS3
•Implement a design and layout using style sheets
•Describe the use of CSS for formatting
Scripting
•Describe the diference between a scripting language and a markup language 
•Describe the diference between popular client-side and server-side programming 
languages
•Describe the use of third-party programming interfaces, including APIs
•Describe basic JavaScript language used to manipulate elements on a webpage 
•Describe how data is represented using XML and JSON
Multimedia Assets
•Identify and use graphics fle formats common to the internet and diferentiate 
between raster and vector images
•Describe how to use basic media editing tools to prepare digital images and video for 
use on the Web
•Describe how to use rich internet applications to add interactive media to a website
•Describe how to integrate embedded media into a website
Web Marketing & Business Management
•Explain the issues involved in copyrighting, trademarking, and licensing
•Identify aspects of marketing related to social media
•Describe web-related mechanisms for audience development, including 
attracting/retaining an audience, and considerations for a global environment
•Defne e-commerce terms and concepts
•Diferentiate between search engine optimization and search engine marketing 
techniques
Administration & Maintenance
•Describe the process of pre-launch and post-launch functionality testing (e.g., quality 
assurance)
•Identify the tools required for web publishing, including content management tools
•Identify hosting resources and domain management
•Describe the concepts of backups, server log analysis, and benchmarks
•Describe basic website security concerns and techniques
 
Page 6 of 11
Specifc Standards and Competencies (continued)
Web Design

NOCTI Job Ready Assessment
(Continued on the following page)
Which of the following browser bars displays the URL of the web page that is being 
viewed? 
  A. tool
  B. address
  C. menu
  D. title
Responsive CSS ensures that a website works well with
  A. interactive media
  B. multiple screen sizes
  C. modems
  D. video playback
An HTML document should be validated 
  A. when requested by a client
  B. after receiving bug reports from users
  C. often throughout the development process
  D. only when using experimental features
Keeping the content of a website current is one challenge of 
  A. website development
  B. server upgrades
  C. browser upgrades
  D. website maintenance
When creating a block of navigation links, the _____ tag is used.
  A. <nav>
  B. <header>
  C. <footer>
  D. <main>
Page 7 of 11
Sample Questions
Web Design

NOCTI Job Ready Assessment
In the CSS boxmodel, which property adds space between the content and the 
border?
  A. padding
  B. margin
  C. spacing
  D. clear
What type of code scripting is used to generate dynamic websites?
  A. transactional
  B. compression
  C. recursion
  D. server-side
Which fle format supports frame-based animation? 
  A. JPEG
  B. GIF
  C. TIFF
  D. IMG
Engaging an anonymous website visitor to become a registered customer is called
  A. redirection
  B. conversion marketing
  C. behavioral targeting
  D. web metrics
Keeping the content of a website current is one challenge of  
  A. website development
  B. server upgrades
  C. browser upgrades
  D. website maintenance
Page 8 of 11
Sample Questions (continued)
Web Design

NOCTI Job Ready Assessment
(Continued on the following page)
NOCTI performance assessments allow individuals to demonstrate their acquired skills by 
completing actual jobs using the tools, materials, machines, and equipment related to the 
technical area.
Administration Time: 3 hours 
Number of Jobs: 5
Areas Covered: 
25%  Create a Cascading Style Sheet (CSS)
Participant will create a cat.css fle and place it in the 
web folder, write CSS rules for the body tag, heading 
1 tag, heading 2 tag, blockquote tag, article tag, 
pseudo-class statements for the links and navigation, 
and link the CSS fle to the template.html fle.
23%  Review Materials and Create a template.html File
Participant will review all materials used in the creation of the web page.  Participant will 
create a “Website Development” folder and save all items as directed, create and save a 
template.html fle, edit the fle to include HTML5 structure, add a navigation bar, ensure 
the navigation contains page names, use placeholder text for page title, add text for title, 
and save to folder throughout jobs. 
11%  Create a Home Page 
Participant will create an index.html fle; place the page title and subheading; 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.
29%  Create Content Pages
Participant will create history.html, description.html, characteristic.html, 
temperament.html fles, place the page titles and subheadings, place the text content on 
the pages, and place and format the images on the pages according to instructions.
12%  Create a Newsletter Page 
Participant will create newsletter.html fle, place the page title and subheading, place the 
form on the page and insert a line of instruction, place text felds on form and set form 
action, and validate all form felds.
11%
12%
29%
23%
25%
Page 9 of 11
Performance Assessment 
Web Design

NOCTI Job Ready Assessment
Areas Covered (continued)
NOCTI performance assessments allow individuals to demonstrate their acquired skills by 
completing actual jobs using the tools, materials, machines, and equipment related to the 
technical area.
Administration Time: 3 hours 
Number of Jobs: 5
Areas Covered: 
25%  Create a Cascading Style Sheet (CSS)
Participant will create a cat.css fle and place it in the 
web folder, write CSS rules for the body tag, heading 
1 tag, heading 2 tag, blockquote tag, article tag, 
pseudo-class statements for the links and navigation, 
and link the CSS fle to the template.html fle.
23%  Review Materials and Create a template.html File
Participant will review all materials used in the creation of the web page.  Participant will 
create a “Website Development” folder and save all items as directed, create and save a 
template.html fle, edit the fle to include HTML5 structure, add a navigation bar, ensure 
the navigation contains page names, use placeholder text for page title, add text for title, 
and save to folder throughout jobs. 
11%  Create a Home Page 
Participant will create an index.html fle; place the page title and subheading; 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.
29%  Create Content Pages
Participant will create history.html, description.html, characteristic.html, 
temperament.html fles, place the page titles and subheadings, place the text content on 
the pages, and place and format the images on the pages according to instructions.
12%  Create a Newsletter Page 
Participant will create newsletter.html fle, place the page title and subheading, place the 
form on the page and insert a line of instruction, place text felds on form and set form 
action, and validate all form felds.
Page 10 of 11
Web Design

NOCTI Job Ready Assessment
Create a Cascading Style Sheet (CSS)
Maximum Time:  40 minutes
Participant Activity:  The participant will create a CSS fle, place it in the Website 
Development folder, and using the information from the Website Storyboard, write the 
CSS rules for: body, headings, blockquote, article, pseudo-class statements for links, and 
navigation, and link the cat.css fle to the template.html fle. Participant may return to 
fle and make adjustments as needed. 
Page 11 of 11
Sample Job 
Web Design