Please enable JavaScript to use CodeHS

Standards Mapping

for Florida Foundations of Web Design

89

Standards in this Framework

65

Standards Mapped

73%

Mapped to Course

Standard Lessons
16.01
Define information architecture.
16.02
Discuss the importance of information architecture to web design and development.
16.03
Conduct a client interview to determine the business purpose and needs.
16.04
Conduct a competitive analysis.
16.05
Describe the activities performed during the design phase and project planning phase of website development.
  1. 5.2 Homepage: Your First Website
16.06
Demonstrate basic design principles (e.g., use of colors, proximity, rule of thirds, white space in the design of a website).
  1. 8.2 Layout and Web Design Theory
16.07
Define the site structure by creating a content map, site map, storyboard, associated wireframes, and web design comp for client approval.
  1. 12.2 Planning Your Site
16.08
Analyze and evaluate global site maps.
16.09
Discuss the legal and ethical issues (e.g., copyright laws, obtaining permission, public domain, proper citations) related to web design.
  1. 2.6 Copyright
16.10
Describe accessibility and its implications on web design.
  1. 11.6 Web Accessibility
16.11
Identify the client and target audience needs, as well as the purpose of a website.
  1. 10.1 Define Your Product
  2. 12.2 Planning Your Site
16.12
Describe project management responsibilities.
16.13
Define website project scope and scope creep.
  1. 12.2 Planning Your Site
16.14
Determine deadlines and deliverables for a website project.
  1. 12.2 Planning Your Site
16.15
Discuss Americans with Disabilities Act (ADA) standards for accessibility.
  1. 11.6 Web Accessibility
17.01
Create an efficient, maintainable directory structure for a website, including the site root and subfolders for assets (e.g., images, templates, CSS).
  1. 11.4 What is Web Optimization?
17.02
Demonstrate and use correct file paths for relative, site root relative, and absolute links.
17.03
Apply acceptable and logical website file naming conventions (e.g., index.html, comments.htm, about_us.htm).
  1. 11.4 What is Web Optimization?
17.04
Examine emerging and new markup languages.
  1. 2.11 Other Markup Languages
17.05
Determine browser or platform compatibility as it relates to webpage design.
  1. 1.4 Browsers
17.06
Identify common DOCTYPES (e.g., Strict, Transitional and Frameset, and HTML5) and describe their appropriate use.
17.07
Understand the purpose and placement of Metadata in a website.
  1. 11.5 Optimizing Web Information
18.01
Create basic webpage structures using common markup elements and attributes.
  1. 5.2 Homepage: Your First Website
18.02
Incorporate list structures in a webpage (e.g., ordered, unordered, definition).
  1. 2.7 HTML Lists
18.03
Incorporate hyperlinks in a webpage (e.g., external, internal, email, named anchors, id Attribute).
  1. 2.4 Links
18.04
Describe the influence of the W3C in the web development industry.
  1. 8.2 Layout and Web Design Theory
18.05
Write proper webpage syntax using tags and attributes that meet the standards set forth by the W3C.
  1. 8.2 Layout and Web Design Theory
18.06
Incorporate common webpage elements and attributes in a webpage (e.g., title, comment tags, id).
  1. 2.2 Structure of an HTML Page
  2. 9.9 Challenge: Collecting User Clicks
18.07
Differentiate between absolute and relative links used in a webpage.
18.08
Define and incorporate the target attribute for hyperlinks suitable for its purpose.
18.09
Use the HTML AUDIO and VIDEO tags to display a media file on the webpages.
19.01
Describe usage guidelines (e.g., format types, size, relevance) for integrating images and graphics onto a webpage.
  1. 2.5 Images
19.02
Compare and contrast standard image formats used in webpage design.
  1. 2.5 Images
19.03
Incorporate graphics into a webpage design.
  1. 5.2 Homepage: Your First Website
  2. 12.3 Creating Your Site
19.04
Create and incorporate image maps in a webpage.
19.05
Optimize images and graphics for use in a webpage.
  1. 4.15 Image Manipulation
20.01
Describe how tables are used in web design.
  1. 2.8 HTML Tables
20.02
Discuss the advantages and disadvantages of incorporating tables in a webpage design.
  1. 2.8 HTML Tables
20.03
Define and modify table structures for the presentation of tabular information.
  1. 2.8 HTML Tables
20.04
Create accessible tables using standard table elements and attributes.
  1. 2.8 HTML Tables
21.01
Create an accessible form using common elements, including form, fieldset, legend, textarea, select, option, button, labels, and input (radio, checkbox, submit, reset, image, password, hidden).
  1. 9.6 Challenge: Create a Survey
21.02
Describe and diagram the relationship between HTML forms and server-side technologies.
  1. 9.5 Using Input Fields
21.03
Compare and contrast the GET and POST methods for forms handling.
  1. 1.3 Viewing Websites
21.04
Define form validation and describe how it is accomplished.
  1. 9.5 Using Input Fields
