Creating Web Site that Teaches Web Design

Create a Web Site to Teach Web Design . The project has two stages: a. Asg 4a. Presentation. This is a required prerequisite to Asg 4b, and is: Prepare an online presentation. It must show the main page of the final site. All links to sections should work and lead at least to a statement of the learning goal, i.e. it is a "working prototype". One menu option, labeled "Presentation", must link to a power point introduction to the proposed site, with at least 3 minutes of recorded voice (in Powerpoint, use Insert/Movies and Sounds/Record Sound - you need a microphone). b. Asg 4b. Final Product. The final product is the working site. The site must "work", e.g. teach valid principles in an interesting way. 3. Task Details i) Navigation & Structure. Web site must have suitable structure and be easy to navigate. Use of frames is strongly suggested. Each section must: (1) Give the name of author of that section at the beginning. (2) State the learning goal - the idea you want to teach - as a problem (e.g. "How to ?"). (3) Consist of 4-6 "lessons" in a sequence, all aspects the main point. Each lesson should first state some theory, then give a practical example, from actual web sites or made up. Give in-site examples (not links to the web). Also give examples of how not to do it. (4) Remember your target audience is web designers. Assume they know little about design. As people do not learn instantly, and you will need statements, examples, human reasons, variations and some self-testing to fully get a point across. b. Netscape vs Explorer. A menu tab that notes the discrepancies between Netscape and Explorer. Learning Areas 1. Managing users attention (attention flow, avoiding distractions) 2. Avoiding information overload (using information structure, using layout, using feedback) 3. How to get user attention (what catches attention, timing and expectation, signposts & attention) 4. Using existing mental models - intuitive interfaces (e.g. using spatial desktop metaphor) 5. The principles of web site navigation (menus that work, navigation feedback). 6. Designing for different types of people (e.g. young vs old, disabled) These are just the few topic ideas. I wasn't able to fit the whole thing in this window. Once someone replies to the bid, I will give more topics. ## Deliverables 1) Complete and fully-functional working program(s) in executable form as well as complete source code of all work done. 2) Installation package that will install the software (in ready-to-run condition) on the platform(s) specified in this bid request. 3) Exclusive and complete copyrights to all work purchased. (No GPL, 3rd party components, etc. unless all copyright ramifications are explained AND AGREED TO by the buyer on the site). ****Don't worry about the voice, just the powerpoint presentation is fine, I will add the voice myself. Just make sure that on the website there is a link to get to the powerpoint presentation. Remember taht the audience are webdesigners that don't know much about webdesign.********* ****I mentioned some learning areas. I would prefer #7 (The importance of effective border contrast, figure vs. ground problems, the effect of backgrounds), but then again if you want to choose some other topic, you can do so, but let me know what have you chosen. Also whatever topic you choose, make sure that you show it in the website. For example, if you pick #7, then your site should have different kind of borders used in the site.***** ****I would need all the images, any files, powerpoint presentation, everything you use in the webiste.**** ## Platform Internet Explorer, Netscape