Please enable JavaScript to use CodeHS

Standards Mapping

for South Carolina Fundamentals of Web Page Design and Development (outdated)

99

Standards in this Framework

45

Standards Mapped

45%

Mapped to Course

Standard Lessons
A.1
Review school safety policies and procedures.
A.2
Review classroom safety rules and procedures.
A.3
Review safety procedures for using equipment in the classroom.
A.4
Identify major causes of work-related accidents in office environments.
A.5
Demonstrate safety skills in an office/work environment.
B.1
Identify the purpose and goals of a Career and Technology Student Organization (CTSO).
B.2
Explain how CTSOs are integral parts of specific clusters, majors, and/or courses.
B.3
Explain the benefits and responsibilities of being a member of a CTSO.
B.4
List leadership opportunities that are available to students through participation in CTSO conferences, competitions, community service, philanthropy, and other activities.
B.5
Explain how participation in CTSOs can promote lifelong benefits in other professional and civic organizations.
C.1
Demonstrate proficiency and skills associated with the use of technologies that are common to a specific occupation.
  1. 3.3 Interactive Resume Development
  2. 7.5 Presenting Your Innovation
C.2
Identify proper netiquette when using e-mail, social media, and other technologies for communication purposes.
  1. 3.1 Creating a Resume
  2. 3.3 Interactive Resume Development
C.3
Identify potential abuse and unethical uses of laptops, tablets, computers, and/or networks.
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).
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.
C.6
Describe ethical and legal practices of safeguarding the confidentiality of business-related information.
C.7
Describe possible threats to a laptop, tablet, computer, and/or network and methods of avoiding attacks.
D.1
Demonstrate punctuality.
D.2
Demonstrate self-representation.
D.3
Demonstrate work ethic.
D.4
Demonstrate respect.
D.5
Demonstrate time management.
D.6
Demonstrate integrity.
D.7
Demonstrate leadership.
D.8
Demonstrate teamwork and collaboration.
D.9
Demonstrate conflict resolution.
D.10
Demonstrate perseverance.
D.11
Demonstrate commitment.
D.12
Demonstrate a healthy view of competition.
D.13
Demonstrate a global perspective.
D.14
Demonstrate health and fitness.
D.15
Demonstrate self-direction.
D.16
Demonstrate lifelong learning.
E.1
Demonstrate effective speaking and listening skills.
E.2
Demonstrate effective reading and writing skills.
  1. 3.1 Creating a Resume
  2. 7.5 Presenting Your Innovation
E.3
Demonstrate mathematical reasoning.
  1. 1.10 JavaScript Animations
  2. 1.11 Positioning and Animations
  3. 4.2 Storing Data with Local Storage
  4. 9.4 Basic Math in JavaScript
  5. 9.7 Comparison Operators
E.4
Demonstrate job-specific mathematics skills.
  1. 5.5 Analyzing User Data
  2. 9.4 Basic Math in JavaScript
E.5
Demonstrate critical-thinking and problem-solving skills.
  1. 1.8 Challenge: Make a Keyboard
  2. 4.6 Challenge: Create a Survey
  3. 4.9 Challenge: Collecting User Clicks
  4. 5.3 Creating Your Data Collection Website
  5. 5.5 Analyzing User Data
  6. 5.6 Making Decisions
E.6
Demonstrate creativity and resourcefulness.
  1. 3.3 Interactive Resume Development
  2. 7.2 Planning Your Site
  3. 7.3 Creating Your Site
  4. 7.5 Presenting Your Innovation
E.7
Demonstrate an understanding of business ethics.
E.8
Demonstrate confidentiality.
  1. 5.4 Collecting User Data
E.9
Demonstrate an understanding of workplace structures, organizations, systems, and climates.
E.10
Demonstrate diversity awareness.
  1. 11.1 Computer Science Careers
E.11
Demonstrate job acquisition and advancement skills.
  1. 3.1 Creating a Resume
  2. 3.3 Interactive Resume Development
  3. 11.1 Computer Science Careers
