Northeastern State University
College of Liberal Arts
Course Title and Number
Web Design II - MC 4393
Class Days and Time
Tuesday 5:30 p.m. – 8:10 p.m. ~ Fine Arts Lab 202
Instructor
Kevin Stretch
Office Location: the NET Bldg., Suite 416 Phone: 444-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: Use the tutorials on the class site’s Links page, and the Dreamweaver’s Help menu!
Course Description
An intermediate course designed to acquaint students to usability, techniques and technologies of website design and construction through hands-on training, using XHTML, CSS, and Dreamweaver.
Objectives
After completing this course you will:
- Develop an understanding of the principles of elements of target audience analysis, planning, design, composition, accessibility, and usability of web pages.
- Develop a rudimentary knowledge of XHTML programming language and Cascading Style Sheets.
- Coordinate rudimentary knowledge of Adobe Dreamweaver to construct and maintain a website.
Instructional Materials (Text) – No textbooks needed to purchase!
Lynch, P., & Horton, S. (2002). Web Style Guide, www.webstyleguide.com.
Other Materials
1GB USB Flash Key (Approx. $25) (Available in the Bookstore) (Optional)
Student Performance Activities and Attendance
This portion of the class accounts for 8.5% of your final grade.
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 and your grade will be based in part on your performance in that area.
If you miss 3 times or more your FINAL grade will be lowered 10%.
Be on time … if you DO come in late, make sure that I mark you as present in order to get attendance credit.
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.
| Date |
Milestones |
Description |
15 Jan |
|
Introduction/Web Search/XHTML/Dreamweaver Help & Tutorials/Extension Mgr |
22 Jan |
|
Target Audience/Architecture/Accessibility |
29 Jan |
|
Dreamweaver Introduction/Rollovers/ |
5 Feb |
|
XHTML |
5 Feb |
Milestone 1 ~ Analysis |
12 Feb |
|
Dreamweaver Navigation/Built-ins/Library Items |
19 Feb |
|
Cascading Style Sheets |
26 Feb |
|
Animation/Movie w transcript/Sprys/Search Engine |
4 Mar |
Milestone 2 ~ Designing and Development |
11 Mar |
|
Testing |
15-23 Mar |
|
Spring Break |
25 Mar |
|
Proofing – Spell Check/Linking/Accessibility |
1 Apr |
|
FTP/Troubleshooting |
8 Apr |
Milestone 3 ~ Implementation and Testing |
15 Apr |
|
Work on your sites! |
22 Apr |
|
Work on your sites! |
29 Apr |
|
Work on your sites! |
6 May |
Milestone 4 ~ Presentation and Evaluation
Final Presentation |
Milestones
| Description |
Materials Due |
Points Possible |
Milestone 1 - Analysis |
Arapaho Web Space |
Apply for Student Site @ http://arapaho.nsuok.edu |
100 |
Identify Site Subject |
What is your site going to be about? |
200 |
Target Audience Analysis |
In-depth Target Audience Analysis |
300 |
Accessibility Provisions |
Discuss how you will deal with ADA Section 508 issues |
300 |
Font |
Show and discuss Font(s) Selected for Site |
200 |
Thumbnails |
Three Sketches of Possible Site Layout w/ Color Palettes |
200 |
Content Architecture |
Flow Chart of Site Content |
300 |
Content |
Detailed information, planned graphics, animation, and movie (including transcript) |
300 |
Milestone 2 – Design and Develop |
Design Draft |
Photoshop Composite |
300 |
Buttons |
With Rollovers |
200 |
Animation/Movie |
Animated GIF or SWF / OR / Movie –both w/ transcripts or sub titles |
200 |
CSS |
Develop a linked Cascading Style Sheet for your site |
300 |
Artifacts |
Scanned/Downloaded Pieces (8 Minimum) |
300 |
Image Map |
Create 1 (Min) Image Map |
100 |
Search Engine |
Insert a site-focused search engine on home page |
300 |
Milestone 3 – Implement and Test |
FTP Site Upload |
Setup FTP Site and Upload Files |
200 |
Test |
Beta testing by cohort |
300 |
Site Tweaking |
Troubleshoot and fix per testing |
300 |
Milestone 4 – Evaluate and Present |
Evaluate |
Discuss site successes and short-comings |
300 |
Presentation |
Present your site and discuss concepts and development
(5 minutes max) |
300 |
Website Requirements
Your final website will contain:
- Multimedia Majors ~An original design
- Mass Comm and Other Majors ~ Political Site (can use Dreamweaver Templates)
- Multiple Pages, including;
- About the subject page (background, history, etc.)
- 3 Major content pages
- Photo or portfolio page w/ 8 photos
- Contact page
- Buttons with Rollovers
- Image Map
- A Site Search Feature
- Multimedia Majors ~ Flash Animation
- Mass Comm and Other Majors ~ Animated Banner Advertisement
- Movie Clip with Transcript ~ 15 sec. minimum
- Cascading Style Sheet, linked
In addition, you will:
- Publish the site to the Web
- Burn an auto-loading CD/DVD
Final Presentation
Will consist of:
- Discuss your target audience profile
- Discuss your design concepts
- Usability and Accessibility considerations
- Discuss your Cascading Style Sheet
- A live demonstration of the site
- Navigation
- Animation
- Accessibility
- Discuss your site’s pros and cons: What would you change?
Student Evaluation
- Assignments
 5000 (84% of total grade)
