HTML Tag Soup: A Group activity for learning HTML and CSS

[Nelson, Michael]

Just in case you've got a bunch of students who are feeling a bit lost
with the HTML/CSS tags and properties... I've put together a group-based
game called HTML Tag Soup!

The game can be played with a number of groups of 3-5 people, each group
sitting around a large table with their pile of paper-tags (print out
attached document word doc - once for each team).

Each team works together to create and update their paper-based html and
css files together on the desk. Facilitator can read out the next task
(tasks also in the Word file) as the groups progress. (Also works well
if you've got a projector and facilitator can demo the ideas that each
team comes up with).

Let me know if you have fun with it or improve it or find errors or
whatever, it would make my day :)

Michael Nelson
Facilitator, Information Technology
Blue Mountains College of TAFE
ph: (+612) 4753 2117

**********************************************************************
This message is intended for the addressee named and may contain
privileged information or confidential information or both. If you
are not the intended recipient please delete it and notify the sender.
**********************************************************************

[james....@tafensw.edu.au]

I think you need a "." so that you can write a style to target the
planet class?

I did a slightly similar exercise a while back. I gave the students
some printouts of html documents and styles sheets and also some pieces
of graph paper. They were then asked to 'be the browser' and to draw
out the page layout.

Things seem easy until you get to the positioning and floating. Really
makes them think about the rules from a different perspective. As an
enhancement you can ask them to be IE5 and misimplement the box model!