Please enable JavaScript to use CodeHS

Standards Mapping

for Idaho Web Design & Development

140

Standards in this Framework

79

Standards Mapped

56%

Mapped to Course

Standard Lessons
1.1.1
Describe how the Internet and the World Wide Web work.
  1. 1.2 The Internet
  2. 1.3 Browsers
  3. 1.4 Viewing Websites
  4. 12.1 Getting Started - The Internet
  5. 12.2 Internet Hardware
  6. 12.3 Internet Addresses
  7. 12.4 DNS
  8. 12.5 Routing
  9. 12.6 Packets and Protocols
  10. 12.7 The Impact of the Internet
1.1.2
Investigate roles and responsibilities behind the development of a Web site.
1.1.3
Understanding the Web design environment.
1.1.4
Create conventions for filenames and URLs.
  1. 5.2 Multi-file Websites
1.1.5
Set a directory structure.
  1. 5.2 Multi-file Websites
1.1.6
Identify and use tags on a Web page
  1. 2.1 Introduction to HTML
  2. 2.2 Structure of an HTML Page
  3. 2.3 Formatting Text
  4. 2.4 Links
  5. 2.5 Images
1.1.7
Document HTML code using comments.
1.1.8
Save a text document as an HTML file.
  1. 2.1 Introduction to HTML
  2. 2.2 Structure of an HTML Page
1.1.9
Specify Headings.
  1. 2.3 Formatting Text
1.1.10
Format Web page text.
  1. 2.3 Formatting Text
1.1.11
Insert HTML entities, superscripts, and subscripts.
1.1.12
Create a horizontal rule.
1.1.13
Create ordered and unordered lists
  1. 2.7 HTML Lists
1.1.14
Learn where to place anchors on a Web page.
1.1.15
Create links.
  1. 2.4 Links
1.1.16
Create links to email.
1.1.17
Use the <img> element.
  1. 2.5 Images
1.1.18
Use and image as a link
  1. 2.5 Images
1.1.19
Organize files in your web directory.
  1. 5.2 Multi-file Websites
1.1.20
Understand paths and their application to links.
1.2.1
Identify the differences between HTML and CSS.
  1. 2.1 Introduction to HTML
  2. 3.1 Introduction to CSS
  3. 5.1 Getting Started - Advanced HTML and CSS - Update
1.2.2
Write CSS Styles.
  1. 3.1 Introduction to CSS
  2. 3.2 CSS Select by Tag
  3. 3.3 CSS Select by Class
  4. 3.4 CSS Select by ID
  5. 3.5 The Cascade
1.2.3
Create an embedded style.
  1. 5.3 Embedding iframes
1.2.4
Understand and use the font property.
  1. 2.9 HTML Styling
  2. 2.10 HTML Colors
  3. 5.5 Spans
1.2.5
Control line spacing and white space.
  1. 5.13 The Box Model
1.2.6
Change foreground and background colors on a Web page.
  1. 2.10 HTML Colors
  2. 5.5 Spans
1.2.7
Create and apply inline styles.
  1. 2.9 HTML Styling
  2. 5.5 Spans
1.2.8
Use classes to style several tags
  1. 3.3 CSS Select by Class
  2. 5.7 Combining CSS Selectors
1.3.1
Identify the differences between dependent and independent classes
  1. 3.5 The Cascade
1.3.2
Use external style sheets to format several Web pages.
  1. 5.2 Multi-file Websites
1.3.3
Understand how to position text on a Web page.
  1. 2.3 Formatting Text
  2. 2.9 HTML Styling
  3. 5.13 The Box Model
1.3.4
Use CSS pseudo-elements.
  1. 5.9 Special Selectors
1.3.5
Use the <span> tag.
  1. 5.5 Spans
1.3.6
Create and apply an independent class.
1.3.7
Use the <div> tag.
  1. 5.4 Divs
1.3.8
Investigate the box model.
  1. 5.13 The Box Model
1.3.9
Explore the padding, margin, and border properties.
  1. 5.13 The Box Model
1.3.10
Group links on a page.
  1. 7.6 Navigation Bars
  2. 7.7 Drop Down Menus
