Value Added | daily

Class Schedule

Basics | sessions 01-03
  1. 19 Jan intro and clients | lecture | labs
  2. 26 Jan servers and command line | lecture | labs
  3. 02 Feb networks and protocols | lecture | labs
Web Development | sessions 04-08

  1. 09 Feb structural layer | lecture | labs
  2. 16 Feb presentational layer | lecture | labs
  3. 23 Feb using a structure | lecture | labs
  4. 02 Mar behavioral layer | lecture | labs
  5. 09 Mar design thoughts | lecture | labs
Dealing with Markup | sessions 09-10
  1. 16 Mar control objects and display | lecture | labs
  2. 23 Mar tools that read markup | lecture | labs
Working with data | sessions 11-14
  1. 30 Mar formulas, functions, vectors | lecture | labs
  2. 06 Apr data display | lecture | labs
  3. 13 Apr manipulate data sets | lecture | labs
  4. 20 Apr relational data bases | lecture | labs
Presentations | sessions 15-16
  1. 27 Apr designing a presentation | lecture | labs
  2. 04 May delivering a presentation | lecture | labs


Link your original page to an external stylesheet,
then look at some templates,
their presentational rules, and their structural objects.

First, do your Task 02.02

finish Task 02.02 | link to CSS by applying some CSS rules to your hard coded page

Then, find an HTML/CSS template you like:

There are many template resources (these are just a sample of what you might find):
You can take a glance at ...

CSSZenGarden, a place where one can obtain free CSS stylesheets.

The css Zen Garden is about functional, practical CSS and not the latest bleeding-edge tricks viewable by 2% of the browsing public. The only real requirement we have is that your CSS validates.

CSS Trappist Monastery - built on same model as CSS Zen Garden

These latter two are interesting to look at, but we would recommend you use the other resources if you wish to use a template.

back to top

To prepare yourselves for the template session

think about your editor options

There are many free editors, beyond the text editors we have been using
However, sticking with the text editor you have become familiar with is still a good option.

This video discusses using one web editor to work with a template, but you can do the same with your text editor and your browser.

back to top

back to top

23 February lecture | preps | templates | free editors | one editor | images