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

Web Site Design Using html and css (Unit 2)

Students will learn the basics of html and css programming to create web sites over 3 sessions, in this 2nd of a 3 unit course.
Mark Robuck
Average rating:
4.9
Number of reviews:
(175)
Class

What's included

3 live meetings
2 hrs 45 mins in-class hours
Homework
Students will be given small assignments within the class which are usually finished during the class. The most effective way for the majority of students to learn how to program is by practicing. Most of class time is spent by students typing their own code, with the teacher checking work and troubleshooting errors with students.
Assessment
There is no official assessment; however, students complete several tasks throughout the course. The end of the course involves a website created by the student about themselves. (Students may opt for a different topic if they choose.)

Class Experience

Web Site Design Using html and css (Unit 2) is a course for middle to high school aged students to learn the basics of web design.  In addition to video chat and screen sharing, we will be using repl.it as a coding platform.  I use repl.it in my physical classrooms as well.  It provides a 100% online code editor with real-time feedback.  Students can immediately run their code to see what the web site looks like.  repl.it also provides the teacher the ability to assign classwork and share code with others in real time.  Each student must have completed my Unit 1 class in order to take this class.  Students will need to have learned the topics from Unit 1 in order to understand the material in Unit 2.

This is the second unit in a three unit course.  Students do not need to continue on in the course unless they wish to learn more about web design.  Unit 2 covers the following topics:
css stylesheet
attribute-value format
classes and ids
iframes
div and span tags
the box model

A typical session involves several mini-lessons.  I will share my screen in order to show students a new topic.  Afterwards students will attempt to use the newly learned topic on their own repl.it screen with guidance from me when needed.  Once all students have mastered a topic the class will move on to the next mini-lesson.  If all students master every topic for the session we will move on to topics from the next session.  If we reach the final session with extra time I will introduce some extended topics or topics the students request.
Learning Goals
Students will learn the basics of css in order to create format changes to text such as color and size; classes and ids to style individual pieces of a website;  iframes to add videos, tweets, and pieces of other websites directly to their own site; div and span html tags to group multiple items; and the box model for creating borders and spacing around items.
learning goal

Other Details

Parental Guidance
Students are expected to join my repl.it classroom in order to take this course, they should already have joined from Unit 1. Repl.it is student friendly. I use this resource in my physical classrooms as well. This does mean your student has access to code written by others, and any posts made by those users. You may read more at repl.it if you need more information.
External Resources
In addition to the Outschool classroom, this class uses:
Joined April, 2020
4.9
175reviews
Profile
Teacher expertise and credentials
Maryland Teaching Certificate
Maryland Teaching Certificate in Mathematics
Pennsylvania Teaching Certificate in Mathematics
I have been teaching math, special education, and computer science for 14 years.  I hold teaching certifications in all three areas in both Pennsylvania and Maryland.  I teach web design as a unit in my physical classroom during one of the courses I teach in person.  

Reviews

Live Group Class
Share

$40

for 3 classes
3x per week, 1 week
55 min

Completed by 39 learners
Live video meetings
Ages: 12-17
3-12 learners per class

This class is no longer offered
About
Support
SafetyPrivacyCA PrivacyLearner PrivacyManage Data PreferencesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2024 Outschool