Please enable JavaScript to use CodeHS

Standards Mapping

for Utah Web Development 1

67

Standards in this Framework

49

Standards Mapped

73%

Mapped to Course

Standard Lessons
WD1.1.1
Demonstrate knowledge of standard copyright rules.
  1. 1.6 Copyright
WD1.1.1a
Understand copyright for original creations.
  1. 1.6 Copyright
WD1.1.1b
Understand the creative commons license.
  1. 1.6 Copyright
WD1.1.1c
Understand when to obtain permission for non-original work.
  1. 1.6 Copyright
WD1.1.2
Identify the use and purpose of acceptable use policy (AUP).
WD1.1.2a
Understand the AUP for your school.
WD1.1.3
Understand ethical behavior as it relates to an AUP, Intellectual Property, Netiquette, Respecting Privacy, Anti-Spamming Laws, etc.
WD1.2.1
Demonstrate knowledge required to develop an HTML document.
  1. 1.1 Introduction to HTML
  2. 1.2 Structure of an HTML Page
  3. 1.3 Formatting Text
  4. 1.4 Links
  5. 1.5 Images
  6. 1.6 Copyright
  7. 1.7 HTML Lists
WD1.2.1a
Code the foundation for a webpage. Include the element tags DOCTYPE, html, head, title, and body.
  1. 1.1 Introduction to HTML
  2. 1.2 Structure of an HTML Page
WD1.2.1b
Structure the page using semantic and structural elements such as: header, nav, main, section, article, aside, footer, div, etc.
  1. 3.6 Semantic Tags
WD1.2.1c
Use meta tags for page documentation.
WD1.2.1d
Use appropriate comments.
  1. 1.2 Structure of an HTML Page
WD1.2.2
Explain appropriate file structure and naming conventions.
WD1.2.2a
Use logical file structure to build websites.
WD1.2.2b
Incorporate appropriate naming conventions for website files.
WD1.2.3
Use the DOCTYPE Declaration
  1. 1.2 Structure of an HTML Page
WD1.2.3a
Develop pages using the DOCTYPE declaration.
  1. 1.2 Structure of an HTML Page
WD1.2.4
Code a website with appropriate HTML structure and according to W3C standards that can be validated.
  1. 1.2 Structure of an HTML Page
WD1.2.4a
Demonstrate best practice by consistently using lowercase text for all element names
WD1.2.4b
Properly nest elements.
WD1.2.4c
Use quotes on attribute values.
WD1.2.5
Demonstrate the use of input elements and attributes.
  1. 8.5 Using Input Fields
WD1.2.5a
Create pages with tags and attributes at the block level. (html, head, body, style, header, nav, main, section, footer, div)
  1. 1.2 Structure of an HTML Page
  2. 3.6 Semantic Tags
WD1.2.5b
Create pages with tags and attributes at the inline level. (DOCTYPE, title, h1, h2, h6, p, br, meta, etc.)
  1. 1.3 Formatting Text
WD1.2.5c
Code a website with text formatting, links, images, lists, tables (tabular data), etc.
  1. 1.3 Formatting Text
  2. 1.4 Links
  3. 1.5 Images
  4. 1.7 HTML Lists
  5. 1.8 HTML Tables
WD1.2.5d
Relative Links are relative to the directory of the website. (images/photo.jpg)
WD1.2.5e
Absolute links are the exact location on the internet and contain a protocol. (http, https, ftp)
WD1.2.5f
Code special characters such as:   © " < > & —
WD1.2.5g
Demonstrate the use of HTML forms, buttons, text fields, checkboxes, and radio buttons. (Form does not need to submit to an actual database or email.)
  1. 3.16 Interaction
  2. 8.5 Using Input Fields
WD1.3.1
Apply CSS to your website.
  1. 2.1 Introduction to CSS
  2. 2.2 CSS Select by Tag
  3. 2.4 CSS Select by ID
  4. 4.2 Homepage: Your First Website
WD1.3.1a
Apply CSS to an element using an inline style. (An inline style may be used to apply a unique style for a single element.)
  1. 2.1 Introduction to CSS
WD1.3.1b
Apply CSS to a webpage using an internal style. (Internal style rules may be used to uniquely style a single page.)
  1. 2.2 CSS Select by Tag
  2. 2.3 CSS Select by Class
WD1.3.1c
Apply CSS to a website using an external stylesheet. (Best Coding Practice - One file changes the entire website.)
  1. 3.2 Multi-file Websites
