Please enable JavaScript to use CodeHS

Standards Mapping

for South Carolina Fundamentals of Web Page Design and Development 2023

85

Standards in this Framework

85

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 creativity and innovation.
  1. 1.3 Skills for the 21st Century
D.2
Demonstrate critical thinking and problem-solving skills.
  1. 1.3 Skills for the 21st Century
D.3
Demonstrate initiative and self-direction.
  1. 1.3 Skills for the 21st Century
D.4
Demonstrate integrity.
  1. 1.3 Skills for the 21st Century
D.5
Demonstrate work ethic.
  1. 1.3 Skills for the 21st Century
D.6
Demonstrate conflict resolution skills.
  1. 1.3 Skills for the 21st Century
D.7
Demonstrate listening and speaking skills.
  1. 1.3 Skills for the 21st Century
D.8
Demonstrate respect for diversity.
  1. 1.3 Skills for the 21st Century
D.9
Demonstrate customer service orientation.
  1. 1.3 Skills for the 21st Century
D.10
Demonstrate teamwork.
  1. 1.3 Skills for the 21st Century
E.1
Demonstrate global or "big picture" thinking.
  1. 1.3 Skills for the 21st Century
E.2
Demonstrate career and life management skills and goal-making.
  1. 1.3 Skills for the 21st Century
E.3
Demonstrate continuous learning and adaptability skills to changing job requirements.
  1. 1.3 Skills for the 21st Century
E.4
Demonstrate time and resource management skills.
  1. 1.3 Skills for the 21st Century
E.5
Demonstrate information literacy skills.
  1. 2.1 Welcome to the Internet
E.6
Demonstrate information security skills.
  1. 2.4 Ethics and Legal Considerations
  2. 2.5 Cybersecurity
  3. 2.6 Project: e-Commerce
  4. 6.1 Homepage: Your First Website
  5. 9.1 Creating a Resume
  6. 9.2 Layout and Web Design Theory
E.7
Demonstrate information technology skills.
  1. 3.1 Introduction to HTML
  2. 4.1 Introduction to CSS
  3. 5.1 Getting Started - Advanced HTML and CSS
  4. 6.1 Homepage: Your First Website
  5. 8.1 Introduction to jQuery
  6. 9.3 Interactive Resume Development
  7. 10.1 Collecting and Storing Data
  8. 12.2 Creating Your Site
E.8
Demonstrate knowledge and use of job-specific tools and technologies.
  1. 1.3 Skills for the 21st Century
  2. 6.1 Homepage: Your First Website
  3. 9.3 Interactive Resume Development
  4. 12.2 Creating Your Site
E.9
Demonstrate job-specific mathematics skills.
  1. 1.3 Skills for the 21st Century
E.10
Demonstrate professionalism in the workplace.
  1. 1.2 Workplace Safety
  2. 1.3 Skills for the 21st Century
E.11
Demonstrate reading and writing skills.
  1. 9.1 Creating a Resume
  2. 9.3 Interactive Resume Development
  3. 12.1 Planning Your Site
  4. 12.2 Creating Your Site
E.12
Demonstrate workplace safety.
  1. 1.2 Workplace Safety
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
F.5
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
F.6
Explore principles of e-commerce as they apply to web development, mobile devices, banking, and government regulations.
  1. 2.6 Project: e-Commerce
F.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.1
Utilize a design document as part of the design and development process: a. Determine the purpose and target audience of a website; b. Develop a design solution for a website including a storyboard, navigation plan, and wireframes/mockups.
  1. 12.1 Planning Your Site
G.2
Create relevant and appropriate content including text, graphics, and hyperlinks.
  1. 9.3 Interactive Resume Development
  2. 12.2 Creating Your Site
G.3
Develop a file management system for website content, utilizing proper naming conventions for files and folders.
  1. 4.6 Multi-file Websites
  2. 6.1 Homepage: Your First Website
  3. 12.2 Creating Your Site
G.4
Optimize media for web content (i.e., file size, resolution, compression).
  1. 11.4 What is Web Optimization?
G.5
Explore and apply color principles to websites.
  1. 9.2 Layout and Web Design Theory
G.6
Explore and apply current best practices for web typography.
  1. 3.3 Formatting Text
G.7
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
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
Research current best practices and emerging technologies.
  1. 12.1 Planning Your Site
G.10
Critique websites for professional quality in look and layout based on design principles.
  1. 9.2 Layout and Web Design Theory
H.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
H.2
Explain the purpose of the doctype declaration.
  1. 3.2 Structure of an HTML Page
H.3
Structure a webpage using appropriate HTML elements (e.g., html, head, title, body, meta, style).
  1. 3.2 Structure of an HTML Page
H.4
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
H.5
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
H.6
Compare and contrast block and inline elements.
  1. 5.3 Divs
  2. 7.3 Creating Elements Using the DOM
H.7
Create relative and absolute hyperlinks.
  1. 3.4 Links
H.8
Use special characters (e.g.,   © &quote; &alt; > & &mdash).
  1. 3.3 Formatting Text
H.9
Demonstrate the use of semantic elements (e.g., header, footer, section, article, nav, aside).
  1. 5.5 Semantic Tags
H.10
Embed third-party content into a web page (e.g., calendar, form, map, video, Bootstrap web components).
  1. 5.2 Embedding iframes
I.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
I.2
Identify parts of CSS syntax (i.e., rule, declaration, selector, property, value).
  1. 4.1 Introduction to CSS
I.3
Compare and contrast the placement and use of styles (e.g., 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
I.4
Use CSS to format HTML elements including but no limited to: a. background (i.e., color, image); b. font (i.e., type, size, and color); c. text (i.e., align, line spacing); 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
I.5
Format page layout with CSS including but not limited to: 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
J.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
J.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
J.3
Implement a simple script that obtains input and displays it as output.
  1. 7.8 Keyboard Interactions
  2. 10.5 Using Input Fields
K.1
Identify and use validation tools.
  1. 10.5 Using Input Fields
K.2
Comply with legal requirements and standards for accessibility on the web.
  1. 2.4 Ethics and Legal Considerations
  2. 11.6 Web Accessibility
K.3
Optimize websites to accommodate users with special needs.
  1. 11.6 Web Accessibility
K.4
Discuss issues relating to usability on a variety of platforms and devices.
  1. 2.2 Viewing Websites
  2. 12.1 Planning Your Site
K.5
View multiple websites using various browsers and computing devices.
  1. 2.2 Viewing Websites
K.6
Identify and solve coding errors throughout the design process.
  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
L.1
Explain the domain naming system.
  1. 11.1 Choosing a Domain Name
L.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
L.3
Research features and costs of domain name and hosting providers.
  1. 11.1 Choosing a Domain Name
  2. 11.2 Hosting Your Website
M.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
M.2
Prepare an electronic portfolio of projects developed in the class.
  1. 6.1 Homepage: Your First Website