After Dinner: Web Standards 100

(Update:  This is the eighth in a series of live posts from DrupalCampWisconsin, with a little cleanup and added links.)

Steven Merrill, Bradley U professor presents.

After a fine pizza dinner, we are having joint sessions on theming. It begins with a web standards lecture from Prof. Merrill.

References:
Zeldman (Designing with Web Standards)
Web Designer’s Reference
Save the Pixel

Sites:
A List Apart
CSS Zen Garden
CSSBeauty

Basic review of HTML history, from Vannevar Bush’s Memex to Tim Berners-Lee.
DNS, IPv6

HTML Page Structure: Head and Body. That’s it.
HTML Grammar: Tags and Attributes

Page titles are important, especially with tabbed browsers. Google also searches page titles.

Point behind web standards: Understanding the separation between HTML (Structure), CSS (Presentation) and JavaScript (Interactivity). Peruse CSS Zen Garden to see how different stylesheets display identical HTML text and tags.

Ooh, screen shot of the original Mosaic home page.

Browser feature wars makes HTML more presentational, less semantic. Also made pages work in only one browser. Web standards represent the backlash: Semantic HTML.

Switchy McLayout: JavaScript handles many different screen sizes. From A List Apart.

(Crowd agrees: presentation so far too basic. Moving on to advanced elements)

<Typist’s Aside: Is there a real purpose to GiantURL.com?>

CSS Positioning: Floating, fixed, and something else.

<Typist’s second aside: Missed some of the important stuff due to being pinged on IRC. I admire those who can multitask in this fashion. Meanwhile, must look at video later.>

Powered by ScribeFire.

Advertisements