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, #idCSS 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 floatpositioningstacking 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 |
|||