FREE K-12 AI LITERACY COURSES FOR THE 26-27 SY! Learn more here.

Courses for every classroom

NC CS Discoveries 1

This course walks students through both the basics and more advanced concepts of HTML and CSS alongside other topics such as digital citizenship, the internet, and data.

Semester course · 41 lessons · 2 units

  • HTML
  • CSS
  • Voyage
  • Semester
  • 6th grade
  • 7th grade
  • 8th grade
  • 9th grade
  • 10th grade
  • 11th grade
  • 12th grade
  • North Carolina course

Course Summary

HTML and CSS are the languages used to build and style websites. Students will be able to build their own websites throughout this course. The curriculum includes coding exercises and practice on the Skill Struck platform interspersed with classroom collaboration activities, discussion points, supplemental materials, and unplugged activities. This course walks students through the basics of coding alongside other topics. This integrated approach keeps lessons diverse and students engaged. Students work individually and as teams to build innovative and competitive coding solutions.

Course Outline

    1. Web Dev: HTML Basics
    2. Web Dev: Heading Tags
    3. Web Dev: Text Colors
    4. Web Dev: Fonts
    5. Web Dev: HTML Structure
    6. Web Dev: HTML as a Language
    7. Web Dev: Background Color
    8. Web Dev: Paragraphs
    9. Web Dev: Page Formatting
    10. Web Dev: Lists
    11. Web Dev: Links
    12. Web Dev: Images
    13. Web Dev: Buttons
    14. Web Dev: Videos
    15. Web Dev: Image Link

    1. WD1 Introduction to CSS
    2. WD1 Connecting Your CSS File to an HTML File
    3. Text Shadow Learn how to give HTML text a shadow with CSS!
    4. Rounded Corners Why have sharp corners when you can make them round? This lesson will cover the basics of using border-radius to add some smoothness to your site.
    5. Box Shadow Box Shadow is a great way to add some depth to your site. Let's learn how this is accomplished.
    6. Color Gradient Color gradients are a great way to blend two colors together and add some more flair to your page. Let's see how they are implemented.
    7. Comments in HTML/CSS Comments are a great way to make your code more readable for yourself and others. Let's see how we can implement them in HTML and CSS.
    8. WD1 Classes
    9. Color Picker Millions of colors exist and sometimes it's hard to choose which one you want to use, or how to even find it. Let's learn how we can more easily find colors and use them in our website.
    10. Margin and Padding (Box Model) Space is just as important as content on a website! This lesson covers the different ways to add space to your page.
    11. Pseudo Selectors This lesson covers pseudo selectors, which is a great way to add in some interaction to your site.
    12. Opacity Sometimes, you want your images to be partially transparent. Let's learn how to utilize opacity to accomplish this.
    13. Div Tags One of the most common ways to group together elements is using div tags. Let's check out how we can implement them.
    14. Button Design Learn the CSS styles and best practices for styling a professional looking button.
    15. List Styles HTML Lists don't have to be boring! Let's spruce them up a bit.
    16. CSS Icons Add CSS Icons to your website using Material Icons.
    17. Borders Learn to add a stylized border to an HTML element! Including images, shapes, and buttons. Customize the border color, width or style.
    18. Positioning This lesson discusses CSS Positioning and how it can be used to adjust the location of elements.
    19. Background Image Style Similar to the background image lesson that was covered in the HTML 1 Unit, we will learn how to use background images in CSS to style your page.
    20. Tables Intro This lesson introduces tables and how they can be used to display data.
    21. Tables Continued This lesson continues the topic of HTML tables and dives deeper into building tables to display data.
    22. Table Styles Tables are great but we want them to look great as well. Let's add some styles!
    23. Forms Forms allow users to input data that can be processed and stored. This lesson covers how to implement a form on your site.
    24. Text Input Text inputs are an essential part of forms. Let's collect some input!
    25. Radio Input Radio inputs are another type of input that allows the user to select an option from a list.
    26. CSS Grid

Standard Alignment

CSTA K-12 Computer Science Standards

  • 2-AP-11
  • 2-AP-13
  • 2-AP-16
  • 2-AP-17
  • 2-AP-19
  • 2-CS-02
  • 2-CS-03
  • 2-DA-07
  • 2-IC-20
  • 3A-AP-13
  • 3A-AP-14
  • 3A-AP-16
  • 3A-AP-17
  • 3A-AP-18
  • 3A-AP-23
  • 3A-DA-09
  • 3A-DA-11
  • 3A-IC-24
  • 3B-AP-10
  • 3B-AP-11
  • 3B-AP-12
  • 3B-AP-14
  • 3B-AP-16
  • 3B-AP-19
  • 3B-AP-21
  • 3B-AP-22
  • 3B-AP-24
  • 3B-IC-25
  • 3B-IC-26

State standards documents

