for 10 classes
Summer Camp: Web Design for Kids: HTML & CSS & Wordpress
Completed by 96 learners
Ages 10-15
Live Group Course
Average rating:
4.7
Number of reviews:(1,767 reviews)
Popular
Live video meetings
5x per week, 2 weeks
4-10 learners per class
60 min
What's included
10 live meetings
10 in-class hoursProjects
2-4 hours per week. Projects are not mandatory but we strongly encourage students to complete themAssessment
includedClass Experience
This course is designed to provide students with an introduction to Hypertext Markup Language (HTML) and Cascading Stylesheet (CSS) used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! Through project-based lessons, students will become proficient in basic website design and formatting. Our project-based lessons allow students to practice key HTML concepts while expressing their creativity. For the final project, students will create their own website using the skills they have learned and share their results with the class. There will be some reinforcement quizzes for students to complete after lessons, along with review games that will be played in the final class meetings to ensure students remember material and are prepared to take the next steps in their programming adventures. For a week to week program, check out the syllabus.
Learning Goals
This course introduces students to HTML and CSS for web page design, emphasizing creativity through project-based learning.Students will create their own websites, reinforce learning with quizzes, and participate in review games to solidify their skills.Syllabus
10 Lessons
over 2 WeeksLesson 1:
Setup and Preparation
Designed to provide students with an introduction to the environment used for this class and provide a more in-depth description of HTML/CSS/JS and how they are used.
Task: Environment Setup
Set up and explore the environment. Use the browser inspector to show HTML of websites. 60 mins online live lesson
Lesson 2:
HTML Basics
Introduction to HTML, including background, description of tags, and use of entry-level tags.
Task: Wishlist Page
Students develop a wishlist using HTML lists and images. 60 mins online live lesson
Lesson 3:
CSS Basics
Introduction to CSS, including background, examples, and use of basic styling in web pages.
Task: Wishlist Styling
Use classes and ids to style the wishlists students created in the last lesson. 60 mins online live lesson
Lesson 4:
Advanced HTML Tags
Students learn how to create more complex webpages through the use of advanced tags.
Task: Creating a Recipe Book
Students create a webpage full of recipes with pictures, internal links, tables, and basic styling. 60 mins online live lesson
Other Details
Parental Guidance
Dear Parents
Welcome to our Web Design with HTML & CSS & WordPress program. This course is designed to provide students with an introduction to HTML and CSS used in designing and creating web pages. Students will have a complete and wide array of customization freedom in the creation of their own web pages! All lessons are project based and each lesson contains one fun project. All students will be asked to finish a final project with their own ideas which will be presented on the last day. There will be some quizzes for students to finish at home.
If you want to learn other STEM Coding and AI programs, please check our class list: https://docs.google.com/document/d/1plycCFbPLN0qFCUKMTp7gBGdJlewQsIWrgQw1ABccuw/edit?usp=sharing
To get started, please set up a https://replit.com/ account, which we will be using both in and out of class for this course.
Important notes:
As per Outschool Policy: For the safety of all students, all cameras must be on during the entire class duration, or at least for the first few minutes of the class session in certain circumstances. Please mute your audio (keep video enabled) during the class session.
For those that have never used Outschool before, please follow this link for some awesome preparation before our first class:
https://support.outschool.com/en/articles/802757-how-to-prepare-for-your-first-class
To join the class, please login to your Outschool account and click the scheduled session to get into the classroom, where you click “Join live meeting” to join the zoom classroom. There is no zoom link needed.
If you have any questions/concerns please feel free to reach out through us on Outschool. We are beyond excited to have this opportunity to go on this amazing coding adventure with you all. Please come prepared and ready to learn for our first class, see you soon!
Best regards,
AI Code Academy
Supply List
Course Material Needed: Students in this course are asked to have access to the following (all bolded items are needed for the first class): • A computer (MacOS or Windows) with ability to download/install programs o (Note: Chromebooks are not preferred, but we can work with students to set the appropriate environments up for this class) • An accessible email (For use with GitHub Pages for Web Hosting) • A web browser (Chrome, Edge, Safari, Firefox) • A Replit.com Account (this can be set up in class or prior)
External Resources
Learners will not need to use any apps or websites beyond the standard Outschool tools.
Offered by
Teacher expertise and credentials
**USE PROMO CODE: CODEAINEWYEAR2025 FOR $25 OFF ANY 10 WEEK COURSE - Valid until Feb 15**
~We offer early registration, sibling discounts, and multi-course bundles. ~
~Check out our complete Outschool offering here: https://shorturl.at/bcBGP ~
~Get to know our coaches here: https://tinyurl.com/5j5crx59 ~
At AI Code Academy, we specialize in project-based STEM coding, AI, and mathematics programs for young learners. We are one of the few organizations that offer AI and machine learning courses tailored for kids. Our comprehensive curriculum spans from basic computer skills and Scratch coding to more advanced Python, Java, web design, game development, and AI machine learning projects.
Our unique focus is on introducing students to AI early, helping them grasp complex concepts like machine learning, data analysis, and smart devices, while also reinforcing mathematics skills, essential for their success in STEM fields.
With a team of passionate instructors—college students and recent graduates with degrees in Engineering and Computer Science—we provide hands-on, real-world projects that prepare students for future careers in AI, coding, robotics, and mathematics.
Get to know our coaches here: https://tinyurl.com/5j5crx59Reviews
AI Code Academy suggests this class next...
Project-Based Javascript Coding (Level 1)
AI Code Academy
4.7
(1,767)
per class
Group Class
10 wks, 1/wk, 1 hr
9-14
Other classes by AI Code Academy
Other classes by AI Code Academy
Parents also liked
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,767)
per class
Next session at 12:30 AM on Tuesday
Group Class
10 wks, 1/wk, 1 hr
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 1
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,741)
per class
Next session at 5 AM on Monday
Group Class
10 wks, 1/wk, 50 min
9-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,741)
per class
Group Class
10 wks, 1/wk, 50 min
10-15
Build Your Website using HTML, CSS, & JavaScript-Summer Camp Coding Workshop-
Coding Doctors Learning Lab, Inc.
4.8
(1,243)
per class
Next session at 11 PM on Mon 5/26
Group Class
2 wks, 4/wk, 55 min
10-14
Project-Based Web Development for Kids (Year-Long): Learn HTML, CSS & Javascript
Faruk Hasan
4.8
(145)
per class
Next session at 3:05 AM on Tuesday
Group Class
1/wk, 35 min
11-16
"Kids' Coding Quest: Building Awesome Websites Together"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
per class
Next session at 2 AM on Tuesday
Group Class
4 wks, 2/wk, 55 min
9-14
Introduction To Building Your Own Website
Mrs. Rachelle's Coding Corner
per class
Next session at 6 PM on Wednesday
Group Class
1 wk, 1/wk, 1 hr
9-12
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(36)
per session
1-on-1 Lessons
On Demand
9-18
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 7-12
Raymond Mullikin (Raytoons Comics)
4.9
(489)
per class
Next session at 5:30 PM on Tue 3/11
Group Class
6 wks, 1/wk, 50 min
7-12
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 12+
Raymond Mullikin (Raytoons Comics)
4.9
(489)
per class
Next session at 10 PM on Thu 3/27
Group Class
6 wks, 1/wk, 50 min
13-18
Advanced Python Coding for Teens: OOP, Flask, Git, HTML, and Automation
Faruk Hasan
4.8
(145)
per class
Group Class
50 wks, 1/wk, 35 min
13-17
Python Coding for Beginners: Learn the Basics of Programming
Create n Learn: English, Coding, AI, Music, Math
4.8
(236)
per class
Group Class
8 wks, 1/wk, 55 min
11-14
Scratch Video Game Coding: Fun Programming
Michelle Lewis Scratch Computer Coding Educator
5.0
(15)
per session
1-on-1 Lessons
On Demand
7-17
Coding Trial Class
MissB aka Bhavana R (Coding)
4.9
(36)
per class
Next session at 6 PM on Monday
Group Class
1 wk, 1/wk, 30 min
12-17
Programming on Minecraft: One-on-One Coding Sessions
BrainBytes
4.9
(236)
per session
1-on-1 Lessons
On Demand
6-15
Scratch Programming: One-On-One Coding Sessions
BrainBytes
4.9
(236)
per session
1-on-1 Lessons
On Demand
6-13
More to explore
Rhyming
Stress Reduction
Wake Up Java
Reading Gr3
Website Java
The Adhd Toolkit
Non Fiction Book
Science Fiction And Fantasy
Government Tutoring
Java Project
Black History From A
Staff
Comic Book Drawing
Just Anime Talk
Ballet Teen Beginner
Film Editing
Explorer
Algebra Crash Course
National Anthem
Drawing Anime Bodies
