Weekly coding assignments

[EDIT 772 home] [Jeff Williamson home]

Weekly coding assignments - EDIT 772 (advanced level)

Wk Mondays Wednesdays

1 Frequently-accessed links
Dreamweaver resources
Yahoo Photoshop directory
PaintShop Pro resources
Jeff's Technology Bookmarks
7/7
Class: Intros and experience (skills and software), interests.
GMU account activation, FTP - I need everyone to activate and use your GMU account, even if you just link from it to your real site
Review: Tables
Configuring Dreamweaver: Browsers, site manager, basic coding, Library
Send me an e-mail with your URLs and research interests
Set up your site:
edit772/index.htm - this page
edit772/dw/ - a folder containing your experiments with Dreamweaver and Photoshop. Create at least 4-5 pages - maybe Dreamwaver, Graphics, Scripts, Java and HTML4
edit772/final/ - a folder containing your final project

2 7/12
Class: Type, layout, and navigation, with some accessibility
How Users Read on the Web
Typography, fonts, and Dreamweaver's FONT formatting.
Quick style sheet intro, and browser versions (DW stylesheet bug?).
Layout and 12 tips for navigation (another article) (another site) brief info on frames and accessbility
Text formatting, text readers, display variables,
Dreamweaver Library, Java, Open Cube Java applets
Due by 4:30: Active your GMU account, create the folder edit772 within your public_html directory, and upload the folders and pages mentioned in 7/7
7/14
Class: User engagement, forms and Javascript
Leftovers from 7/12, then forms and form processing - free CGI scripts and form processing options without CGI scripts
DW Javascript field verification for forms.
Other useful Javascripts:

pull-down menus
last updated
this URL
pop-up windows (easier in DW)
mouseovers (maybe move to 7/21)
Javascript quiz programs
your faves?
bookmarklets

Due by 7:10: Assignment 1: A set of pages in your dw folder with persistent and consistent navigation controls built in the Dreamweaver Library function.

3 7/19
Class: Color and graphics 1
Color on the web, color combos, doofus guide to picking colors
Graphics information.
Photoshop basics:

getting from one format to another
cropping
resizing
canvas resizing
adding drop shadows
making text banners

Graphic ultilities on the web; optimization
Due by 4:30: Assignment 2: Pages with two Javascripts and one Java applet of your choice.
7/21
Class: Color and graphics 2; Multimedia
Photoshop advanced:

Using layers for multiple images
seamless background tiles
animations
effects

(Perhaps) begin Flash, Director, Quicktime
Due by 7:10: Assignment 3: Your design treatment

4 7/26
Multimedia, Instructional media, web databases
Class: Multimedia clips, Real Media sound and video.
Path animations and DHTML, free and commercially-available behaviors for DW
What little I know and what you all know about databases on the web
Due by 4:30: Assignment 4: A page of experiments with graphics
7/28
Class: Student presentations 1
Due by 7:10: Assignment 5: Draft site of your final project.

5 8/2
Class: Student presentations 2

Dreamweaver Attain
8/4
Final project presentations and grades

Wk	Mondays	Wednesdays
1	Frequently-accessed links Dreamweaver resources Yahoo Photoshop directory PaintShop Pro resources Jeff's Technology Bookmarks	7/7 Class: Intros and experience (skills and software), interests. GMU account activation, FTP - I need everyone to activate and use your GMU account, even if you just link from it to your real site Review: Tables Configuring Dreamweaver: Browsers, site manager, basic coding, Library Send me an e-mail with your URLs and research interests Set up your site: edit772/index.htm - this page edit772/dw/ - a folder containing your experiments with Dreamweaver and Photoshop. Create at least 4-5 pages - maybe Dreamwaver, Graphics, Scripts, Java and HTML4 edit772/final/ - a folder containing your final project
2	7/12 Class: Type, layout, and navigation, with some accessibility How Users Read on the Web Typography, fonts, and Dreamweaver's FONT formatting. Quick style sheet intro, and browser versions (DW stylesheet bug?). Layout and 12 tips for navigation (another article) (another site) brief info on frames and accessbility Text formatting, text readers, display variables, Dreamweaver Library, Java, Open Cube Java applets Due by 4:30: Active your GMU account, create the folder edit772 within your public_html directory, and upload the folders and pages mentioned in 7/7	7/14 Class: User engagement, forms and Javascript Leftovers from 7/12, then forms and form processing - free CGI scripts and form processing options without CGI scripts DW Javascript field verification for forms. Other useful Javascripts: pull-down menus last updated this URL pop-up windows (easier in DW) mouseovers (maybe move to 7/21) Javascript quiz programs your faves? bookmarklets Due by 7:10: Assignment 1: A set of pages in your dw folder with persistent and consistent navigation controls built in the Dreamweaver Library function.
3	7/19 Class: Color and graphics 1 Color on the web, color combos, doofus guide to picking colors Graphics information. Photoshop basics: getting from one format to another cropping resizing canvas resizing adding drop shadows making text banners Graphic ultilities on the web; optimization Due by 4:30: Assignment 2: Pages with two Javascripts and one Java applet of your choice.	7/21 Class: Color and graphics 2; Multimedia Photoshop advanced: Using layers for multiple images seamless background tiles animations effects (Perhaps) begin Flash, Director, Quicktime Due by 7:10: Assignment 3: Your design treatment
4	7/26 Multimedia, Instructional media, web databases Class: Multimedia clips, Real Media sound and video. Path animations and DHTML, free and commercially-available behaviors for DW What little I know and what you all know about databases on the web Due by 4:30: Assignment 4: A page of experiments with graphics	7/28 Class: Student presentations 1 Due by 7:10: Assignment 5: Draft site of your final project.
5	8/2 Class: Student presentations 2 Dreamweaver Attain	8/4 Final project presentations and grades