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