Explore Chat for Schools, a secure platform for AI tools and literacy in the classroom. Learn more.
Web Development Track
Deepening computer science knowledge and students' understanding of HTML.
50 minutes; can be taught 1x/month, 2-3x/month, or 4x/month
- Course Summary
- Course Outline
- Standard Alignment
- Course Project
Students deepen their understanding of computer science principles and expand their knowledge of HTML as they learn how to build basic elements of a website through text-based coding.
-
WDT1.1 What is an Algorithm? and HTML Basics
Learning Outcomes:
Students learn about algorithms and what HTML is in this introduction lesson.
Topics covered:
Algorithms
Sequencing
HTML Tags
Standard alignment:
1B-AP-08,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT1.2 Data, Heading Tags, and Text Color
Learning Outcomes:
Students learn how to use heading tags to style their web pages and learn about adding color to the headings. Students learn about collecting and analzying data
Topics covered:
Data
HTML
Heading tag heirarchy
Text color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15,1B-DA-06,1B-DA-07
-
WDT1.3 Hardware, Software, Troubleshooting, and Debugging
Learning Outcomes:
Students learn about the building blocks that make up a computer! Also learn about troubleshooting and debugging in programs.
Topics covered:
Hardware
Software
Standard alignment:
1B-CS-01,1B-CS-02,1B-CS-03,1B-AP-15
-
WDT1.4 Accessibility and Fonts
Learning Outcomes:
Students learn about font families and font sizes in this lesson.
Topics covered:
Accessibility
Adaptive Technologies
Font properties
Font size
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-13,1B-AP-15,1B-IC-19,1B-IC-20
-
WDT1.5 Internet Safety, Cybersecurity, and Background Color
Learning Outcomes:
Students learn tips on how to be safe on the internet and protect their personal information in this lesson. Students also learn how to add background color to tags to style their website.
Topics covered:
Internet Safety
Cybersecurity
Passwords
Background color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15,1B-NI-05
-
WD6: Project Introduction and Planning
Learning Outcomes:
Students examine how computers and technology have had an impact on culture and how to program paragraph tags.
Topics covered:
Human bias
Computers' effect on learning
Computers' effect on entertainment
Computers' effect on communication
Paragraph tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15,1B-IC-18
-
WDT1.7 The Internet and Text Alignment
Learning Outcomes:
Students learn how to align text to the left, right and center of their website.
Topics covered:
Internet network
Sending and receiving information
Text alignment
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15,1B-NI-04
-
WDT1.8 Images and Videos
Learning Outcomes:
Students learn how to add images and videos to a website in this lesson.
Topics covered:
src attribute
Adding videos to webstie
video tag
Embedding video
Image tag
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-IC-21
-
WDT1.9 Conditionals and Loops
Learning Outcomes:
Students learn how to code conditionals and loops in this lesson.
Topics covered:
While loop
Conditionals
Loops
Repeat loop
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT1.10 Events and Variables
Learning Outcomes:
Students learn how to code events and use variables in this lesson.
Topics covered:
Variables
Events
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT1.11Team Project
Learning Outcomes:
students work with a team to create a website about a famous historical figure in this lesson.
Topics covered:
Image and video tag
Heading tags
Paragraph tags
Font style
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-13,1B-AP-14,1B-AP-15,1B-AP-16,1B-AP-17,1B-IC-20,1B-IC-21
-
WDT2.1 What is an Algorithm? and HTML Basics
Learning Outcomes:
Students learn about algorithms and what HTML is in this introduction lesson.
Topics covered:
Algorithms
Sequencing
HTML Tags
Standard alignment:
1B-AP-08,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.2 Heading Tags and Text Color
Learning Outcomes:
Students learn how to use heading tags to style their web pages and learn about adding color to the headings.
Topics covered:
HTML
Heading tags
Heading tag hiearchy
Text color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.3 Hardware, Software, Troubleshooting and Debugging
Learning Outcomes:
Students learn about the building blocks that make up a computer! Also learn about troubleshooting and debugging in programs.
Topics covered:
Hardware
Software
Standard alignment:
1B-CS-01,1B-CS-02,1B-CS-03,1B-AP-15
-
WDT2.4 Internet Safety and Cybersecurity
Learning Outcomes:
Students learn tips on how to be safe on the internet and protect their personal information in this lesson.
Topics covered:
Internet safety
Cybersecurity
Passwords
Standard alignment:
1B-NI-05
-
WDT2.5 Fonts
Learning Outcomes:
Students learn about font families and font sizes in this lesson.
Topics covered:
Font style
Font-family properties
Font size
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.6 App Desing, Accessibility, and Improving Computationl Artifacts
Learning Outcomes:
Students will review their knowledge of app design and accessibility for improving computational artifacts and practice programming with accessibility in mind in these coding challenges.
Topics covered:
Accessibility
Adaptive Technologies
Standard alignment:
1B-AP-13,1B-AP-17,1B-IC-19,1B-IC-20
-
WDT2.7 Background Color
Learning Outcomes:
Students learn how to add background color to various tags.
Topics covered:
Background color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.8 Paragraphs
Learning Outcomes:
Students learn how to make paragraph tags.
Topics covered:
Paragraph tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.9 Computer Systems and the Internet
Learning Outcomes:
Students will learn about computers as systems working together to share information.
Topics covered:
The internet
Sending and receiving information
Standard alignment:
1B-CS-01,1B-CS-02,1B-NI-04
-
WDT2.10 Breaks
Learning Outcomes:
Students learn how to write break tags to organize information in this lesson.
Topics covered:
Break tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.11 Computers' Effect on Culture
Learning Outcomes:
Students will learn about computers and their effects on culture, along with human bias in programming.
Topics covered:
Human bias
Computers' effect on learning
Computers' effect on entertainment
Computers' effect on communication
Standard alignment:
1B-IC-18
-
WDT2.12 Text Alignment
Learning Outcomes:
Students learn how to align text to the left, right, and center of their website.
Topics covered:
Text alignment
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.13 Images, Public Domain, and Copyright
Learning Outcomes:
Students learn how to add images to a website in this lesson and review what public domain is and copyright.
Topics covered:
Image tags
Copyright
Public domain
Creative commons
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-IC-21
-
WDT2.14 Data and Tracking Data from Student Collection
Learning Outcomes:
Students practice collecting data and making predictions based on their data collection.
Topics covered:
Tracking data
Showing data
Data
Collecting data
Standard alignment:
1B-DA-06,1B-DA-07
-
WDT2.15 Videos
Learning Outcomes:
Students learn how to add videos to their websites.
Topics covered:
Embedding video
Video tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-IC-21
-
WDT2.16 Effective Research Strategies
Learning Outcomes:
Students learn about effective research strategies and practice using these strategies.
Topics covered:
Essential questions
Key words
Reliable and unreliable resources
Standard alignment:
1B-AP-14,1B-IC-21
-
WDT2.17 Personal Project
Learning Outcomes:
Students use what they have learned in HTML to create their own website!
Topics covered:
video tag
Heading tags
Font
Text color
Paragraph tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-AP-17,1B-IC-21
-
WDT2.18 Team Project and Proper Attribution
Learning Outcomes:
Topics covered:
Image and video tag
Text alignment
Background color
Font style
Text color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-13,1B-AP-14,1B-AP-15,1B-AP-16,1B-AP-17,1B-IC-20,1B-IC-21
-
WDT2.19 Blocks Pro
Learning Outcomes:
Students will be introduced to the Blocks Pro playground and review their knowledge on algorithms.
Topics covered:
Algorithms
Sequencing
Backdrops
Motion
Adding an event
Standard alignment:
1B-AP-08,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.20 Events and Variables
Learning Outcomes:
Students learn how to code events and use variables in this lesson.
Topics covered:
Variables
Events
Standard alignment:
1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.21 Conditionals
Learning Outcomes:
Students learn how to program conditionals in this lesson.
Topics covered:
Conditionals
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT2.22 Loops
Learning Outcomes:
Students will practice programming loops.
Topics covered:
Loops
While loop
Repeat loop
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.1 HTML Basics
Learning Outcomes:
In this lesson students will learn about HTML basics and practice a heading tag.
Topics covered:
HTML
Opening, closing tag
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.2 Heading Tags and Text Color
Learning Outcomes:
Students learn how to use heading tags to style their web pages and learn about adding color to the headings.
Topics covered:
Heading tags
Heading tag hiearchy
Text color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.3 Hardware, Software, Troubleshooting, and Debugging
Learning Outcomes:
Students learn about the building blocks that make up a computer! Also learn about troubleshooting and debugging in programs.
Topics covered:
Software
Hardware
Standard alignment:
1B-CS-01,1B-CS-02,1B-CS-03,1B-AP-15
-
WDT4.4 Cyberbullying and Digital Footprints
Learning Outcomes:
Students will learn about cyberbullying and digital footprints.
Topics covered:
Digital citizenship
Digital collaboration
Standard alignment:
-
WDT4.5 Internet Safety and Cybersecurity
Learning Outcomes:
Students learn tips on how to be safe on the internet and protect their personal information in this lesson.
Topics covered:
Passwords
Internet safety
Internet Safety
Standard alignment:
1B-NI-05
-
WDT4.6 Fonts
Learning Outcomes:
Students learn about font families and font sizes in this lesson.
Topics covered:
Font style
Font-family properties
Font size
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.7 App Design, Accessibility, and Improving Computational Artifacts
Learning Outcomes:
Students will review their knowledge of app design and accessibility for improving computational artifacts and practice programming with accessibility in mind in these coding challenges.
Topics covered:
Accessibility
Adaptive Technologies
Standard alignment:
1B-AP-13,1B-AP-17,1B-IC-19,1B-IC-20
-
WDT4.8 Background Color
Learning Outcomes:
Students learn how to add background color to various tags.
Topics covered:
Background color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.9 Computer Devices
Learning Outcomes:
Students will review their knowledge of computer devices.
Topics covered:
Types of computer devices
Standard alignment:
1B-CS-01,1B-CS-02
-
WDT4.10 Paragraphs
Learning Outcomes:
Students learn how to make paragraph tags.
Topics covered:
Paragraph tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.11 Computer Systems and the Internet
Learning Outcomes:
Students will learn about computers as systems working together to share information.
Topics covered:
The internet
Sending and receiving information
Standard alignment:
1B-CS-01,1B-CS-02,1B-NI-04
-
WDT4.12 Breaks
Learning Outcomes:
Students learn how to write break tags to organize information in this lesson.
Topics covered:
Break tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.13 Computers' Effect on Culture
Learning Outcomes:
Students will learn about computers and their effects on culture, along with human bias in programming.
Topics covered:
Human bias
Computers' effect on learning
Computers' effect on entertainment
Computers' effect on communication
Standard alignment:
1B-IC-18
-
WDT4.14 Text Alignment
Learning Outcomes:
Students learn how to align text to the left, right, and center of their website.
Topics covered:
Text alignment
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.15 Images, Public Domain, and Copyright
Learning Outcomes:
Students learn how to add images to a website in this lesson and review what public domain is and copyright.
Topics covered:
Image tags
Copyright
Public domain
Creative commons
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-IC-18
-
WDT4.16 Data and Tracking Data from Student Collection
Learning Outcomes:
Students practice collecting data and making predictions based on their data collection.
Topics covered:
Tracking data
Showing data
Data
Collecting data
Standard alignment:
1B-DA-06,1B-DA-07
-
WDT4.17 Encryption and Decoding
Learning Outcomes:
Students will learn about and practice encryption and decoding in this lesson.
Topics covered:
Patterns
Encryption
Decoding
Standard alignment:
1B-AP-11,1B-NI-05
-
WDT4.18 Binary Data
Learning Outcomes:
Students will learn about binary data.
Topics covered:
Bit
Binary data
Bitmap
Standard alignment:
1B-DA-06,1B-DA-07
-
WDT4.19 Videos
Learning Outcomes:
Students learn how to add videos to a website in this lesson.
Topics covered:
Video tags
Embedding video
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-IC-21
-
WDT4.20 File Management
Learning Outcomes:
Students will learn about managing files on the computer and the different types of files in this lesson.
Topics covered:
File management
File extensions
Standard alignment:
-
WDT4.21 Effective Research Strategies
Learning Outcomes:
Students learn about effective research strategies and practice using these strategies.
Topics covered:
Essential questions
Keyword searches
Reliable and unreliable resources
Standard alignment:
1B-AP-14,1B-IC-21
-
WDT4.22 Personal Project
Learning Outcomes:
Students use what they have learned in HTML to create their own website!
Topics covered:
video tag
Heading tags
Font
Text color
Paragraph tags
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-AP-17,1B-IC-21
-
WDT4.23 Team Project and Proper Attribution
Learning Outcomes:
Students will review proper attribution in projects and work as a team to create a website about a famous historical figure.
Topics covered:
Image and video tag
Paragraph tags
Text color
Font style
Background color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-13,1B-AP-14,1B-AP-15,1B-AP-16,1B-AP-17,1B-IC-20,1B-IC-21
-
WDT4.24 Blocks Pro
Learning Outcomes:
Students will be introduced to the Blocks Pro playground and review their knowledge on algorithms.
Topics covered:
Algorithms
Sequencing
Backdrops
Motion
Adding an event
Standard alignment:
1B-AP-08,1B-AP-10,1B-AP-11,1B-AP-12
-
WDT4.25 Events
Learning Outcomes:
Students learn how to program events in this lesson.
Topics covered:
Variables
Events
Standard alignment:
1B-AP-09,1B-AP-11,1B-AP-12,1B-AP-15,1B-AP-8
-
WDT4.26 Variables
Learning Outcomes:
Students learn how to use variables in this lesson.
Topics covered:
Variables
Standard alignment:
1B-AP-09,1B-AP-11,1B-AP-12,1B-AP-15,1B-AP-8
-
WDT4.27 Conditionals
Learning Outcomes:
Students learn how to program conditionals in this lesson.
Topics covered:
Conditionals
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.28 Loops
Learning Outcomes:
Students will practice programming loops.
Topics covered:
Loops
While loop
Repeat loop
Standard alignment:
1B-AP-08,1B-AP-09,1B-AP-10,1B-AP-11,1B-AP-12,1B-AP-15
-
WDT4.29 Extra Project: Whne You're Bored
Learning Outcomes:
In this extra lesson, students continue to practice HTML skills by builiding websites focused on things they enjoy doing when they find themselves board
Topics covered:
Font stylings
Heading tags
Paragraph tags
Image tags
Text color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-AP-17,1B-IC-21
-
WDT4.30 Extra Project: Caring
Learning Outcomes:
In this extra lesson, students continue to practice HTML skills by builiding websites focused on ways to show care to others.
Topics covered:
Font stylings
Paragraph tags
Image tags
Text color
Background color
Standard alignment:
1B-AP-11,1B-AP-12,1B-AP-14,1B-AP-15,1B-AP-17,1B-IC-21
Download the 2022 Skill Struck Standards Alignment + Correlation Guide to view a general list of our standard alignments, or find your state's specific alignment below:
Web Development Track
In this course, students will complete projects that help them develop HTML skills and propel them in their coding journey.
Projects in this course include: Helping the Environment, Historical Figure, When You're Bored, and Showing Care.
115 Student Activities
32 Teacher Resources
9 Checkpoints
25 Pre/Post Test-
125 Quiz Questions 
Autograder
English and Spanish
Skill Struck Reviews
Having a mapped out, structured way to learn and experience the Computer Science curriculum really freed up time for me to give students one-on-one attention. It also gave me more opportunities to give the students additional programming assignments to help them understand the concepts better.
Scott Couch
CS Teacher, Maeser Prep Academy
The program and the people behind it are innovative, intelligent, and organized. The platform is very user-friendly and l have been able to guide my students easily through the curriculum.
Dillon Gilpin
High School CS Teacher, Duchesne County School District
All of the content is fun and engaging for our students! Regarding the support and partnership, they are always on top of everything. Small issues are resolved quickly, and that is not typical with other EdTech companies.
Donna Woods
CTE Cyber Pathway Instructor, Moreno Valley United School District