1.3.11
Identify the Pseudo-class selectors.
  1. 5.9 Special Selectors
1.3.12
Use CSS to style links.
  1. 3.2 CSS Select by Tag
  2. 3.3 CSS Select by Class
  3. 3.4 CSS Select by ID
1.3.13
Create a stylized navigation.
  1. 7.6 Navigation Bars
2.1.1
Explore Web Design Fundamentals.
  1. 13.1 Design Research Project
2.1.2
Explore Design Theory.
  1. 13.1 Design Research Project
2.1.3
Understand graphics file formats (vector versus raster).
2.1.4
Investigate graphics editors.
2.1.5
Understand computer color basics.
  1. 2.10 HTML Colors
2.1.6
Control color properties with CSS.
  1. 5.5 Spans
2.1.7
Optimize images for web use.
  1. 5.14 Image Manipulation
2.1.8
Understand layering organization.
2.1.9
Understand masking and channels.
2.1.10
Understand typography use for the web.
2.1.11
Understand ethical use of copyrighted materials.
  1. 2.6 Copyright
2.1.12
Use basic animation techniques.
  1. 5.15 Animation
  2. 5.16 Interaction
2.1.13
Practice industry acceptable aesthetic techniques.
2.2.1
Control background images with CSS.
2.2.2
Float and image or text.
  1. 5.13 The Box Model
2.2.3
Control image properties with CSS.
  1. 5.14 Image Manipulation
2.2.4
Understand and use the clear property.
2.2.5
Change list style type and position.
2.2.6
Format and float headings.
  1. 2.3 Formatting Text
2.2.7
Work with background properties.
2.3.1
Understand resolution as it applies to the Box Model.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.3.2
Create boxes for layout.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.3.3
Size and position boxes.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.3.4
Determine how to control overflow for a box.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.3.5
Understand padding, margins, and border properties.
  1. 5.13 The Box Model
2.3.6
Understand resolution as it applies to the Box Model.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.3.7
Create boxes for layout.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.4.1
Designing for multiple screen resolutions.
  1. 7.3 The Bootstrap Grid System
2.4.2
Crafting the look and feel of a site.
  1. 9.5 Prototype
2.4.3
Creating a unified site design.
  1. 9.3 Define
  2. 9.4 Ideate
2.4.4
Designing for the user.
  1. 9.1 Intro to Design Thinking
  2. 9.2 Empathy
  3. 9.3 Define
2.4.5
Designing for accessibility.
  1. 9.2 Empathy
2.4.6
Use the <div> tag to create formatting sections of a document.
  1. 5.4 Divs
2.4.7
Use <span> tag to format elements in a document.
  1. 5.5 Spans
2.4.8
Understand the positioning properties.
  1. 5.13 The Box Model
  2. 7.3 The Bootstrap Grid System
2.4.9
Create a print style sheet.
2.4.10
Use multiple style sheets.
3.1.1
Discern the difference between data tables and layout tables.
  1. 2.8 HTML Tables
  2. 5.13 The Box Model
3.1.2
Understand the importance of using CSS for layout versus tables for layouts.
  1. 2.8 HTML Tables
  2. 5.13 The Box Model
  3. 7.3 The Bootstrap Grid System
3.1.3
Learn how to nest a data table within a CSS layout.
3.1.4
Create styles to change the appearance of a table.
  1. 2.8 HTML Tables
  2. 2.9 HTML Styling
  3. 3.2 CSS Select by Tag
  4. 3.3 CSS Select by Class
  5. 3.4 CSS Select by ID
3.1.5
Understand how to position cell contents.
  1. 2.8 HTML Tables
3.1.6
Understand how to position a table.
  1. 2.8 HTML Tables
3.1.7
Understand how to manipulate table cells.
  1. 2.8 HTML Tables
3.2.1
Create an HTML form.
3.2.2
Create fields for text.
3.2.3
Create text boxes.
3.2.4
Understand how to choose appropriate form controls.
3.2.5
Create radio buttons, check boxes, and list boxes.
3.2.6
Create selection lists.
3.2.7
Talk about HTML Form validation (but don’t use)
4.1.1
The beginning stages of Web site development.
  1. 9.2 Empathy
  2. 9.3 Define
  3. 9.4 Ideate