21.05
List popular server-side technologies often used to process content sent from HTML forms.
21.06
Connect a HTML form to a server-side script for processing.
22.01
Discuss using frames and iframe structures and the related security vulnerabilities.
  1. 4.3 Embedding iframes
22.02
Describe appropriate uses of iframes.
  1. 4.3 Embedding iframes
23.01
Define the purpose of CSS and describe its importance in web design.
  1. 3.1 Introduction to CSS
23.02
Discuss existing and emerging CSS versions.
  1. 3.1 Introduction to CSS
23.03
Explain how inheritance and specificity affect CSS rule conflicts.
  1. 3.5 The Cascade
23.04
Discuss the different placement of CSS (e.g., inline, external, embedded).
  1. 2.9 HTML Styling
  2. 3.5 The Cascade
24.01
Recognize and use element selectors, ID selectors, class selectors, pseudo-class selectors, and descendant selectors.
  1. 3.2 CSS Select by Tag
  2. 3.3 CSS Select by Class
  3. 3.4 CSS Select by ID
24.02
Explain how inheritance and specificity affect CSS rule conflicts.
  1. 3.5 The Cascade
24.03
Use inline, internal and external style sheets.
  1. 2.9 HTML Styling
  2. 3.2 CSS Select by Tag
  3. 3.3 CSS Select by Class
  4. 3.4 CSS Select by ID
  5. 3.6 Multi-file Websites
24.04
Use the link and import methods to connect to an external style sheet.
  1. 3.6 Multi-file Websites
24.05
Apply basic CSS properties (background, border, color, float, font, height, line-height, list-style, margin, overflow, padding, text-align, text-indent, width, padding).
  1. 4.14 The Box Model
24.06
Use CSS to style tables (e.g., borders, width, spacing, alignment, background).
  1. 4.14 The Box Model
24.07
Use CSS to enhance the appearance and usability of an HTML form.
25.01
Compare and contrast positioning types on a webpage.
  1. 4.14 The Box Model
25.02
Describe the usage of AP elements in a webpage.
25.03
Incorporate AP elements in a webpage layout using appropriate Div tags.
  1. 4.4 Divs
25.04
Discuss the benefits and drawbacks of using AP elements for webpage layouts.
25.05
Determine how the stacking order and z-index impact webpages created with AP elements.
26.01
Discuss client-side and server-side technologies.
  1. 9.2 Storing Data with Local Storage
  2. 9.12 Server-side Languages
26.02
Define e-commerce types and usage.
26.03
Describe database connectivity relative to websites.
  1. 9.2 Storing Data with Local Storage
  2. 9.7 Storing Data with Firebase
  3. 9.8 Traversing Data with Firebase
27.01
Explore domain name selection process.
  1. 11.1 Choosing a Domain Name
27.02
Identify process to registering a domain name.
  1. 11.2 Hosting Your Website
27.03
Compare and contrast hosting providers, features, and selection criteria.
  1. 11.2 Hosting Your Website
27.04
Describe the various means for uploading website files (e.g., FTP, web-based tools).
  1. 11.3 Using a CMS
28.01
Identify issues related to website maintenance.
  1. 11.3 Using a CMS
28.02
Use webpage validation tools.
  1. 11.7 Web Security
28.03
Describe website performance metrics (e.g., visits, time-on-page, time-on-site) and discuss their design implications.
  1. 11.4 What is Web Optimization?
28.04
Demonstrate knowledge of accessibility problems and solutions.
  1. 11.6 Web Accessibility
28.05
Discuss current basic Search Engine Optimization techniques.
  1. 11.4 What is Web Optimization?
  2. 11.5 Optimizing Web Information
28.06
Explore common website analytic tools.
  1. 11.5 Optimizing Web Information
29.01
Use GUI (Graphical User Interface) web authoring software to create a multi-page informational website.
29.02
Use image-editing software to enhance website designs with simple graphics.
  1. 4.15 Image Manipulation
29.03
Use animation software to enhance website designs.
  1. 4.16 Animation
  2. 7.3 Animations with jQuery
29.04
Enhance the website using client-side technologies (navigation bars, rollover images or text, check plug-ins).
  1. 14.6 Navigation Bars
  2. 14.8 Using Bootstrap Examples
30.01
Produce website designs that would work equally well on various operating systems and platforms, browser versions/configurations, and devices.
  1. 15.1 Bootstrap Project
30.02
Describe various file formats that can be imported onto a website (tabular data, word processing, presentation, PDFs).
31.01
Locate, comprehend and evaluate key elements of oral and written information.
31.02
Draft, revise, and edit written documents using correct grammar, punctuation and vocabulary.
31.03
Present information formally and informally for specific purposes and audiences.
  1. 12.5 Presenting Your Innovation
32.01
Demonstrate knowledge of arithmetic operations.
  1. 18.4 Basic Math in JavaScript
32.02
Analyze and apply data and measurements to solve problems and interpret documents.
  1. 10.5 Analyzing User Data
32.03
Construct charts/tables/graphs using functions and data.