layout
1. Go over homework assignment; see where folks are, and discuss state of sites.
2. Show "Firebug" and how it can be used to see
- html blocks and corresponding pieces
- css properties
- css selectors
3. Remind about web developer features
- outline ... current element
- misc ... display ruler
- misc ... line guides
4. Next assignment due in one week posted: layout/position experimentation and email.
position
Caveat: the problem(s) with all this is that CSS isn't really
designed to do positioning layout ... and so there are all sorts
of hacks, tricks, and nasty exceptions. Don't try to master
every aspect of this game; it's likely to be different in
a few years anyway. Meanwhile...
Discuss "flow" of positioning elements, and "out of flow".
Discuss "position" CSS property and its values.
Also mention the "quirks mode" notion itself in passing :
tables
Historically, everyone did layout with "tables" ... which is
now considered a blunt hammer. But, it's still a valid XHTML
element, and is sometimes the best way to position things ...
particularly if you're actually making a table with rows and columns.
Discuss; give some examples.
email
Start discussion of email, how it works,
and what the problems are. Issues to talk about:
variations: facebook, twitter, other social networks, phone text messages, ...
SMTP protocol interaction example
mahoney@cs ~$ telnet mail.marlboro.edu 25
Trying 10.1.2.5...
Connected to akbar.marlboro.edu.
Escape character is '^]'.
220 akbar.marlboro.edu ESMTP Postfix (Debian/GNU)
HELO jim.marlboro.edu
250 akbar.marlboro.edu
MAIL FROM:<mahoney@marlboro.edu>
250 Ok
RCPT TO:<mahoney@marlboro.edu>
250 Ok
DATA
354 End data with <CR><LF>.<CR><LF>
From: "Jim Mahoney" <mahoney@marlboro.edu>
To: "Jim Mahoney" <mahoney@marlboro.edu>
Subject: SMTP test
Hey. This is a test.
.
250 Ok: queued as 0551A11E558
QUIT
221 Bye
Connection closed by foreign host.
news
If there's still time, discuss "interent news of the week" from posted stories.
