ICS 225 Web Design and Implementation
Fall 2006
Home
Courses
Vitae
Fulbright
Metropolitan State
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 Critique
Nov 13
Final Project
Dec 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/