Document Standards Grades
National
2022 Skill Struck Standards Alignment + Correlation Guide CSTA K-12 Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Alabama
Alabama Course of Study Digital Literacy and CS Standards + Skill Struck Alignment Alabama Course of Study Digital Literacy and CS Standards K-2, 3-5, 6-8, 9-12
Arizona
Arizona Computer Science Standards + Skill Struck Alignment Arizona Computer Science Standards K-2, 3-5, 6-8, 9-12
Arkansas
Arkansas Computer Science and Computing Standards High School Programming + Skill Struck Alignment Arkansas Computer Science and Computing Standards High School Programming · 2023 9-12
Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards + Skill Struck Alignment Arkansas Computer Science and Computing Standards Middle School Introduction to Coding Standards · 2023 6-8
California
California K-12 CS Standards + Skill Struck Alignment California K-12 CS Standards K-2, 3-5, 6-8, 9-12
Georgia
Georgia Standards of Excellence for K-8 Computer Science + Skill Struck Alignment Georgia Standards of Excellence for K-8 Computer Science K-2, 3-5, 6-8
Idaho
Idaho Content Standards Computer Science + Skill Struck Alignment Idaho Content Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Illinois
Illinois Computer Science Standards + Skill Struck Alignment Illinois Computer Science Standards · 2022 K-2, 3-5, 6-8, 9-12
Indiana
Indiana K-12 Computer Science Standards + Skill Struck Alignment Indiana K-12 Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Iowa
Iowa Computer Science Standards + Skill Struck Alignment Iowa Computer Science Standards K-2, 3-5, 6-8, 9-12
Kansas
Kansas CS Standards P-12 + Skill Struck Alignment Kansas CS Standards P-12 · 2023 K-2, 3-5, 6-8, 9-12
Kentucky
Kentucky Academic Standards for Computer Science + Skill Struck Alignment Kentucky Academic Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Maryland
Maryland K-12 CS Standards + Skill Struck Alignment Maryland K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Massachusetts
Massachusetts Digital Literacy and Computer Science Standards + Skill Struck Alignment Massachusetts Digital Literacy and Computer Science Standards · 2023 K-2, 3-5, 6-8, 9-12
Michigan
Michigan K-12 Standards Computer Science + Skill Struck Alignment Michigan K-12 Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Mississippi
Mississippi College and Career Readiness standards for Computer Science + Skill Struck Alignment Mississippi College and Career Readiness standards for Computer Science · 2022 K-2, 3-5, 6-8, 9-12
Missouri
Missouri K-12 Computer Science Performance Standards + Skill Struck Alignment Missouri K-12 Computer Science Performance Standards · 2023 K-2, 3-5, 6-8, 9-12
Nebraska
Nebraska K-12 Technology Standards + Skill Struck Alignment Nebraska K-12 Technology Standards · 2023 K-2, 3-5, 6-8, 9-12
Nevada
Nevada Academic Content Standards for CS + Skill Struck Alignment Nevada Academic Content Standards for CS K-2, 3-5, 6-8, 9-12
Nevada Academic Content Standards for Integrated Technology + Skill Struck Alignment Nevada Academic Content Standards for Integrated Technology K-2, 3-5, 6-8, 9-12
Nevada Computer Science Standards + Skill Struck Alignment Nevada Computer Science Standards 9-12
New Jersey
New Jersey Computer Science and Design Thinking Standards + Skill Struck Alignment New Jersey Computer Science and Design Thinking Standards · 2020 K-2, 3-5, 6-8, 9-12
New York
New York Computer Science and Digital Fluency Learning Standards K-12 + Skill Struck Alignment New York Computer Science and Digital Fluency Learning Standards K-12 K-2, 3-5, 6-8, 9-12
North Carolina
North Carolina K-12 CS Standards + Skill Struck Alignment North Carolina K-12 CS Standards K-2, 3-5, 6-8, 9-12
Ohio
Ohio's Learning Standards Computer Science + Skill Struck Alignment Ohio's Learning Standards Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Oklahoma
Oklahoma Academic Standards for Computer Science + Skill Struck Alignment Oklahoma Academic Standards for Computer Science K-2, 3-5, 6-8, 9-12
Rhode Island
Rhode Island's K-12 CS Education Standards + Skill Struck Alignment Rhode Island's K-12 CS Education Standards K-2, 3-5, 6-8, 9-12
South Carolina
South Carolina Computer Science and Digital Literacy Standards + Skill Struck Alignment South Carolina Computer Science and Digital Literacy Standards · 2023 K-2, 3-5, 6-8
South Carolina's Computer Science Standards for High School + Skill Struck Alignment South Carolina's Computer Science Standards for High School · 2023 9-12
Tennessee
Tennessee K-12 Computer Science State Standards + Skill Struck Alignment Tennessee K-12 Computer Science State Standards · 2023 K-2, 3-5, 6-8, 9-12
Texas
TEKs Skills for CTE + Skill Struck Alignment TEKs Skills for CTE 9-12
TEKs Technology Applications K-8 Standards + Skill Struck Alignment TEKs Technology Applications K-8 Standards K-2, 3-5, 6-8
Utah
Utah 6-12 CS Standards + Skill Struck Alignment Utah 6-12 CS Standards · 2019 6-8, 9-12
Virginia
Virginia K-12 CS Standards + Skill Struck Alignment Virginia K-12 CS Standards · 2023 K-2, 3-5, 6-8, 9-12
Washington
Washington K-12 CS State Learning Standards + Skill Struck Alignment Washington K-12 CS State Learning Standards K-2, 3-5, 6-8, 9-12
Wisconsin
Wisconsin Standards for Computer Science + Skill Struck Alignment Wisconsin Standards for Computer Science · 2023 K-2, 3-5, 6-8, 9-12
Wyoming
Wyoming Computer Science Content Standards + Skill Struck Alignment Wyoming Computer Science Content Standards · 2020 K-2, 3-5, 6-8

Course Project

In this course students will complete challenges that help solidify concepts as they use skills in a variety of ways. In order to complete tasks, students will creatively apply what they've learned by using different approaches to reach a goal. This experience closely follows challenges they would face in a technical interview, allowing them to practice. Students will create a variety of websites using different web development skills. Some examples of projects: Weather, Fruit Ranking, Goal Setting, Space Exploration, Favorite Season