Please enable JavaScript to use CodeHS

Standards Mapping

for South Carolina Fundamentals of Web Page Design and Development

99

Standards in this Framework

99

Standards Mapped

100%

Mapped to Course

Standard Lessons
A.1
Review school safety policies and procedures.
  1. 1.1 School and Classroom Safety
A.2
Review classroom safety rules and procedures.
  1. 1.1 School and Classroom Safety
A.3
Review safety procedures for using equipment in the classroom.
  1. 1.1 School and Classroom Safety
A.4
Identify major causes of work-related accidents in office environments.
  1. 1.2 Workplace Safety
A.5
Demonstrate safety skills in an office/work environment.
  1. 1.3 Skills for the 21st Century
B.1
Identify the purpose and goals of a Career and Technology Student Organization (CTSO).
  1. 1.4 Computer Science Careers
B.2
Explain how CTSOs are integral parts of specific clusters, majors, and/or courses.
  1. 1.4 Computer Science Careers
B.3
Explain the benefits and responsibilities of being a member of a CTSO.
  1. 1.4 Computer Science Careers
B.4
List leadership opportunities that are available to students through participation in CTSO conferences, competitions, community service, philanthropy, and other activities.
  1. 1.4 Computer Science Careers
B.5
Explain how participation in CTSOs can promote lifelong benefits in other professional and civic organizations.
  1. 1.4 Computer Science Careers
C.1
Demonstrate proficiency and skills associated with the use of technologies that are common to a specific occupation.
  1. 9.3 Interactive Resume Development
C.2
Identify proper netiquette when using e-mail, social media, and other technologies for communication purposes.
  1. 9.1 Creating a Resume
  2. 9.3 Interactive Resume Development
C.3
Identify potential abuse and unethical uses of laptops, tablets, computers, and/or networks.
  1. 2.4 Ethics and Legal Considerations
C.4
Explain the consequences of social, illegal, and unethical uses of technology (e.g., piracy; cyberbullying; illegal downloading; licensing infringement; inappropriate uses of software, hardware, and mobile devices in the work environment).
  1. 2.4 Ethics and Legal Considerations
C.5
Discuss legal issues and the terms of use related to copyright laws, fair use laws, and ethics pertaining to downloading of images, Creative Commons, photographs, documents, video, sounds, music, trademarks, and other elements for personal use.
  1. 2.4 Ethics and Legal Considerations
C.6
Describe ethical and legal practices of safeguarding the confidentiality of business-related information.
  1. 2.5 Cybersecurity
C.7
Describe possible threats to a laptop, tablet, computer, and/or network and methods of avoiding attacks.
  1. 2.5 Cybersecurity
D.1
Demonstrate punctuality.
  1. 1.3 Skills for the 21st Century
D.2
Demonstrate self-representation.
  1. 1.3 Skills for the 21st Century
D.3
Demonstrate work ethic.
  1. 1.3 Skills for the 21st Century
D.4
Demonstrate respect.
  1. 1.3 Skills for the 21st Century
D.5
Demonstrate time management.
  1. 1.3 Skills for the 21st Century
D.6
Demonstrate integrity.
  1. 1.3 Skills for the 21st Century
D.7
Demonstrate leadership.
  1. 1.3 Skills for the 21st Century
D.8
Demonstrate teamwork and collaboration.
  1. 1.3 Skills for the 21st Century
D.9
Demonstrate conflict resolution.
  1. 1.3 Skills for the 21st Century
D.10
Demonstrate perseverance.
  1. 1.3 Skills for the 21st Century
D.11
Demonstrate commitment.
  1. 1.3 Skills for the 21st Century
D.12
Demonstrate a healthy view of competition.
  1. 1.3 Skills for the 21st Century
D.13
Demonstrate a global perspective.
  1. 1.3 Skills for the 21st Century
D.14
Demonstrate health and fitness.
  1. 1.3 Skills for the 21st Century
D.15
Demonstrate self-direction.
  1. 1.3 Skills for the 21st Century
D.16
Demonstrate lifelong learning.
  1. 1.3 Skills for the 21st Century
E.1
Demonstrate effective speaking and listening skills.
  1. 1.3 Skills for the 21st Century
E.2
Demonstrate effective reading and writing skills.
  1. 1.3 Skills for the 21st Century
  2. 9.1 Creating a Resume
E.3
Demonstrate mathematical reasoning.
  1. 1.3 Skills for the 21st Century
  2. 7.9 JavaScript Animations
  3. 7.10 Positioning and Animations
  4. 10.2 Storing Data with Local Storage
  5. 13.4 Basic Math in JavaScript
  6. 13.7 Comparison Operators
E.4
Demonstrate job-specific mathematics skills.
  1. 1.3 Skills for the 21st Century
  2. 13.4 Basic Math in JavaScript
E.5
Demonstrate critical-thinking and problem-solving skills.
  1. 1.3 Skills for the 21st Century
  2. 7.7 Challenge: Make a Keyboard
  3. 10.6 Challenge: Create a Survey
  4. 10.9 Challenge: Collecting User Clicks
