Section 2 Sp 11

From CSE190M-Admin

[edit] Links

• Writeup -- Section 2
  • New section 2 handout (in development; contains additional smaller problems!)
• Template -- best.html
• Example page -- section2.html
• Example css -- best.css

.

[edit] What To Do

This section is about adjusting the appearance of page sections using CSS and its Box Model, as well as debugging HTML/CSS code using the Firebug tool.

• Choose a few of the Firebug tasks and solve them with the students, showing them how Firebug works
• Firebug exercises could be a great way to demonstrate the Box Model
• Feel free to demonstrate any other neat features of Firebug, you personally love!
• Spend about half of the section working on Firebug, half on The Best Section parts
• The page is flexible, doesn't need to be the best site ever! Basic guidelines:
  • A header
  • Three images (styling them to be the same size, roughly 25-30% of the page to prevent wrapping)
  • A list of top 5 reasons your section is the best, a.k.a so awesome!
• Have fun with the page, create it together! Might be fun to use The Google and show them color scheme generators.
• Take time to play with the margins / paddings / borders of the elements, both block and inline!