ICS 225 Web Design and Implementation

Fall 2009

Home

Courses

Vitae

Fulbright

Projects	Project #1 (Due Sept 14)	Sample Project Plan
	Critique #1 (Due Sept 21)
	Project #2 (Due Oct 5)
	Critique #2 (Due Oct 12)
	Project #3 (Due Nov 2)
	Privacy Critique (Due November 9)
	Accessibility Critique (Due Nov 23)
	Final Project (Due November 30)	CORRECTION POSTED NOV 11

Handouts

Tests	Midterm (Oct 19)
	Final (Dec 7)

Lectures	#1 Overview	#2 Usability	#3 Human Capabilities	#4 Visual Organization	#5 Users	#8 Privacy
	#12 SANS Top 20 Internet Security Problems, Threats and Risks

Labs	#1 HTML	#2 CSS	#3 JavaScript	#4 Regular Expressions	#5 jQuery	#6 Events
	#7 Debugging and Images	#8 Images Effects, Slide Shows and Animation	#9 Block Links, the Debugger	#10 Menus

Sample Code	HTML Tags	Links	Links with Bar
	Links with Content	Form	Initial value
	Textarea	Fields	Fieldset
	Unordered List	Ordered List
Week 2	Tables	Table of Links	Images
	Tables of Pictures	Pictures and Links	Javascript Alert
	JS write	Errors
	Embedded style rules	Colored cells	Size of cells
	Separate style sheet	Style Sheet	Adjust picture size
Week 3	Game with Arrays	Function	Link to External JS
	External JS	Add to Array	Add to End (2)
	Add to End (3)	Add to Beginning	Remove From End
	Add and Remove	Add and Remove (2)
Week 4	Accessing fields	Check for empty	Focus
	Shortcut names	Regular Expressions	McFarland Sandbox
Week 5	CSS	JavaScript	jQuery
	Inline Errors	Side by Side Errors	Even Rows
Week 6	Mouseover Highlight (!Important)	Mouseover Highlight Sticky	Mouseout
	Mouseout More Efficient	Chaining	FAQ
	Hide	Toggle	addClass()
Week 7	Buggy Example	McFarland 13.1	Display Images
	onmouseover	onmouseout	Preload
	All together
Week 9	Display Images	Display Large Image	Fade In
	Fade To	Slide Down	Animation
	Another Animation	Light Box	Slide Show
Week 10	Big Links	Style	More Style
	Hover	Click	Cursor
Week 11	List	Lists with Styles	Drop Downs
	Accordian	Accordian with Styles
Week 12	Panels	Hide Panels	Nav Bar
	More Style	Match Panel	Hide Border
	Latest Version	Sortable Table	With More Style

Useful Links	Download Secure Shell Software from http://redhat.ics.metrostate.edu/ssh.zip	McFarland's Book Examples	Tutorials
	McCracken Book	CSS Reference Sheet	List of Many Web Resources
	CSS Tutorial	Browser Compatibility	Detecting Firefox
	Compatibility Tips (Quirks)	Quirks Mode	Firefox
	Alternate Style Sheets	Color Palette Tool	Color Contrast Tool
	Download jQuery Library

Interesting Links

Student Projects	ics22509301	ics22509302	ics22509303	ics22509304	ics22509305	ics22509306
	ics22509307	ics22509308	ics22509309	ics22509310	ics22509311	ics22509312
	ics22509313	ics22509314	ics22509315	ics22509316	ics22509317	ics22509318
	ics22509319	ics22509320	ics22509321	ics22509322	ics22509323	ics22509324
	ics22509325	ics22509326	ics22509327	ics22509328	ics22509329	ics22509330