E.6
Demonstrate creativity and resourcefulness.
  1. 1.3 Skills for the 21st Century
  2. 9.3 Interactive Resume Development
  3. 12.1 Planning Your Site
  4. 12.2 Creating Your Site
E.7
Demonstrate an understanding of business ethics.
  1. 1.3 Skills for the 21st Century
E.8
Demonstrate confidentiality.
  1. 1.3 Skills for the 21st Century
E.9
Demonstrate an understanding of workplace structures, organizations, systems, and climates.
  1. 1.3 Skills for the 21st Century
E.10
Demonstrate diversity awareness.
  1. 1.3 Skills for the 21st Century
  2. 1.4 Computer Science Careers
E.11
Demonstrate job acquisition and advancement skills.
  1. 1.3 Skills for the 21st Century
  2. 1.4 Computer Science Careers
  3. 9.1 Creating a Resume
  4. 9.3 Interactive Resume Development
E.12
Demonstrate task management skills.
  1. 1.3 Skills for the 21st Century
  2. 12.1 Planning Your Site
E.13
Demonstrate customer-service skills.
  1. 1.3 Skills for the 21st Century
F.1
Define web terminology.
  1. 7.1 The Script Tag
  2. 7.2 Using the DOM
  3. 7.3 Creating Elements Using the DOM
F.2
Describe the history and evolution of the internet.
  1. 2.1 Welcome to the Internet
F.3
Explain how the Internet functions, including the World Wide Web (WWW), browsers, FTP, URL, ISP and domains
  1. 11.1 Choosing a Domain Name
  2. 11.2 Hosting Your Website
  3. 11.4 What is Web Optimization?
  4. 11.5 Optimizing Web Information
F.4
Describe the tools for accessing the Internet.
  1. 2.2 Viewing Websites
G.1
Research current best practices and emerging technologies.
  1. 12.1 Planning Your Site
G.2
Utilize technical documentation as part of the design and development process.
  1. 8.1 Introduction to jQuery
G.3
Explain how websites and social media solve problems in business, industry, government, and education.
  1. 1.4 Computer Science Careers
  2. 12.1 Planning Your Site
G.4
Explain what encryption (https) is and under what circumstances it would be appropriate to implement on a website.
  1. 2.5 Cybersecurity
G.5
Determine the fault involved in a data breach and research types of protections pertinent for a particular website.
  1. 2.5 Cybersecurity
G.6
Explore principles of e-commerce as they apply to web development, mobile devices, banking, and government regulations.
  1. 2.6 Project: e-Commerce
G.7
Explain the role of Hypertext Markup Language (HTML), Cascading Style Sheets (CSS), and JavaScript (or a similar scripting language) in Web development.
  1. 3.1 Introduction to HTML
  2. 4.1 Introduction to CSS
  3. 7.1 The Script Tag
  4. 7.4 Styling Elements Using Javascript
  5. 7.5 Functions in HTML
G.8
Evaluate the design of existing websites and their source code.
  1. 9.1 Creating a Resume
  2. 9.2 Layout and Web Design Theory
G.9
View multiple websites using various browsers and computing devices.
  1. 2.2 Viewing Websites
H.1
Determine the purpose and target audience of a website.
  1. 12.1 Planning Your Site
H.2
Create relevant and appropriate content including text, graphics, and hyperlinks.
  1. 9.3 Interactive Resume Development
  2. 12.2 Creating Your Site
H.3
Develop a design solution for a website including a storyboard, navigation plan, and wireframes/mockups.
  1. 12.1 Planning Your Site
H.4
Research and incorporate features that ensure a quality user experience (e.g., white space, page speed, interactivity, hyperlink differentiation, website consistency, responsiveness, accessibility, data usage).
  1. 5.15 Interaction
  2. 7.8 Keyboard Interactions
  3. 7.10 Positioning and Animations
  4. 9.2 Layout and Web Design Theory
  5. 11.5 Optimizing Web Information
H.5
Explore and apply color principles to websites.
  1. 9.2 Layout and Web Design Theory
H.6
Explore and apply current best practices for web typography.
  1. 3.3 Formatting Text
H.7
Critique websites for professional quality in look and layout based on design principles.
  1. 9.2 Layout and Web Design Theory
I.1
Develop a file management system for website content, utilizing proper naming conventions for files and folders.
  1. 8.5 Using Multiple Files in JavaScript
  2. 11.4 What is Web Optimization?
I.2
Optimize media for web content (i.e., file size, resolution, compression).
  1. 11.4 What is Web Optimization?
I.3
Identify and solve coding errors throughout design process (i.e., debug).
  1. 7.7 Challenge: Make a Keyboard
  2. 10.6 Challenge: Create a Survey
  3. 10.9 Challenge: Collecting User Clicks
  4. 12.2 Creating Your Site
I.4
Integrate 3rd party code snippets (e.g., embed video, embed maps, and Bootstrap web components).
  1. 7.3 Creating Elements Using the DOM
  2. 10.7 Storing Data with Firebase
  3. 10.8 Traversing Data with Firebase
J.1
Develop webpages using a text editor (e.g., Notepad, Notepad++, Textpad, and Textedit).
  1. 9.3 Interactive Resume Development
  2. 12.2 Creating Your Site
