Week |
Topics |
1 |
CSS |
2 |
CSS |
3 |
JavaScript |
4 |
JavaScript + DOM |
5 |
JavaScript + DOM + CSS |
6 |
Flash; php; etc. |
Date |
Notes |
Topics | Labs | Assignments & Quizzes |
15-19Mar | —Spring Break— |
|||
23Mar: Tu | Course outline
Course mechanics Web pages layers CSS rules How to attach Cascading priorty |
Lab1: Adding CSS to a Web page | ||
25Mar: Th |
CSS .class, #id CSS units & colors <span> & <div> Box model! Borders, padding, margin |
Upload to Beowulf [102/102] | A1: Basic CSS
Q1 |
|
30Mar: Tu | Foreground color
Background color Background images Font Properties Text Transformations |
Lab2: Controlling Boxes | ||
1Apr: Th |
pseudoselector a: etc. centering normal flow float position ingstacking order & z-index |
Lab3: Positioning | →Q1 & A1 due
A2: JS Card Tricks
Q2 |
|
6Apr: Tu | JavaScript: where
Buttons Text I/O Change Color Random Numbers Events |
Lab4: Change Color Buttons | ||
8Apr: Th | JS: Basic syntax
Manipulating Images DOM |
Lab5: Events Lab6: Image Rollover |
→Q2 & A2 due
A3: Form CheckingQ3 |
|
13Apr: Tu | JS: Conditionals
Global vars Strings Transparency Toggling indexOf() isDigit() |
Lab7: Email Checker | ||
15Apr: Th |
Iteration: for -loop
Strings as arrays allDigits()
Forms Checking |
→Q3 & A3 due
Q4
|
||
20Apr: Tu | Navigation links
Image Rollovers A4 |
Lab8: NavigationLinks | A4: WebSite | |
22Apr: Th |
Concentration: next steps
Page layouts Flash Demos Flash Animation |
→Q4 due
|
||
27Apr: Tu | Flash Slide Show; CS3 vs. CS4 Server-Side Scripting Perl, php, mysql Evaluation |
Evaluation | ||
29Apr: Th | Help with A4 | |||
30Apr: Fr | →A4 due
Q4&A4 Discussion |