E.12
Demonstrate task management skills.
  1. 7.2 Planning Your Site
E.13
Demonstrate customer-service skills.
F.1
Define web terminology.
  1. 1.2 The Script Tag
  2. 1.3 Using the DOM
  3. 1.4 Creating Elements Using the DOM
F.2
Describe the history and evolution of the internet.
F.3
Explain how the Internet functions, including the World Wide Web (WWW), browsers, FTP, URL, ISP and domains
  1. 6.1 Choosing a Domain Name
  2. 6.2 Hosting Your Website
  3. 6.4 What is Web Optimization?
  4. 6.5 Optimizing Web Information
F.4
Describe the tools for accessing the Internet.
G.1
Research current best practices and emerging technologies.
G.2
Utilize technical documentation as part of the design and development process.
  1. 2.1 Introduction to jQuery
G.3
Explain how websites and social media solve problems in business, industry, government, and education.
  1. 7.1 Project Overview
  2. 7.2 Planning Your Site
  3. 11.1 Computer Science Careers
G.4
Explain what encryption (https) is and under what circumstances it would be appropriate to implement on a website.
G.5
Determine the fault involved in a data breach and research types of protections pertinent for a particular website.
G.6
Explore principles of e-commerce as they apply to web development, mobile devices, banking, and government regulations.
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. 1.2 The Script Tag
  2. 1.5 Styling Elements Using Javascript
  3. 1.6 Functions in HTML
  4. 8.1 Introduction to HTML
  5. 8.9 Introduction to CSS
G.8
Evaluate the design of existing websites and their source code.
  1. 3.1 Creating a Resume
  2. 3.2 Layout and Web Design Theory
G.9
View multiple websites using various browsers and computing devices.
H.1
Determine the purpose and target audience of a website.
  1. 5.1 Define Your Product
  2. 7.1 Project Overview
  3. 7.2 Planning Your Site
H.2
Create relevant and appropriate content including text, graphics, and hyperlinks.
  1. 3.3 Interactive Resume Development
  2. 5.3 Creating Your Data Collection Website
  3. 7.3 Creating Your Site
H.3
Develop a design solution for a website including a storyboard, navigation plan, and wireframes/mockups.
  1. 5.1 Define Your Product
  2. 7.2 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. 1.9 Keyboard Interactions
  2. 1.11 Positioning and Animations
  3. 3.2 Layout and Web Design Theory
  4. 6.5 Optimizing Web Information
  5. 8.21 Interaction
H.5
Explore and apply color principles to websites.
  1. 3.2 Layout and Web Design Theory
H.6
Explore and apply current best practices for web typography.
H.7
Critique websites for professional quality in look and layout based on design principles.
  1. 3.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. 2.5 Using Multiple Files in JavaScript
  2. 6.4 What is Web Optimization?
I.2
Optimize media for web content (i.e., file size, resolution, compression).
I.3
Identify and solve coding errors throughout design process (i.e., debug).
  1. 1.8 Challenge: Make a Keyboard
  2. 4.6 Challenge: Create a Survey
  3. 4.9 Challenge: Collecting User Clicks
  4. 7.3 Creating Your Site
  5. 7.4 Providing Feedback
  6. 7.5 Presenting Your Innovation
I.4
Integrate 3rd party code snippets (e.g., embed video, embed maps, and Bootstrap web components).
  1. 1.4 Creating Elements Using the DOM
  2. 4.7 Storing Data with Firebase
  3. 4.8 Traversing Data with Firebase
J.1
Develop webpages using a text editor (e.g., Notepad, Notepad++, Textpad, and Textedit).
  1. 3.3 Interactive Resume Development
  2. 5.3 Creating Your Data Collection Website
  3. 7.3 Creating Your Site
J.2
Structure a webpage using appropriate HTML elements (e.g., html, head, title, body, meta, style).
  1. 8.2 Structure of an HTML Page
