This course gives an overview of HTML & CSS, with some mention of newer HTML5 features.
There are six lessons and they can be done in a one-day workshop, though 2 days is preferred (HTML on first day, CSS on the second).
Students should be familiar with the web as a user, but do not need to have any programming or markup language experience.
Each lesson includes:
- Slides: An HTML5-based slideset (not a PowerPoint) which embeds the actual HTML tags being described in order to better demonstrate them.
- Videos: Recordings of the lessons, as delivered by Pamela Fox.
- In-class example: An example of what the teacher should build up during the course of the lesson, switching between talking over the slides and demonstrating the concepts in the example page.
- Exercise(s): These can be started in class and then continued outside of it, and the teacher can decide when to reveal the solution for the exercises. For the most part, the solution to an exercise serves as the starting point for the next exercise.
- Additional Reading: Links that teachers can recommend students read after a lesson.
- Related Resources: Slides or tutorials that were useful in the creation of the lesson content. Teachers can visit these to get an idea of how other people present the content.
The content for the slides was based on consultation with a number of fantastic online resources, including the HTML5 specification, WASP Interact Curriculum, and the Opera Web Standards Curriculum. Those are recommended reading for teachers of this course.
This course was given by Pamela Fox on April 15, 2012 as part of Girl Develop It in San Francisco, California.
It has since been given quite a few times by Girl Develop It SF.
If you are using this material and have questions/comments, feel free to leave them here or on the individual lesson pages.