Outschool
Open currency, time zone, and language settings
Log In

Build a Website for Beginners! A STEM Class on HTML and CSS

In this FLEX class, students will learn to code in HTML and CSS through a series of mini projects, and build up to creating their very own multi-page website: a pet adoption site! (No live meetings, but extra help available!)
Maryfrances
Average rating:
4.8
Number of reviews:
(66)
Class

What's included

5 pre-recorded lessons
5 weeks
of teacher support
1 year access
to the content
Homework
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 Weeks
Lesson 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
Joined June, 2020
4.8
66reviews
Profile
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!

Reviews

Self-Paced Class
Share

$10

weekly or $50 for all content
5 pre-recorded lessons
5 weeks of teacher support
Choose your start date
1 year of access to the content

Completed by 28 learners
Choose your start date
Ages: 9-14

Enroll Now, Start Anytime
About
Support
SafetyPrivacyCA PrivacyLearner PrivacyManage Data PreferencesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2024 Outschool