HTML と CSS を使用した Web サイトのデザイン (ユニット 3 - 高校生向け)

Web Site Design Using html and css (Unit 3 - High School Age) is a course for 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 2 class in order to take this class.  Students will need to have learned the topics from Unit 2 in order to understand the material in Unit 3.

This is the third 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.  There is also an optional 4th unit where students make a final project.  Unit 3 covers the following topics:
pseudoclasses
visibility
image manipulation
animation/transition
image filters
navigation menus

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.