Summer Camp: Web Design for Kids: HTML & CSS & Wordpress
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!
AI Code Academy
Average rating:
4.7
Number of reviews:(1,743)
Popular
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.
Joined April, 2020
4.7
1743reviews
Popular
Teacher expertise and credentials
**USE PROMO CODE: CODEAIPROMO10 FOR $10 OFF ANY COURSE - Valid until Nov, 25 **
~We offer early registration, sibling discounts, and multi-course bundles. ~
~Check out our complete Outschool offering here: https://shorturl.at/bcBGP ~
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.Reviews
Live Group Course
$219
for 10 classes5x per week, 2 weeks
60 min
Completed by 96 learners
Live video meetings
Ages: 10-15
4-10 learners per class
