HTMLとCSSを使用したWebサイトデザインサマーキャンプ

Web Site Design Using html and css Summer Camp (Middle School Age) is a course for middle 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 will be required to create a free account on repl.it and join my classroom for access to class material.  I will walk students through this process during the first session.  

This camp covers all 3 units of my normal html/css course.  This camp runs daily Monday-Friday for 2 weeks.  This camp covers the following topics:
intro to repl.it, html text, html internal and external links, html images, creative commons and copyright, html lists and tables, css stylesheets, classes and ids, iframes, div and span, box model, psuedoclasses, visibility, image manipulation, filters, storyboards

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.