weekly

or for 8 classes

Building Your First Website: HTML & CSS Basics

Ages 11-14

Live Group Course

In this introductory course, students will learn the basics of HTML and CSS to create their own websites. The class stands out for its hands-on approach and real-world projects, providing both practical skills and creative confidence.

Mrs. Q

Live video meetings

1x per week, 8 weeks

2-10 learners per class

45 min

About Learning Overview Teacher Reviews

What's included

8 live meetings

6 in-class hours

Projects

1-2 hours per week. 1-2 per week

Progress Report

1-2 throughout the class

Class Experience

US Grade 6 - 9

Beginner - Intermediate Level

In our HTML and CSS class, my approach is hands-on and student-centered. Each lesson is designed to build on the previous one, using interactive activities and real-world examples to make learning engaging and practical. I emphasize clear explanations and step-by-step guidance to ensure you understand each concept before moving on.

No prior knowledge of HTML or CSS is required. We start with the basics and build up from there, so whether you're a complete beginner or have some experience, you'll find the course designed to help you succeed. All you need is curiosity and a willingness to learn!

Learning Goals

Understand HTML Basics: Learn the essential HTML elements and structure to build web pages.

Style with CSS: Discover how to use CSS to add colors, fonts, and layouts to your web pages.

Syllabus

8 Lessons

over 8 Weeks

Lesson 1:

Welcome to Web Design

 - Introduction to the internet and websites.
- What is HTML? What is CSS?
- How HTML and CSS work together to create web pages.

45 mins online live lesson

Lesson 2:

HTML Basics

 - HTML Tags and Structure
  - Basic Tags: <h1>, <p>, <img>, <a>
  - Creating a Simple HTML Document
- Activity: Build a simple web page with a title, text, and an image.

45 mins online live lesson

Lesson 3:

Introduction to CSS

 - What is CSS? (Introduction to styling)
- Basic CSS Properties
  - Colors, Fonts, and Text Alignment
  - Background Color and Borders
- Activity: Style the HTML page created in Unit 2.

45 mins online live lesson

Lesson 4:

Combining HTML and CSS

 - Linking CSS to HTML
- Using Inline and Internal CSS
- Basic Layout Techniques
- Activity: Apply styles to a web page using linked CSS.

45 mins online live lesson

Other Details

Learning Needs

This class is intentionally designed to accommodate a variety of learning needs. Overall, the course aims to create an inclusive and supportive atmosphere where every student can thrive by adapting teaching methods to meet their unique needs.

Parental Guidance

Replit is a versatile online coding platform that will be used extensively in this class to practice HTML and CSS.

Pre-Requisites

No prerequisites are required for this class—just bring your curiosity and enthusiasm! Whether you're a complete beginner or have dabbled in web design, this course is designed to guide you through the basics of HTML and CSS.

Supply List

This class will require a notebook to ensure that all notes are in one place to be able to access easily!

Language of Instruction

English

External Resources

In addition to the Outschool classroom, this class uses:

repl.it

Sources

We will be using an online coding platform called replit to practice coding and such!

Meet the teacher

Mrs. Q

Joined July, 2024

Profile

Teacher expertise and credentials

Hi there! My name is Faiza and I am going to be your teacher! I graduated from Colby College and started teaching with TFA in a middle school. I spent two amazing years teaching STEM and Robotics, and let me tell you, I fell in love with coding and sharing that passion with others! I've met countless kids who give up before even giving it a shot, often thinking they're not "smart enough." But here's the deal: with a bit of effort and practice, there's nothing you can't achieve.

Back in high school, I doubted I'd ever become valedictorian because I didn't think I was smart. I worked my tail off to succeed, and now, I’m proud to say that hard work paid off and I graduated at the top of my class. Trust me, every student has that same potential!

STEM is a rapidly growing field, but many students lack confidence in their abilities. That’s why I’m passionate about teaching STEM and coding. I run fun, interactive classes on Scratch, a programming language developed by MIT Media Lab. Scratch promotes problem-solving, creativity, collaboration, and equity in computing—everything I believe makes learning exciting and engaging. So, let’s dive into STEM together and unlock your full potential!