logo
ICS 225 Web Design and Implementation
Fall 2006
Projects Project #1 Sept 18 Critique #1 Sept 25    
  Project #2 Oct. 9 Critique #2 Oct 16    
  Project #3 Nov. 6 Revised Oct. 23      
  Privacy CritiqueNov 13        
Final ProjectDec 4 Accessibility Critique Nov 27
Handouts Syllabus Schedule Revised Schedule Privacy Readings Security Readings  
Tests Midterm Final          
Labs #1 HTML #2 CSS #3 JavaScript #3 Solution Table example  
#4 Forms Validation #5 Arrays #6 DOM and Regular Expressions #7 Navigation #8 Browsers #9 Sorting
Student Projects ics225fa0701 ics225fa0702 ics225fa0703 ics225fa0704 ics225fa0705 ics225fa0706
ics225fa0707 ics225fa0708 ics225fa0709 ics225fa0710 ics225fa0711 ics225fa0712
ics225fa0713 ics225fa0714 ics225fa0715 ics225fa0716 ics225fa0717 ics225fa0718
ics225fa0719 ics225fa0720 ics225fa0721 ics225fa0722 ics225fa0723 ics225fa0724
ics225fa0725          
Sample Code HTML Tags Links Unordered list
  Ordered list Images ALT
  Image as link Form Text box
  Text area Form elements Field Set
Week 2 Tables Table of Pictures Thumbnails
  Embedded style rules Colored cells Size of cells
  Separate style sheet Style Sheet Adjust picture size
  div with float    
McCracken Outdenting, p. 271 Table with caption, p. 287 Suppress caption, p. 287
Week 3 Intro to JavaScript (PPT) Pop up window Function
  Alert box onmouseover Int to String
  String to Int    
Week 4 Accessing fields Check for empty Focus
  Shortcut names Checkboxes Radio buttons
  Select box String handling  
Week 5 Arrays Arrays & Tables Sorting
Field visible Field hidden Hide & seek
  Regular Expressions (fixed) Rollover Style Changes Rollover Images
Week 6 Setting Attributes (DOM) Rollover Style Changes (DOM) Image Style Changes (DOM)
Week 7 Horizontal Drop Down Menus Vertical Drop Down Menus Regular Expressions
Week 8 Slide Show Progress Bar Clock
Week 10 Detecting Browsers identify-browser.js  
Week 11 Style Sheet Switcher normal.css serif.css
  inverted.css    
Week 12 Tooltips    
  Sample Table Stage 2 Complete Sort
Week 13 List Drop Down Menu IE Fix
  Pretty Drop Down Another Way to Do It Pop Up Windows
Useful Links Secure Shell Software Edwards Examples Tutorials
  McCracken Book XHTML Reference Sheet CSS Reference Sheet
  Color Wheel Browser Compatibility Detecting Firefox
  Compatibility Tips (Quirks) Quirks Mode Firefox
  Alternate Style Sheets Color Contrast Tool
Links to Interesting New Ideas http://www.aypwip.org/webnote/Sample%252520Workspace
http://www.meyerweb.com/eric/tools/s5/
http://www.kiko.com/

http://numsum.com/
http://www.writely.com/
http://www.goffice.com/
http://www.ajaxian.com/archives/2005/09/bindows_15_desk.html
http://www2.meebo.com/
http://zimbra.com/
http://www.silvertie.com/
http://www.alistapart.com/