Cascading Style Sheets

James D. Keeline <James@Keeline.com>
http://www.keeline.com/iteachphp.com/

This class will examine the powerful web design tool known as Cascading Style Sheets (CSS).  Although the popular web browsers implement CSS differently at times, they remain an excellent way to control the appearance of large web sites.  In addition, there are appearance controls possible with CSS which cannot be easily accomplished in any other way.

This class is a necessary foundation for Dynamic HTML (DHTML), which uses CSS and Javascript to present dynamic interactive web pages for your web visitors using appropriate browser software.  If you plan to take the DHTML class, make sure you take a Javascript class such as the ones offered here at the Career Center or get a good book on the topic.  A good introductory book on Javascript is in the Visual Quickstart series:  Javascript for the World Wide Web (Peachpit, 1999) by Tom Negrino & Dori Smith (ISBN 0-201-35463-2).

For CSS, DHTML, and Javascript there are many good resources on the Internet, no specific textbook will be used in this class.  However, if you would like to purchase a reference, some good ones are:

Some of the web resources we will use are:

CSS References:
  http://www.htmlhelp.com/reference/css/
 

http://msdn.microsoft.com/workshop/author/css/reference/attributes.asp

  http://www.builder.com/Authoring/CSS/ss11.html
  http://www.w3schools.com/css/css_reference.asp
  http://www.projectcool.com/developer/cssref/
  http://www.zvon.org/xxl/css1Reference/Output/
  http://www.w3.org/TR/REC-CSS1
   
CSS Tutorials:
  http://www.westciv.com.au/style_master/academy/hands_on_tutorial_sm/
  http://www.htmlhelp.com/reference/css/quick-tutorial.html
http://www.htmlhelp.com/reference/css/
  http://www.w3schools.com/css/
  http://server9.hypermart.net/ucprogramming/css/article2.html
   
Web Browsers:
  http://hotwired.lycos.com/webmonkey/reference/browser_chart/
  http://www.qmark.com/perception/help/browsercomparison.html
  http://lois.co.uk/web/browser-compare.shtml
  http://www.wirelessdevnet.com/channels/refview.phtml?cat=wmltags
   
  http://home.netscape.com/computing/download/index.html?cp=hophb2
  http://www.microsoft.com/windows/ie/
  http://www.opera.com/
  http://www.mozilla.org/
  http://www.icab.de/download.html
   
  http://browserwatch.internet.com/stats.html
  http://www.echoecho.com/
   
  http://www.pantos.org/atw/f-35448.html
  http://www.upsdell.com/BrowserNews/stat.htm
   
Site stats:
  http://www.sitestatz.com/
  http://www.webtrendslive.com/
   
Tutorials:
  http://hotwired.lycos.com/webmonkey/
  http://www.devshed.com/
  http://www.phpbuilder.com/
   
Resources:
  http://www.hotscripts.com/
   
Certification:
  http://www.brainbench.com/

Topics for Week 1:

  1. Registration.
  2. What is CSS?
  3. Which web browsers support CSS 1?
  4. How does CSS work with HTML?
  5. Where is CSS stored?
  6. What tools can be used to make CSS easier to use?