Web Foundations
HTML & CSS Full-Year Curriculum License (Grades 9–12)
Select the appropriate license tier for your school or district. All licenses include 12 months of access and full curriculum materials.
Course Overview
A full-year sequence designed to build confident student web developers through clean structure, modern styling, and portfolio-ready projects.
Core Skills
HTML Structure • Headings/Paragraphs/Links • Images & File Paths • Lists & Tables • Semantic HTML • CSS Selectors & Specificity • Box Model • Typography • Color Systems • Backgrounds & Effects • Flexbox Layout • Responsive Design • Final Portfolio Project
Beginner-Safe Scaffold
Designed to build confidence first, then complexity, with structure-first routines that prevent confusion and help students debug independently.
Classroom-Friendly
Clear pacing and assessment structure support consistent implementation across teachers, sections, and campuses.
Course Content
- Web Foundations Unit 0 Teacher Guide
- Lesson 1.1 What Is the Web & How Websites Work
- Lesson 1.2 HTML Document Structure
- Lesson 1.3 HTML Text Elements & Headings
- Lesson 1.4 Links and Navigation
- Lesson 1.5 Images & Media
- Lesson 1.6 Lists (Ordered, Unordered, Nested)
- Lesson 1.7 Building Tables in HTML
- Unit 1 Mini Project — Build Your First Webpage!
- Unit 1 Quiz Lessons 1.1 - 1.4
- Unit 1 Quiz — Images, Lists, & Tables (Lessons 1.5–1.7)
- Unit 1 — Summative Project Packet
- Lesson 2.1 Intro to CSS & Selectors
- Lesson 2.2 The CSS Box Model
- Lesson 2.3 Text & Font Styling (HTML & CSS Worksheet)
- Lesson 2.4 Mastering Colors & Themes in CSS
- Lesson 2.5 Display & Layout Basics
- Lesson 2.6 Backgrounds & Borders
- Lesson 2.7 Pseudo-Classes & Hover Effects
- Unit 2 Quiz A Colors, Display, Backgrounds, & Hover Effects
- Unit 2 Quiz B Intro to CSS, Box Model, & Text Styling
- Unit 2 Mini Project Profile Card Showcase
- Unit 2 CSS Assessment Project
- Lesson 3.1 Divs, Spans & Page Structure
- Lesson 3.2 Flexbox Fundamentals
- Lesson 3.3 Flexbox Layout Patterns Rows, Columns & Card Grids
- Lesson 3.4 Building Responsive Navbars
- Lesson 3.5 CSS Grid (Rows, Columns & Template Layouts)
- Lesson 3.6 Media Queries & Responsive Design
- Lesson 3.7 Page Planning & Wireframing
- Unit 3 Quiz A Page Structure & Flexbox Layouts
- Unit 3 Quiz B Responsive Layouts & Wireframing
- Unit 3 Mini Project — Responsive One-Page Website
- Unit 3 Assessment Project
- Lesson 4.1 CSS Transitions & Animations
- Lesson 4.2 Positioning & Z-Index
- Lesson 4.3 Forms & Input Styling
- Lesson 4.4 Icon Fonts & SVG Basics
- Lesson 4.5 Project Workflow & Website Publishing
- Lesson 4.6 Capstone Project Design & Planning
- Lesson 4.7 Capstone Project Build (HTML + CSS Website Project)
- Unit 4 Mini Project Interactive Landing Page
- Unit 4 Quiz B Icons, Publishing & Capstone Planning
- Unit 4 Quiz A Transitions, Positioning & Forms
Choose Your License Tier
Select the plan that matches your number of campuses, then click Buy now.
Web Foundations
Full-Year Curriculum License (Grades 9–12)
A complete, beginner-friendly web development course that teaches students to build real websites from scratch using HTML and CSS.
Students start with clean page structure and file organization, then layer in styling, layout systems, and responsive design. The focus is on understanding what each line does, building strong debugging habits, and learning professional coding workflows (not copy-and-paste templates).
By the end, students can create multi-page websites, use modern layout tools like Flexbox, and complete a portfolio-ready final project.
What You Get
- Full-year HTML & CSS curriculum (beginner-friendly)
- Lesson-by-lesson student materials + teacher support
- Quizzes, mini projects, and unit assessments
- Portfolio-ready projects and design challenges
- Print-ready, classroom-tested format
License Structure
- Pricing based on number of campuses
- Unlimited teacher access per licensed site
- District-wide implementation supported
- Purchase Orders accepted
- For PO inquiries: mrh@mrhcodes.com
Implementation Support
- Curriculum pacing guidance
- Course planning support
- Teacher onboarding support
- Direct email access for implementation questions
Quick FAQ
How long is access?
Each license includes 12 months of access from the purchase date.
Can I share with multiple teachers?
Yes. Licensed sites include unlimited teacher access for implementation at approved campus(es).
Need help?
Email mrh@mrhcodes.com and I’ll help you choose the correct tier.