Workshop Cases

  1. Case 1: ChildLink Inc. - for learning basic web page components
       Supporting Document - Homepage (incomplete) newborn.jpg
  2. Case 2: Frostbite Freeze - for learning background image and special characters
       Supporting Document - Homepage (incomplete) runner.jpg flakes.jpg
  3. Case 3: Rock Hotel - for learning HTTP hyperlink
       Supporting Document - Homepage (incomplete) grrock.jpg grback.jpg
  4. Case 4: Diamond Health Club, Inc. - for learning hyperlinks within and between web pages
       Supporting Document - Homepage (incomplete) classes.htm (incomplete) members.htm aerobic.gif diamonds.jpg pushup.gif
  5. Case 5: Midwest University Centre for Diversity - for learning images in web pages
       Supporting Document - Homepage (incomplete) mlk.gif i.gif line.gif
  6. Case 6: Pixal Digital Products Inc. - for learning animation image and imagemap
       Supporting Document - Homepage (incomplete) pixal.htm (incomplete) dc100.htm (incomplete) dc250.htm dc500.htm
             pback.jpg plogo.jpg red.jpg dc100.jpg dc250.jpg dc500.jpg spacer.gif dclist1.gif dclist1.gif dclist2.gif dclist3.gif intro.gif
             spacer.gif dclist1.gif dclist1.gif dclist2.gif dclist3.gif dclist4.gif
  7. Case 7: dHome - for learning table in web page
       Supporting Document - Homepage (incomplete) dhome.jpg links.jpg back.jpg back2.jpg back3.jpg back4.jpg back5.jpg
  8. Case 8: Chamberlain Civic Centre - for learning table for timetable
       Supporting Document - Homepage (incomplete) back.jpg ccc.gif
  9. Case 9: Doc-Centric Copiers - for learning frame and frameset
       Supporting Document - Homepage (incomplete) head.htm (incomplete) map.htm (incomplete) report.htm
             dccmw.htm (incomplete) dccne.htm dccs.htm dccw.htm dcclogo.jpg map.jpg mwchart.jpg nechart.jpg schart.jpg wchart.jpg
  10. Case 10: SkyWeb Astronomy - for learning floating frame
       Supporting Document - Homepage (incomplete) m01.htm (incomplete) m01desc.htm m13.htm m13desc.htm
             m16.htm m16desc.htm m20.htm m20desc.htm m27.htm m27desc.htm m31.htm m31desc.htm m42.htm m42desc.htm
             m51.htm m51desc.htm m57.htm (incomplete) m57desc.htm
             skyweb.jpg messier.jpg lbutton.jpg rbutton.jpg
             m01.jpg m13.jpg m16.jpg m20.jpg m27.jpg m31.jpg m42.jpg m51.jpg m57.jpg
  11. Case 11: Stuff Shop - for learning inline and embedded stylesheet
       Supporting Document - Homepage (incomplete) const.htm bike.jpg pc.jpg gloves.jpg
  12. Case 12: Willet Creek Golf Course - for learning external style sheet
       Supporting Document - Stylesheet (incomplete) h01.htm (incomplete) h02.htm h03.htm h04.htm h05.htm h06.htm h07.htm h08.htm h09.htm
             h10.htm h11.htm (incomplete) h12.htm h13.htm h14.htm h15.htm h16.htm h17.htm h18.htm
             willet.jpg hole01.jpg hole02.jpg hole03.jpg hole04.jpg hole05.jpg hole06.jpg hole07.jpg hole08.jpg hole09.jpg
             hole10.jpg hole11.jpg hole12.jpg hole13.jpg hole14.jpg hole15.jpg hole16.jpg hole17.jpg hole18.jpg previous.jpg next.jpg
  13. Case 13: Chamberlain Civic Centre (Revisit) - for learning stylesheet for table
       Supporting Document - Stylesheet (incomplete) jan.htm (incomplete) feb.htm mar.htm back.jpg ccc.gif
  14. Case 14: Pine Wood Country Club and Golf Course - for learning using mouse event handlers to show images
       Supporting Document - pinewood.htm (incomplete) pinewood.jpg placeholder.jpg golfers.jpg golfer1.jpg
  15. Case 15: Little PC Company - for learning displaying a message when a Web page is open
       Supporting Document - littlepc.htm (incomplete) littlepc.jpg
  16. Case 16: JavaScript Tutor - for changing background color
       Supporting Document - jstutor.htm (incomplete) jstutor.jpg
  17. Case 17: Rocky Mountain Steel Credit Union - for creating welcome page with alert message
       Supporting Document -     rocky.htm (incomplete) RMSCU.jpg
  18. Case 18: Pine Peaks Ski Lodge - for calculating
       Supporting Document - pinepeaks.htm (incomplete) PinePeakslogo.jpg
  19. Case 19: Tri-Country Community Hospital - for calculating a percentage and formatting the result
       Supporting Document - nutritionfacts.htm (incomplete) NutriLogo.jpg
  20. Case 20: Tri Star Investment - for calculating retirement savings
       Supporting Document - tristar.htm (incomplete) tristarad.htm tristarlogo.jpg stackcoins.jpg tickertape.jpg
  21. Case 21: Campus Computer - for calculating retirement savings
       Supporting Document - computer.htm (incomplete) computer.jpg
  22. Case 22: Kelsey's Diner - for learning using arrays in JavaScript
       Supporting Document - menu.htm (incomplete) dinner.jpg tan.jpg
  23. Case 23: Madison State College - for learning random generation in JavaScript
       Supporting Document - twain.htm (incomplete) twain.gif logo.gif paper.gif button.gif
  24. Case 24: Butler Community Center - for using external JavaScript file
       Supporting Document - bcc.htm (incomplete) calendar.css bcc.jpg
  25. Case 25: Safety Palette - for using for loop in JavaScript
       Supporting Document -     color.htm (incomplete) wd.jpg
  26. Case 26: Stride Accounting Service - for creating a frame with array in JavaScript
       Supporting Document - newsframes.htm news.htm (incomplete) newsright.htm newstop.htm welcome.htm construct.htm newsheader.gif construct.gif
  27. Case 27: New Wave Furniture - for using cookie as a Counter
       Supporting Document - newwave.htm (incomplete) chair.gif living.gif newwav1.gif newwave5.gif
  28. Case 28: County Hospital - for using cookie for storing dates
       Supporting Document - baby.htm (incomplete) baby.gif
  29. Case 29: Day And Night - for setting background and foreground color properties
       Supporting Document - dayandnight.htm (incomplete)
  30. Case 30: Scrolling - for setting scrolling message at the status bar
       Supporting Document - scrolling.htm (incomplete)
  31. Case 31: Validate - for field validation on input form
       Supporting Document - validate.htm (incomplete)
  32. Case 32: NorthAmericaImageMap - for mouse over effect
       Supporting Document - NorthAmericaImage.htm (incomplete)
    33. north_america.gif alaska.gif greenland.gif canada.gif continental_us.gif mexico.gif

Slide

  1. Topic 1: Basics of Web Pages - for downloading up to 13/6/2004