J.3
Explain the purpose of the doctype declaration.
  1. 8.2 Structure of an HTML Page
J.4
Explain and use appropriate file structure and naming.
  1. 2.5 Using Multiple Files in JavaScript
  2. 8.14 Multi-file Websites
J.5
Use HTML rules to create functional web pages (e.g., lowercase elements, proper nesting, quotes for attribute values).
  1. 3.3 Interactive Resume Development
  2. 5.3 Creating Your Data Collection Website
  3. 7.3 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 Interactive Resume Development
  2. 5.3 Creating Your Data Collection Website
  3. 7.3 Creating Your Site
  4. 8.3 Formatting Text
  5. 8.4 Links
  6. 8.5 Images
  7. 8.6 HTML Lists
  8. 8.15 Divs
  9. 8.16 Spans
J.7
Compare and contrast block and inline elements.
  1. 1.4 Creating Elements Using the DOM
  2. 8.15 Divs
J.8
Create relative and absolute hyperlinks.
  1. 8.4 Links
J.9
Use special characters (e.g.,   © &quote; < > & &mdash).
J.10
Demonstrate the use of semantic elements (e.g., header, footer, section, article, nav, aside).
J.11
Embed third-party content into a web page (e.g., calendar, form, map, video).
K.1
Create and modify CSS to format the styling of HTML elements and page layout.
  1. 3.3 Interactive Resume Development
  2. 5.3 Creating Your Data Collection Website
  3. 7.3 Creating Your Site
  4. 8.10 CSS Select by Tag
  5. 8.11 CSS Select by Class
  6. 8.12 CSS Select by ID
  7. 8.17 Combining CSS Selectors
K.2
Identify parts of CSS syntax (i.e., rule, declaration, selector, property, value).
  1. 8.9 Introduction to CSS
K.3
Compare and contrast inline, internal and external styles
  1. 8.8 HTML Styling
  2. 8.10 CSS Select by Tag
  3. 8.11 CSS Select by Class
  4. 8.12 CSS Select by ID
  5. 8.14 Multi-file Websites
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. 3.3 Interactive Resume Development
  2. 8.10 CSS Select by Tag
  3. 8.11 CSS Select by Class
  4. 8.12 CSS Select by ID
  5. 8.17 Combining CSS Selectors
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.
L.1
Distinguish between variables and functions in writing JavaScript.
  1. 1.6 Functions in HTML
  2. 9.2 Variables
  3. 9.14 Functions and Parameters 1
  4. 9.15 Functions and Parameters 2
  5. 9.16 Functions and Return Values 1
  6. 9.17 Functions and Return Values 2
  7. 9.18 Local Variables and Scope
L.2
Demonstrate how JavaScript can enhance a project.
  1. 1.4 Creating Elements Using the DOM
  2. 1.5 Styling Elements Using Javascript
  3. 1.6 Functions in HTML
  4. 1.10 JavaScript Animations
  5. 1.11 Positioning and Animations
  6. 2.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. 4.6 Challenge: Create a Survey
  2. 5.3 Creating Your Data Collection Website
M.1
Comply with legal requirements and standards for accessibility on the web.
M.2
Optimize websites to accommodate users with special needs.
M.3
Discuss issues relating to usability on a variety of platforms and devices.
M.4
Test and debug websites in multiple browsers.
M.5
Identify and use validation tools.
N.1
Explain the domain naming system.
  1. 6.1 Choosing a Domain Name
N.2
Identify the process for obtaining a domain name, acquiring hosting, and uploading and maintaining a website.
  1. 6.1 Choosing a Domain Name
  2. 6.2 Hosting Your Website
  3. 6.3 Using a CMS
N.3
Research features and costs of domain name and hosting providers.
  1. 6.1 Choosing a Domain Name
  2. 6.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. 11.1 Computer Science Careers
O.2
Prepare an electronic portfolio of projects developed in the class.