weekly
or for all content
Build a Website for Beginners! A STEM Class on HTML and CSS
Completed by 31 learners
Ages 9-14
Self-Paced Class
5 pre-recorded lessons
5 weeks of teacher support
Choose your start date
1 year of access to the content
Enroll Now, Start Anytime
Go at your own pace
Your learner can start learning when they want and progress at the speed that works best for them.Start when you want.
Learn at your own pace
Access course material for a full year.
Get hands-on support from teacher.
What's included
5 pre-recorded lessons
5 weeks
of teacher support1 year access
to the contentHomework
1-2 hours per week. Every week, each student will have a worksheet and/or mini programming project to complete. The worksheets will serve both as a review of important terms and as a reference that they can look back on if they every forget anything. The aim of the programming projects is to provide students with hands-on practice and an opportunity to apply the skills they've learned. During the final week, each student will build a multi-page website using just HTML and CSS.Assessment
I provide personalized feedback to each homework submission.Class Experience
Build a Website for Beginners will take students through all the basics and essentials of HTML and CSS. No previous knowledge is required. ***ABOUT*** This course will be broken up into five lessons that build off of each other. I will focus on teaching students to recognize and understand structures and patterns, rather than just having them memorize lines of code. As this is a FLEX course, there won't be any live meetings and students progress at their own pace, but that won't make me any less available! Each session comes with a lesson video and a detailed description of that week's assignment. I give detailed and personalized feedback on each student's submission. Students are free to message me at any time during the week with questions, and I typically respond within 24 hours. See the syllabus below for exactly what each lesson covers! ***BEFORE CLASS*** Parents should help students create a code.org account. ***IN CLASS*** "Class" in this case refers to watching the provided videos. Rather than just sitting and watching the video, students should follow along with the coding examples. ***AFTER CLASS*** Homework is very important, but hopefully also fun! Each lesson will come with a worksheet and/or mini programming project to complete. The worksheets will serve both as a review of important terms and as a reference that they can look back on if they every forget anything. The aim of the programming projects is to provide students with hands-on practice and an opportunity to apply the skills they've learned. Students technically have an entire period to submit their homework, but it's never a good idea to wait till the last minute to start. I encourage parents to make sure their students complete and submit their homework on time. Homework submitted late is not guaranteed to be reviewed. Though submissions are made directly to me, students are free to share their submissions on the classroom page to the other students and share what they like about each others' work. I'm excited to learn HTML and CSS with you! Feel free to message me with any other questions!
Syllabus
5 Lessons
over 5 WeeksLesson 1:
Getting Started with HTML
What is HTML?
Basic HTML Tags
Simple Self-Closing Tags
Lesson 2:
Getting Started with CSS
What is CSS?
General Selectors
CSS Properties
Lesson 3:
Using HTML & CSS Together
HTML Attributes
Id and Class Selectors
The Image and Link Tags
Lesson 4:
Nesting HTML Elements
Nested HTML Elements
Ordered and Unordered Lists
Tables
Other Details
Parental Guidance
Before the start of the class, please help your student create a code.org account.
Supply List
A computer and excitement to learn!
Language of Instruction
English
External Resources
In addition to the Outschool classroom, this class uses:
Meet the teacher
Teacher expertise and credentials
Hi, I'm Maryfrances!
Thank you so much for considering me to be your (or your child's) instructor today!
I have been a tutor/instructor for five years now, and I am excited to share my knowledge and passions with students who are excited to learn.
I have a degree in Computer Science, which I have been studying for nearly a decade now. It is a unique, new, yet quickly-growing field that manages to combine math and science with the creativity of the Arts, and enables our societies to progress at speeds never before seen in all of human history. Knowing just a little bit of how computers work can get you very ahead in life. I'm here to teach Java and Python, two of the most widely used programming languages today, as well as useful skills such as Web Design to equip my students with the skills they need to go on to become brilliant Computer Scientists.
Not only do I speak the language of computers, but I can also communicate quite well with humans: years of studying Japanese and a minor degree in the subject has succeeded in bringing me to conversational fluency. Japanese is classified as one of the hardest languages for English speakers to learn, but I'm here to say that you can go from awkwardly saying "konnichiwa" to being able to read こんにちは and being able to understand the two meanings of 今日は with just a little hard work.
My teaching philosophy focuses on understanding. Too many times have I seen students simply memorize and regurgitate information they have been taught. I prefer to break difficult concepts into digestible chunks so that my students can learn and retain as much as they possibly can.
I hope to see you in one of my classes!
Other classes by Maryfrances
Other classes by Maryfrances
Parents also liked
Summer Camp: Web Design for Kids: HTML & CSS & Wordpress
AI Code Academy
4.7
(1,787)
per class
Next session at 3 PM on Mon 6/16
Group Class
2 wks, 5/wk, 1 hr
10-15
Web Design for Kids: HTML & CSS & WordPress
AI Code Academy
4.7
(1,787)
per class
Next session at 3 PM on Saturday
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,851)
per class
Next session at 10 PM on Wed 6/4
Group Class
10 wks, 1/wk, 50 min
9-14
Build Your Own Website Using HTML, CSS, & Javascript-Summer Camp Coding Workshop
Coding Doctors Learning Lab, Inc.
4.8
(1,253)
per class
Next session at 11 PM on Mon 5/26
Group Class
2 wks, 4/wk, 55 min
10-14
Coding - Intro to HTML and CSS for Website Creation for Beginners Level 2
Einsteins Square: Chess, Coding, Math, Art, Games
4.8
(5,851)
per class
Group Class
10 wks, 1/wk, 50 min
10-15
Kids Learn Web Development: HTML, CSS & Javascript Projects With Github!
Faruk Hasan
4.8
(149)
per class
Next session at 11 PM on Tue 7/1
Group Class
1/wk, 35 min
11-15
Build Awesome Websites Using HTML, CSS & AI Magic (Beginner Friendly)
PopSkool: English, Music, Art, Math, Coding & More
5.0
(1)
per class
Next session at 9 PM tomorrow
Group Class
8 wks, 1/wk, 55 min
10-14
Web Programming Weeklong Camp
MissB aka Bhavana R (Coding)
4.9
(37)
per class
Next session at 7 PM on Mon 7/14
Group Class
1 wk, 5/wk, 1.50 hr
10-15
Website Development | Beginners - Coding
Codingal - #1 AI & Coding | Backed by Y Combinator
4.7
(6)
per class
Next session at 2 PM on Monday
Group Class
4 wks, 2/wk, 1 hr
12-17
"Kids' Coding Quest: Building Awesome Websites Together"
MS. JEN of ARTISTIC KIDS WORKSHOP
4.7
(6)
per class
Next session at 11 PM on Mon 6/2
Group Class
4 wks, 2/wk, 55 min
9-14
Personalized 1-On-1 Tutoring: Build Your First Website With HTML & CSS
Antonia Burroughs
per session
1-on-1 Lessons
On Demand
3-18
1:1 Coding Sessions: Java, Python, HTML, CSS, JavaScript (Customizable)
MissB aka Bhavana R (Coding)
4.9
(37)
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
(501)
per class
Next session at 6 PM on Sunday
Group Class
6 wks, 1/wk, 50 min
7-12
Web Development and Graphic Design - 5 Day - Summer Camp
Fleming Tech Camps
4.9
(26)
per class
Next session at 8:15 PM on Mon 6/9
Group Class
1 wk, 5/wk, 2.92 hr
10-15
Design, Code, & Launch Your HTML5 Website W/ Objects, Music & Sounds! Ages 12+
Raymond Mullikin (Raytoons Comics)
4.9
(501)
per class
Next session at 8 PM on Monday
Group Class
6 wks, 1/wk, 50 min
13-18
Scratch Video Game Coding: Fun Programming
Michelle Lewis Scratch Coding STEM Educator
5.0
(19)
per session
1-on-1 Lessons
On Demand
7-17
More to explore
Flute Jennie
Knitting for Beginners
Spanish for Young
Santa Claus
Lets Learn English Daily Reading With Biff Chip And Kipper
Dance Rapunzel
Science Stem
Born Baker
Modern Hebrew Language 1a
Consumer Math 2
Still Life Drawing
Friend
Younger Crowd Spotting Online Creeps And Avoiding Them
Jurassic Park
Star Wars Piano
Deaf
Drama Actors
Learn To Draw Cartoon Animals
Chip
Singapore