box model
homework
1. font sizes: px vs em examples ?
2. network tools : nmap, wireshark
- live demos of wireshark and nmap
- how far did you get with this stuff?
internet in the news
- please add anything you'd like to discuss
- news
box model
This week: chapter 10 in "Head First".
All the code for the book (if you haven't seen it yet) is here:
Remember there are two kinds of elements:
- inline (no box) - particularly "span"
- block (box) - particularly "div"
class and id selector
- class="foo" connects to .foo in css (can be many)
- id="bar" connects to #bar in css (can be only one)
images etc from within css
- background-image : url('directory/file.jpg')
- background-color : rgb(0,255,100)
multiple stylesheets
- cascade!
- stylesheets for different media (pg 422)
Another place to read about this stuff :
design
If time, start talking about "web page design" :
What do you like?
What don't you like?
An example of a clean, simple design :
Another :
interesting sites
I'd also like to start a shared collection of
websites that you have been particularly taken with,
or use regularly, as a way for us to see what each
of us does and likes about the 'net.
... suggestions?