WD1.3.2
Apply essential syntax & CSS box model.
  1. 3.13 The Box Model
WD1.3.2a
Add style rule, declaration, selector, property value pair.
  1. 2.5 The Cascade
WD1.3.3
Students will format websites using CSS
  1. 2.1 Introduction to CSS
  2. 3.1 Getting Started - Advanced HTML and CSS
WD1.3.3a
Modify background properties such as: color and image.
  1. 2.1 Introduction to CSS
  2. 3.2 Multi-file Websites
WD1.3.3b
Modify font properties such as: font-family, size, and color.
  1. 2.2 CSS Select by Tag
  2. 2.3 CSS Select by Class
WD1.3.3c
Link to and use an online font. (i.e.: Google Fonts, Adobe Fonts, etc.)
  1. 13.1 What is Bootstrap?
WD1.3.3d
Modify margin and padding size around elements.
  1. 3.13 The Box Model
WD1.3.3e
Code id & class tags within HTML
  1. 2.3 CSS Select by Class
  2. 2.4 CSS Select by ID
WD1.3.3f
Within CSS use id & class tags to modify a HTML elements.
  1. 2.3 CSS Select by Class
  2. 2.4 CSS Select by ID
WD1.3.3g
Implement an id selector to modify a single element on the page. (Unique id tags are only used one time per page, "classes" can be used one or more times per page)
  1. 2.4 CSS Select by ID
WD1.3.3h
Implement selectors pseudo class elements (i.e.: a:link, a:visited, a:active a:hover)
  1. 3.9 Special Selectors
WD1.3.3i
Use appropriate comments throughout your CSS
  1. 2.1 Introduction to CSS
WD1.3.4
Format page layout using CSS.
  1. 7.2 Layout and Web Design Theory
  2. 7.3 Interactive Resume Development
WD1.3.4a
Use width, height, or auto to adjust the size.
WD1.3.4b
Use CSS Grid to layout the websites.
WD1.4.1
Analyze Project requirements.
  1. 4.2 Homepage: Your First Website
WD1.4.1a
Identify the purpose and audience for a website.
  1. 7.1 Creating a Resume
  2. 7.2 Layout and Web Design Theory
  3. 7.3 Interactive Resume Development
WD1.4.1b
Identify basic principles of website usability, readability, and accessibility. (Usability: Cross browser compatibility. Readability: contrast, size, font, and color. Accessibility standards that address the needs of people with visual and motor impairments, such as using alt tags, strong instead of bold, etc.)
  1. 4.2 Homepage: Your First Website
WD1.4.1c
Identify and follow steps in the website planning and development process.
  1. 4.2 Homepage: Your First Website
WD1.4.2
Users are the focus of all design.
  1. 4.2 Homepage: Your First Website
WD1.4.2a
Plan a website by using sketches, wireframes, or site maps.
  1. 4.2 Homepage: Your First Website
WD1.4.2b
Design elements are easy to access, understand, and use.
  1. 4.2 Homepage: Your First Website
  2. 7.2 Layout and Web Design Theory
WD1.4.2c
Keep the interface simple, create consistency, use common Ul elements, placement in page layout, strategically use color and texture, use typography to help increase scannability, legibility and readability, and inform your users of location, actions, or errors.
  1. 4.2 Homepage: Your First Website
  2. 7.2 Layout and Web Design Theory
WD1.4.3
Code and design a minimum three-page website. (This is integrated into every Strand.)
  1. 7.3 Interactive Resume Development
WD1.5.1
Open, edit, and save an image for effective use on your website.
  1. 4.2 Homepage: Your First Website
WD1.5.1a
Crop and resize various images.
  1. 1.5 Images
WD1.5.1b
Optimize an image. (Resize and change resolution for optimal load time.)
WD1.5.1c
Enhance an image.
  1. 3.14 Image Manipulation
WD1.5.2a
Incorporate a logo and header into webpage.
WD1.5.2b
Incorporate images into a website.
  1. 4.2 Homepage: Your First Website
WD1.6.1
Explore IT web development careers.
  1. 11.1 Computer Science Careers
WD1.6.1a
Identify job roles in the Information Technology (IT) industry as they apply to web development.
  1. 11.1 Computer Science Careers
WD1.6.1b
Understand the responsibilities, tasks, and skills each job requires.
  1. 11.1 Computer Science Careers
WD1.6.1c
UI designer, UX designer, front-end web developer, backend web developer, and full stack developer.