Creative Coding: HTML Foundations (Create and Code Your First Website!)
In this structured beginner HTML web design course, students will learn to create their own webpage while developing problem-solving skills.
Teacher Isela
Average rating:
5.0
Number of reviews:(2)
What's included
16 live meetings
14 hrs 40 mins in-class hoursHomework
1-2 hours per week. Every week students will learn new HTML concepts that they will then have to implement at home once a week through their homework.Letter Grade
Students will get a Certificate at the end of the class stating that they have learn the basics of HTML and have created their own webpages from scratch for the first time.Class Experience
US Grade 6 - 7
Beginner Level
You will learn: Introduction to HTML and CSS for creating basic, responsive, and visually appealing web pages. Practical application of web development principles, including hands-on exercises. We will cover: HTML Basics: Elements, tags, and attributes Document structure (DOCTYPE, head, body) Common tags: headings, paragraphs, links, images, and lists CSS Basics: Selectors and properties Styling text and layouts Color, background, and borders My class is structured between two days: Lecture day, where they will learn the topics and code, and Lab day where they will apply what they learned. My teaching styles are Beginner friendly, Interactive and Supportive. Beginner-friendly: Emphasize clarity and simplicity, ensuring every concept is broken down step by step. Interactive: Engage learners through live demonstrations encouraging them to follow along. Supportive: Create a positive environment where learners feel comfortable asking questions.
Learning Goals
Understand the structure and purpose of HTML.Write and organize basic HTML & CSS code.
Syllabus
16 Lessons
over 8 WeeksLesson 1:
Getting Started With HTML
Introduction to HTML: What is it and why it is important.
Setting up a coding environment and downloading the CSS HTML validator we will be using for this class.
Discuss what tools we can use when we are studying and doing homework such as W3 schools, and which videos would be best to use as a resource for this class.
Showcasing how to keep and maintain files organized and neat for accessibility purposes. 55 mins online live lesson
Lesson 2:
Getting Started With Html (Part 2)
Basic structure of an HTML document (<!DOCTYPE html>, <html>, <head>, <body>) as well as well as learning some basic CSS code (background-color, border-style, etc.) so we can make our pages more enjoyable and customizable.
Homework: Create your first HTML document with a title, basic CSS style, and a basic body section. 55 mins online live lesson
Lesson 3:
Adding Content To Your Webpage
Using text tags:<h1> to <h6>, <p>, <strong>, <em>.
Organizing content with lists: <ul>, <ol>, <li>. 55 mins online live lesson
Lesson 4:
Adding Content To Your Webpage(Part 2)
Inserting hyperlinks: <a> (anchor tag).
Homework: Create a webpage with basic CSS style, headings, paragraphs, and a list of your favorite activities or hobbies. 55 mins online live lesson
Other Details
Supply List
Computer or PC that has enough space to store their websites and to download the CSS HTML validator we will be downloading on our first class.
External Resources
Learners will not need to use any apps or websites beyond the standard Outschool tools.
Joined April, 2021
5.0
2reviews
Teacher expertise and credentials
I am an IT Game Design Major, so I have in the past taken intro to web development, mobile apps development, php, JavaScript, amongst other coding languages.Reviews
Live Group Course
$22
weekly or $170 for 16 classes2x per week, 8 weeks
55 min
Live video meetings
Ages: 11-14
2-12 learners per class