4.1.2
The importance of understanding a site’s target audience and how that understanding can affect site development.
  1. 9.2 Empathy
  2. 9.3 Define
4.1.3
Methods for getting a site developed.
4.1.4
Baseline considerations for every site, including navigation, organization, graphic design, and content development.
4.1.5
Understand the Web site development process.
  1. 9.1 Intro to Design Thinking
  2. 9.2 Empathy
  3. 9.3 Define
  4. 9.4 Ideate
  5. 9.5 Prototype
  6. 9.6 Test
  7. 9.7 Designing User Interfaces Quiz
4.1.6
Create a site specification.
  1. 9.4 Ideate
4.1.7
Identify the content goal.
  1. 9.3 Define
4.1.8
Analyze their audience.
  1. 9.2 Empathy
4.1.9
Build a Web site development team.
4.1.10
Create a site storyboard.
4.1.11
Publish their Web site.
4.1.12
Test their Web site.
  1. 9.6 Test
4.2.1
Create usable navigation.
  1. 7.6 Navigation Bars
  2. 7.7 Drop Down Menus
4.2.2
Build text-based navigation.
  1. 7.6 Navigation Bars
  2. 7.7 Drop Down Menus
4.2.3
Use graphics for navigation and linking.
  1. 7.4 Bootstrap Components
  2. 7.5 More Bootstrap Components
4.2.4
Use lists for navigation.
  1. 7.6 Navigation Bars
4.2.5
Build horizontal navigation bars.
  1. 7.6 Navigation Bars
4.2.6
Build vertical navigation bars.
4.2.7
Use background color and graphics to enhance navigation.
4.2.8
Create hover rollovers.
  1. 7.4 Bootstrap Components
4.3.1
Investigate Accessibility Standards.
  1. 9.2 Empathy
4.3.2
Explore and implement Web Content Accessibility Guidelines (WCAG).
  1. 9.2 Empathy
4.3.3
Explore and understand Section 508 Standards.
5.1.1
Learn the basics of multimedia and executable content.
5.1.2
Embed Social Media Widgets on a Web page.
  1. 5.3 Embedding iframes
5.1.3
Explore the various formats available for Web-based video, the factors that determine which one to use.
5.1.4
Determine the demographics of the viewing audience, what they’re watching, and why.
5.1.5
Investigate how and why companies are using Web-based video, and how audiences are responding to these efforts.
5.1.6
Explore what goes into producing professional videos.
5.2.1
Identify the different types of sites that make up the Web, how each differs from the other, and how marketers can take advantage of each type of site
5.2.2
Understand the importance of keeping visitors coming back to a site
5.2.3
Learn the methods that sites utilize to increase customer retention
5.2.4
Explain the issues involved in copyrighting, trademarking, and licensing
5.2.5
Identify the issues related to working in a global environment
5.2.6
Define web-related mechanisms for audience development (attracting and retaining an audience)
5.2.7
Identify how the Web is different from other marketing tools and the added value it can provide to marketers in developing brands
5.2.8
Discover how to promote and market your Web site to help drive new and returning traffic
5.2.9
Learn how marketers can track Web sites and what information relating to a Web site they can analyze
5.3.1
Define social media.
5.3.2
Understand how and why social media grew to play such an important role in the Web.
5.3.3
Explore the demographic breakdown of social media users and how their use of various applications differs.
5.3.4
Investigate the various types of social networks, how social networking sites function, and how marketers use these sites to build an audience.
5.3.5
Differentiate between Blogging and Content Management Systems.
5.3.6
Examine benefits and potential pitfalls of using Blogging and Social Media.
5.3.7
Explore Wikis and how they harness the collaborative nature of a user community.
5.3.8
Add Fresh Content with RSS/XML feeds.
5.3.9
Define “Mashups” and how they give marketers a unique opportunity to present features and information pulled together from other social media tools.
5.3.10
Explore the creation of Virtual worlds, how people communicate using avatars.