- Final Presentation 500 (8% of total grade)
- Class Participation 500 (8% of total grade)
TOTAL 6000
*This is a digital technology class, therefore all assignments and projects should be emailed to me (stretch@nsuok.edu) in JPG, GIF, ZIP, or PDF format and they’d better open! I use a PC so NO SIT FILES!
Always save a copy of your e-mails!
Grading Scale:
6000 - 5400 =A 5399 - 4800=B 4799 - 4200=C 4199 - 3600=D <3599=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.
Suggested Reading List
Krug, Steve, (2006). Don’t Make Me Think, 2nd Edition, New Riders, Berkeley, CA
Nielsen, J. (n.d.) Useit.com
Usability
Lazar, J. (2001). User-Centered Web Development. Jones and Bartlett, Sudbury:MA.
Nielsen, J. (2000). Designing Web Usability: The Practice of Simplicity. New Riders: Indianapolis, IN.
Nielsen, J. (2003, August 25) Usability 101: Introduction to Usability, Alertbox, retrieved December 23, 2007, from http://www.useit.com/alertbox/20030825.html.
Multimedia
Faraday, P. F., & Sutcliffe, A. G. (1996). An empirical study of attending and comprehending multimedia presentations. Paper presented at the ACM International Conference on Multimedia 96, Boston, USA.
Faraday, P. F., & Sutcliffe, A. G. (1997). Designing effective multimedia presentations. Paper presented at the CHI 97, Atlanta, USA.
Hegarty, M., & Sims, V.K. (1994). Individual differences in mental animation during mechanical reasoning. Memory & Cognition, 22, 411-430.
Lowe, R.K. (2003). Animation and learning: Selective processing of information in dynamic graphics. Learning and Instruction. 13, 247-262.
Lowe, R.K. (2004). Interrogation of a dynamic visualization during learning. Learning and Instruction, 14, 257-274.
Mayer, R.E., & Moreno, R. (2002). Animation as an aid to multimedia learning. Educational Psychology Review, 14, 87-99.
Palmer, S., & Elkerton, J. (1993). Animated demonstrations for learning procedural computer-based tasks. Human-Computer Interaction, 8, 193-216.
Schnotz, W., Böckheler, J., & Grzondziel, H (1999). Individual and co-operative learning with interactive animated pictures. European Journal of Psychology of Education, 14, 245-265.
Tversky, B., Morrison, J. B., & Bétrancourt M. (2002). Animation: Can it facilitate? International Journal of Human-Computer Studies, 57, 247-262.
Dreamweaver
Chow, G. (2008). Adobe Dreamweaver CS3: Hands-On Training. Peachpit Press, Berkeley, CA.
Cascading Style Sheets and XHTML
Batschelet, M. (2007). XHTML/CSS Basics for Web Writers. Pearson Education, Columbus, OH.
Chow, G. (2008). Adobe Dreamweaver CS3: Hands-On Training. Peachpit Press, Berkeley, CA.
Clarke, A. (2007). Transcending CSS: The Fine Art of Web Design. New Riders, Berkeley, CA.
Meyer, E. (2007). CSS Web Site Design. Peachpit Press, Berkeley, CA. |