J.2
Structure a webpage using appropriate HTML elements (e.g., html, head, title, body, meta, style).
  1. 3.2 Structure of an HTML Page
J.3
Explain the purpose of the doctype declaration.
  1. 3.2 Structure of an HTML Page
J.4
Explain and use appropriate file structure and naming.
  1. 8.5 Using Multiple Files in JavaScript
J.5
Use HTML rules to create functional web pages (e.g., lowercase elements, proper nesting, quotes for attribute values).
  1. 5.5 Semantic Tags
  2. 9.3 Interactive Resume Development
  3. 12.2 Creating Your Site
J.6
Use a variety of HTML elements to create webpages (e.g., headings, lists, images, hyperlinks, span, div).
  1. 3.3 Formatting Text
  2. 3.4 Links
  3. 3.5 Images
  4. 3.7 HTML Lists
  5. 5.3 Divs
  6. 5.4 Spans
  7. 9.3 Interactive Resume Development
  8. 12.2 Creating Your Site
J.7
Compare and contrast block and inline elements.
  1. 5.3 Divs
  2. 7.3 Creating Elements Using the DOM
J.8
Create relative and absolute hyperlinks.
  1. 3.4 Links
J.9
Use special characters (e.g.,   © &quote; < > & &mdash).
  1. 3.3 Formatting Text
J.10
Demonstrate the use of semantic elements (e.g., header, footer, section, article, nav, aside).
  1. 5.5 Semantic Tags
J.11
Embed third-party content into a web page (e.g., calendar, form, map, video).
  1. 5.2 Embedding iframes
K.1
Create and modify CSS to format the styling of HTML elements and page layout.
  1. 4.2 CSS Select by Tag
  2. 4.3 CSS Select by Class
  3. 4.4 CSS Select by ID
  4. 5.6 Combining CSS Selectors
  5. 9.3 Interactive Resume Development
  6. 12.2 Creating Your Site
K.2
Identify parts of CSS syntax (i.e., rule, declaration, selector, property, value).
  1. 4.1 Introduction to CSS
K.3
Compare and contrast inline, internal and external styles
  1. 3.9 HTML Styling
  2. 4.2 CSS Select by Tag
  3. 4.3 CSS Select by Class
  4. 4.4 CSS Select by ID
K.4
Use CSS to format HTML elements including: a. background (i.e., color, image); b. font (i.e., type, size, and color); c. text (i.e., align); d. border (i.e., width, style, and color); e. list (i.e., style type, position).
  1. 4.2 CSS Select by Tag
  2. 4.3 CSS Select by Class
  3. 4.4 CSS Select by ID
  4. 5.6 Combining CSS Selectors
  5. 9.3 Interactive Resume Development
K.5
Format page layout with CSS including: a. CSS box model (i.e., width, height, border, padding, margin); b. absolute and relative positioning; c. floating elements; d. converting between inline elements and block elements; e. responsive design.
  1. 5.12 The Box Model
L.1
Distinguish between variables and functions in writing JavaScript.
  1. 7.5 Functions in HTML
  2. 13.2 Variables
  3. 13.14 Functions and Parameters 1
  4. 13.15 Functions and Parameters 2
  5. 13.16 Functions and Return Values 1
  6. 13.17 Functions and Return Values 2
  7. 13.18 Local Variables and Scope
L.2
Demonstrate how JavaScript can enhance a project.
  1. 7.3 Creating Elements Using the DOM
  2. 7.4 Styling Elements Using Javascript
  3. 7.5 Functions in HTML
  4. 7.9 JavaScript Animations
  5. 7.10 Positioning and Animations
  6. 8.1 Introduction to jQuery
L.3
Create code that obtains and validates input from an HTML form and produces output based on multiple data records (e.g., looping and conditional controls).
  1. 10.6 Challenge: Create a Survey
M.1
Comply with legal requirements and standards for accessibility on the web.
  1. 2.4 Ethics and Legal Considerations
  2. 11.6 Web Accessibility
M.2
Optimize websites to accommodate users with special needs.
  1. 11.6 Web Accessibility
M.3
Discuss issues relating to usability on a variety of platforms and devices.
  1. 2.2 Viewing Websites
  2. 12.1 Planning Your Site
M.4
Test and debug websites in multiple browsers.
  1. 6.1 Homepage: Your First Website
M.5
Identify and use validation tools.
  1. 10.5 Using Input Fields
N.1
Explain the domain naming system.
  1. 11.1 Choosing a Domain Name
N.2
Identify the process for obtaining a domain name, acquiring hosting, and uploading and maintaining a website.
  1. 11.1 Choosing a Domain Name
  2. 11.2 Hosting Your Website
  3. 11.3 Using a CMS
N.3
Research features and costs of domain name and hosting providers.
  1. 11.1 Choosing a Domain Name
  2. 11.2 Hosting Your Website
O.1
Compare and contrast various job positions in the web design and development industry including compensation, required credentials, educational pathways, and work environment.
  1. 1.4 Computer Science Careers
O.2
Prepare an electronic portfolio of projects developed in the class.
  1. 6.1 Homepage: Your First Website