HTML
CSS

Introduction to Web Development

6-8th Grade

Students use HTML and CSS to design, create, and breathe life into visually appealing web pages from scratch.

Intro to Web Development course illustration

Introduce Students to Web Design and Development

Use HTML and CSS to design, create, and breathe life into visually appealing web pages from scratch.

Students will

  • Learn the historical context of how computers, code, and the web came to be and use markup language to write and code their own informational document
  • Implement design concepts of unity, color theory, white space, and typography to create a professional-looking web page that works on any device with a web browser

About

Grade Band: Grades 6-8

Format: Year-long (30 hrs)

Prerequisites: None

Features

Video camera icon

Video-Based Lessons

Assignment or quiz icon

Self-Grading Quizzes

Briefcase icon indicating portfolio

Project Portfolio

Topics

HTML

CSS

Web Design

Intrface Design

Course Breakdown

Unit 1:

Designing for the Internet

Unit 2:

Web Development Basics

Hands-On Learning

Couse Projects

Through a combination of follow-along projects and self-directed activities, students build a unique coding project portfolio demonstrating the skills and knowledge they acquire.

Green Team Website

Green Team Website

Students create a responsive static website using HTML and CSS from scratch, exercising their understanding of semantic and non-semantic HTML elements, typography, and positioning.

Web Design Wireframes

Web Design Wireframes

Students create a mood board and a collection of both block and high-fidelity wireframes utilizing their understanding of UI and UX design, the web design workflow, and visual hierarchy.

Green Team Website

Students create a responsive static website using HTML and CSS from scratch, exercising their understanding of semantic and non-semantic HTML elements, typography, and positioning.

Web Design Wireframes

Students create a mood board and a collection of both block and high-fidelity wireframes utilizing their understanding of UI and UX design, the web design workflow, and visual hierarchy.

Technical Requirements

Hardware

Operating System

Software Installed

Peripherals

Ready to learn more about what we offer?

Schedule a demo today with one of our education specialists to find out how Mastery Coding can help you meet students where they are.