Prof. Jenna Spevack | Teaching Site

COURSE CALENDAR | WEEK 14 CLASS OUTLINE | Homework

Topics covered in class:

1. Review alternate stylesheets in progress
2. Adding an alternate style sheet
   1. Open index.html
   2. Make sure your first style sheet link looks like this:
      <link type="text/css" rel="stylesheet" href="main.css" title="standard" media="screen" />
   3. Add your second style sheet, but change the rel, href and title attributes:
      <link type="text/css" rel="alternate stylesheet" href="alt.css" title="alternate" media="screen" />
   4. Preview your page in the Firefox browser. Choose View > Page Style. You should see two styles: standard and alternate. *NOTE: you will not be able to view the alternate stylesheet in IE, Safari, etc. unless you use a style switcher.
   5. Copy and paste both stylesheet links to all the pages in your site.
3. Style Switchers for the very brave
   1. If you'd like to be able to load the alternate style sheet without having to choose View > Page Style each time, you'll need to add a style switcher. (example)
      • Simple Style Switcher
      • AJAX styleswitcher (this uses PHP, so it won't work on the ADGA server)
      • SitePoint style switcher (this uses PHP, so it won't work on the ADGA server)
      • Styleswitcher Tutorial
      • Two-line styleswitcher
      • Style Sheet Switcher Scripts with JavaScript
      • Projecttree style switcher
      • Dynamic Drive style switcher (random)
      • More Javascript tutorial
4. Work in Class

Homework

1. Final Projects are DUE!!!
2. Final Exam will be given next class.
3. If you miss the last class, you will receive a failing grade.