Northeastern State University
College of Liberal Arts
Course Title and Number
Web Design I - MC 4383
Class Days and Time
T & TH 8:00 – 9:15 NET 307 ZAP 1624
Instructor
Kevin Stretch
Office Location: NET 416 Extension: 5852
Email: stretch@nsuok.edu
Website: http://arapaho.nsuok.edu/~stretch
Yahoo / AIM: NSUBanana
Office Hours
M-F 10:00 -11:00 & 3:00 - 4:00
Note: This is NOT a Photoshop class. NSU offers Photoshop classes. Though I will teach about many Photoshop ideas from basic to advanced, it is up to you to spend whatever extra time that you need to keep up with the class. Use the tutorials on the class site’s Links page, and the Photoshop/ImageReady’s Help menu!
Course Description
An introductory course designed to acquaint students to usability, techniques and technologies of website design and construction through hands-on training.
Objectives
After completing this course you will:
- Develop an understanding of the principles of color theory, elements of design, composition, and usability of web pages.
- Coordinate rudimentary knowledge of Adobe ImageReady to construct and maintain a website, including mouse events and animation.
- Work in a team environment, groups of 5, to develop a website to provide promotional information about an area non-profit organization.
Instructional Materials (Text) – We WILL use the textbooks!
Krug, Steve, (2006). Don’t Make Me Think, 2nd Edition, New Riders, Berkeley, CA
ISBN: 0321344758.
Kabili, Jan, & Smith, Colin, (2006). How to Wow: Photoshop CS2 for the Web, Peachpit Press, Berkeley, CA. ISBN: 0-321-39394-5
Other Materials
1 - 256 MB USB Flash Key (Approx. $20) (Available in the Bookstore) (Optional)
Student Performance Activities (Attendance)
Attending every class makes everyone’s course experience richer. Your attendance is crucial to the course moving forward and the need for redundant instruction lessened. You will be asked to participate in some way nearly every day. Therefore, your attendance will be important to the success of the course.
Assignment Due Dates
All assignments are due by 5 p.m. CST (don’t laugh, I’ve been asked), on the day indicated.
Tentative Schedule
This will not be a rigid date schedule but more of a dynamic document intended to expand and/or contract with the class pace.
I will be e-mailing you through your NSU email address because it contains important University announcements.
Don’t Make Me Think
| 15 Jan |
Chapter 1 |
Don’t Make Me Think |
15 Jan |
Chapter 2 |
How We Really Use the Web |
22 Jan |
Chapter 3 |
Billboard Design 101 |
22 Jan |
Chapter 4 |
Animal, Vegetable, or Mineral |
29 Jan |
Chapter 5 |
Omit Needless Words |
29 Jan |
Chapter 7 |
The First Step … |
How To Wow
Section 1 Navigation |
Page |
17 Jan |
Building a Nav Bar |
8 |
24 Jan |
Smart Objects Nav Bar |
22 |
31 Jan |
Slicing and Optimizing a Nav Bar |
16 |
31 Jan |
Slice Options |
21 |
31 Jan |
Test over Don’t Make Me Think – Take Home |
|
5 Feb |
Rollover Navigation |
30 |
7 Feb |
Pointers and Remote Rollovers |
34 |
12 Feb |
Image Map Navigation |
38 |
14 Feb |
Work on your site! |
|
19 Feb |
Milestone 1 Due |
|
Section 2 Animation |
|
21 Feb |
Rollover-Triggered Navigation |
70 |
26 Feb |
Animating warped text |
50 |
28 Feb |
Animate a slide show |
60 |
4 Mar |
Animating a layer style |
86 |
6 Mar |
Work on your site! |
|
11 Mar |
Work on your site! |
|
17-21 Mar |
Spring Break |
25 Mar |
Batch Processing Photos for the Web |
102 |
27 Mar |
Work on your site! |
|
1 Apr |
Outputting Multiple Linked Web Pages |
131 |
3 Apr |
Work on your site! |
|
7 Apr |
Last Day to Drop with a “W” |
|
8 Apr |
Milestone 2 Due |
|
8 Apr |
Work on your site! |
|
10 Apr |
Work on your site! |
|
Section 4 Uploading files |
15 Apr |
Connecting & WS-FTP Basics |
|
17 Apr |
Work on your site! |
|
22 Apr |
Navigation |
|
24 Apr |
Clean-up |
|
29 Apr |
Work on your site! |
|
1 -2 May |
Study Days |
|
2 May |
Last Day to Drop 16-Week Classes with a "WF" |
6 May |
Milestone 3 Due |
|
6 May |
Finals: Presentation 9:00 a.m.-10:50 a.m. |
|
Milestones
| Description |
Materials Due |
Milestone 1 - Design |
Arapaho Web Space |
Apply for student site (http://arapaho.nsuok.edu ) |
Design Rationale |
Target-audience analysis – e-mail to stretch@nsuok.edu |
Morgue Artifacts |
Pick three different web sites and why you like them
– e-mail the URLs to stretch@nsuok.edu |
Font |
Show font(s) selected for Site – e-mail to stretch@nsuok.edu |
Thumbnails |
Three site ideas and sketches w/ color palettes – e-mail to stretch@nsuok.edu |
Content Architecture |
Flow chart of content – e-mail to stretch@nsuok.edu |
Beneficiary Research |
Research of your chosen organization – 3 pgs. w/ references – e-mail to stretch@nsuok.edu |
Milestone 2 - Adobe Photoshop & Adobe ImageReady |
Design Draft |
Photoshop composite – e-mail to stretch@nsuok.edu |
Buttons |
With Rollovers – e-mail to stretch@nsuok.edu |
Animation |
Animated GIF – e-mail to stretch@nsuok.edu |
Milestone 3 – Finalization and Upload |
Artifacts (art, photos, articles) |
Scanned, Optimized Pieces (8 Minimum) |
First Web Page |
ImageReady Generated Homepage – zip files and e-mail to stretch@nsuok.edu |
FTP Site Upload |
Setup FTP Site and Upload Files |
Site |
Finished Site |
Presentation |
Present Completed Project (3 Minutes) |
Website Requirements
Your final website will contain:
- An original design
- Multiple Pages, including;
- Home page
- History of beneficiary page
- Photo page w/ 8 images
- Contact page
- Buttons with Rollovers
- Image Map
- Animation with Tweening
- Find out what the heck ‘Tweening’ means!
- Automation – Web Photo Gallery (of images)
In addition, you will:
- Publish the site to the web – Your Arapaho site
Student Evaluation
- Daily Assignments 100 points each x 13 1300
- Milestone 500 points each x 3 1500
- Tests 500 points each x 2 1000
- Class Participation 500
TOTAL 4300
*This is a digital technology class, therefore all assignments and projects should be uploaded to the Yahoo group site or, if group site is full, the files can be emailed to me (stretch@nsuok.edu) in JPG, GIF, or PSD format and they’d better open!
Grading Scale:
4300 - 3870 =A 3869 - 3440=B 3439 - 3010=C 3009 - 2580=D <2579=F
ADA Compliance
If any member of the class feels that he/she has a disability and needs special accommodations of any nature whatsoever, the instructor will work with you and the University’s office of Student Affairs to provide reasonable accommodations to ensure that you have a fair opportunity to perform in this class. Please advise the instructor of such disability and the desired accommodations at the first class attended.
General Course Requirements
- Turn your cell phone off.
- This course is not an “automatic A.” If you earn an “A” you will receive it; if not, then you will receive the grade you earn.
- All assignments turned in late or performed late are penalized by one grade level per week overdue (unexcused only).
- Make a copy of all work you turn in. Keep all graded work returned to you till the end of the semester. This policy protects you from my mistakes (and is a good idea for all of your classes).
- Plagiarism is the act of taking another person's words and/or ideas and presenting them as your own. The following are examples of plagiarism.
- Presenting a project, or portion of a project, from any source without giving credit to the source.
- Presenting ideas in your assignment that are not common information without giving credit to the source of the ideas.
- Presenting text transcribed from a book, magazine, encyclopedia, brochure, website, etc.
Foul Weather Policy
- Class will be held if at all possible.
- It is the student’s responsibility to receive the information when weather is questionable.
- Neither students nor faculty are expected to risk life or limb.
- Faculty members are obligated to hold classes if the University is not closed, unless the faculty member is unable to get to campus.
- During times of inclement weather, decisions concerning day classes will be made by 6:00 a.m. in order for the media to be notified and for students to receive the announcement before they leave home. Decisions concerning night classes will be made by 3:00 p.m.
The following media will be notified regarding closing of the campus:
Radio Stations TV Stations
KRMG 740 AM Tulsa KJRH Channel 2 Tulsa
KAYI 107 FM Tulsa KOTV Channel 6 Tulsa
KTLQ 1350 AM Tahlequah KTUL Channel 8 Tulsa
KEOK 102 FM Tahlequah KFSM Channel 5 Ft. Smith
KBIX 1490 AM Muskogee Cable Channel 96 Tahlequah
KMMY 97 FM Muskogee
KVOO 1170 FM Tulsa
In addition to the above sources of information, the automated attendant message at (918) 456-5511 will be modified to include information concerning campus operations during inclement weather. |