Links

Listed below are some additional online resources for the course. You will not need to refer to this page in order to complete the assignments for this course. The resources here are either already listed in the assignments, or they are additional resources for extra support or for going beyond the assignments.

Lesson 1 - getting started and HTML editors

HTML Editors (check them out before downloading)

If you just want an HTML editor that is simple and will meet the requirement of assignment 1, I would suggest HTML-Kit if you are on a PC or Taco if you are on a Mac. If you want to explore further, check out the other links below.

Recommended Windows HTML editor: HTML-Kit.

Recommended Mac HTML editor: Taco.

Link to a list of free editors

Student Web account

Apply for an account on the SRJC server "student"

FTP software (download & install we will use next week)

SSH Client (win) automatic download and install from .exe file
Fugu (mac)
Download site on student server

Validators

XHTML validator - http://validator.w3.org/
CSS validator - http://jigsaw.w3.org/css-validator/

Note: The CSS validator doesn't recognize that background color is inherited, so it chides you to include a background color in every element where you use color. Most authorities believe this results only in code "bloat" and don't regard it as an important (or even valid) issue. You may do as you like, but I do not require background color to be restated.

Lesson 2 - box properties

Web Resources

The Box Model according to the W3C - http://www.w3schools.com/css/css_boxmodel.asp

Understanding Margins - http://www.w3schools.com/css/css_margin.asp

Understanding Padding - http://www.w3schools.com/css/css_padding.asp

Understanding Borders - http://www.w3schools.com/css/css_border.asp

Lorem Ipsum Filler Text Generator - http://www.lipsum.com/

Humorous Lorem Ipsum Text Generator - http://www.duckisland.com/GreekMachine.asp

Even better Lorem Ipsum text generator - http://html-ipsum.com/

Lesson 3 - divs and spans

Web Resources

Divs and spans according to the W3C - http://www.w3.org/TR/html4/struct/global.html#h-7.5.4

Tutorial on divs and spans http://www.htmldog.com/guides/htmlintermediate/spandiv/

Tutorial on The Cascade (PDF file)

Lesson 4 - layout and positioning

Web Resources

Head First's list of favorite online resources for CSS design: http://headfirstlabs.com/books/hfhtml/chapter12/cssdesign.html

The visual formatting model according to the W3C (huge!) - http://www.w3.org/TR/REC-CSS2/visuren.html

Lesson 5 - tables

HTML Tables - Best Practice- http://icant.co.uk/sandbox/besttables/

A great tutorial on using CSS to style tables - http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

W3C Tables -http://www.w3schools.com/tags/tag_table.asp

Lesson 6 - forms

Go to Matt's Archive for more information on the formmail script - and many others!

W3C school's tutorial on forms.

Lesson 7 - server side includes

General information - http://hoohoo.ncsa.uiuc.edu/docs/tutorials/includes.html

More good information on SSI - http://www.bignosebird.com/ssi.shtml

extra resources

W3C Schools XHTML Tutorials -http://www.w3schools.com/xhtml/default.asp

IE Rendering - http://ipinfo.info/netrenderer/index.php

Browser Shots - http://browsershots.org/

Smashing Magazine - http://www.smashingmagazine.com/

Business of Web Design Course examples: http://www.santarosa.edu/~lhemenw/busweb/examples-main.shtml

Color Zilla - Firefox add-on to read color values in a web page- https://addons.mozilla.org/en-US/firefox/addon/271

Fire Bug - Firefox add-on to view and test code- http://getfirebug.com/

Tim's Top Ten Web Tips