MU Web Design

ON-LINE TUTORIALS http://www.lynda.com/Member.aspx INTEREACTIVE MEDIA RESOURCES: IMAGES, SOUNDS, VIDEO http://mudesign.net/multimedia/resources.html Creative Commons http://search.creativecommons.org/ Music http://www.royaltyfreemusic .com/free-music-clips.html Flash Kit http://www.flashkit .com/index.shtml Inexpensive stock images http://www.istockphoto.com http://canstockphoto.com/ http://www.123rf.com http://www.bigstockphoto.com INSPIRATIONAL SITES Lynda.com Dreamweaver Showcase REFERENCES 1. Web Monkey 2. http://www.wpdfd.com/ 3. http://www.commarts.com/ 4. Creativepro.com WRITING Citing other Sites Writing for the Web DESIGNING 1. Good Sites Bad Sites 2. Layout 3. Typography 4. Color 5. Navigation FILE FORMATS Graphics & photos SEARCH LISTINGS Keywords & Description Search engine registration ADD URL to GOOGLE http://www.google.com/addurl/ TEST A SITE - in different browser platforms: http://browsershots.org	WEEKLY READINGS	LECTURE	ASSIGNMENTS
	Web Design:Chapter 1 Answer: Matching and Hands On #1 for chapters 1 Link to Hands on # 1 *and post on your blog site*	8.30.11 LECTURE Course Introduction. What this class will achieve. Discuss syllabus. The Environment and the Tools Open Source Software Lecture notes WordPress Lecture notes: LAB WordPress - setting up a site, themess, fixed home page:	ASSIGNMENTS Due 9.06.11 ASSIGNMENTS Every week - add a link to your class blog to a well designed and well written educational, topical, or nonprofit organization Web Site you find inspirational. Be ready to present to the class why the site is effective and added value to you when visiting the site. Due 9/06/11 1 Create your course website site Assignment http://mudesign.net/webdesign/courseblogger.html
	Web Design: Chapter 2 Answer: Matching and Hands On #1 for chapters 2 *and post on your blog site*	9.06.11 LECTURE Web Publishing Fundamentals Educational/Topical Web Sites Web site definition LAB WordPress - setting up a site, templates, fixed home page:	ASSIGNMENTS Due 9/13/11 Educational/Topical Web Site http://www.roanestate.edu/obs/ 1. Web site definition & Content Outline link to assignment Link to class notes
	Web Design: Chapter 3 & 4 Answer: Matching and Hands On #1 for both chapters 3 & 4 *and post on your blog site*	9.13.11 Educational/Topical Web site definition due start of class LECTURE Planning s Successful Web Site: Part 1& 2 LAB WordPress - setting up a WordPress account Uploading content Typography & images Creating a static home page Link to WordPress How-To	ASSIGNMENTS 9.20.11 Educational/Topical Web Site 1. Revised Web site definition proposal including contnet outline with thumbnails of images link to assignment 2. Set up a Wordpress 2010 theme for use as your TAO redesigned Website. Your TAO redesigned website should include: ... A. Background image - sized for web or tiled ... B. Static home page ........... With header image ............... With logo for TAO in the header image ... C. Menu bar with 5 primary links ........... One link to blog dynamic page ........... Four links to static pages ................ Different featured image for each static page ... D. A side bar ........... With calendar and an appeal i.e. donate or stop light pollution 4. Begin writing your subtopics and text and collecting visuals for each of your pages.
	Web Design: Web Design: Chapter 5 & 6 Answer: Matching and Hands On #1 *and post on your blog site*	9.20.11 LECTURE Typography and Images Multimedia and Interactive Elements LAB WordPress - plugins	ASSIGNMENTS Due 9.27.11 A. Final - Educational/Topical Web Site B. Self-critique - of your educational website Link to assignment
	Web Design: Chapter 7 Answer: Matching and Hands On #2 and post on your blog site	9.27.11 LECTURE Promoting and Maintaining a Web Site	ASSIGNMENTS Due 10.04.11 Revised A. Final - Educational/Topical Web Site B. Self-critique - of your educational website Link to assignment
		10.04.11 Educational site due by end of class LECTURE Promotional Organization educational websites	ASSIGNMENT *all assignments need to be liked to your class blog site* Organizational Promotional Web sites For MU club or organization Due 10.18.11 link to assignment 1. More research 2. Site Definition/proposal 3. Content Outline
		10.11.11 No class fall break
		10.18.11 LECTURE Promotional Organization educational website definitions Website developemt project management	ASSIGNMENT all assignments need to be liked to your class blog site Organizational Promotional Web sites For MU club or organization Due 10.25.11 link to assignment 1. More research *Revised* 2. Site Definition/proposal 3. Content Outline *Design* 4. Choose a theme 5. Color scheme 6. Typography
		10.25.11 LECTURE Revised site definitions Backgrounds Banners/name/branding	*All assignments need to be liked to your class blog site* Organizational Promotional Web sites For MU club or organization Due 11.01.11 link to assignment 1. More research *Revised* 2. Content Outline *Design* 3. Background image or design 3. Name/branding 4. Work-in-progress content development 5. 2 photos for each page - stock photos can be used if necessary
		11.01.11 LECTURE Image selection croping and captioning Chunking copy, titles, subheads active voice	Organizational Promotional Web sites For MU club or organization Due 11.08.11 1. More research *Revised* 2. Name/branding *Content* 3. Finished copy for all pages 4. All images 5. All video clips 6. All graphics - including icons/thumbnails
		11.08.11TBD LECTURE Adding WordPress plugins Embedign video	Due 11.15.11 Completed Organizational Promotional Web sites For MU club or organization

		11.15.11 Final Cratique Organizational Promotional Web sites For MU club or organization	11.22.11 TBD
		11.22.11 TBD	11.29.11 TBD
		11.29.11 TBD	12.06.11 TBD
		12.06.11 Revised organizational promotional Web sites due start of class LECTURE Final exam porfolio site of Web design class projects	ASSIGNMENTS Due 12.13.11 start of class 1. Revisions to your Web sites 2. Personal portfolio site to incldue class website projects Your course personal portfolio website must including ....1. Name and date of our course ....2. Your name and email link ....3. Link to your course blog ....4. Thumbnails to revised course project sites ......... For each revised course site a page with ...............a. Screen capture of home pages ...............b. name and purpose of site ...............c. link to the site ...............d. thumbnails linked to the other sites
		12.13.11 FINAL EXAM All revised Final Web sites due 1. All assignments need to be liked to your class blog site 2. All websites need to be part of your personal portfolio In Class Final 3. Reflective design assignment given in class.

Organizational Promotional Web sites
A. Revised site definition proposal
B. Page layouts in Photoshop
.... 1. Opening home page with 5 links
........ a. Thumbnails or icons for each link
........ b. Sideshow/Animation
........ c. Large thematic Image/s & custom background
.... 2. 3-4 secondary pages linked to the home page
........ a. Page title and sub title
........ b. Large thematic Image & custom background
........ c. 1-3 paragraphia of text
........ d. 3 smaller images or graphics for each page
........ e. Logo or icon link to Home page
........ f. Thumbnails or icons for links to each secondary page
....3. At least 1 tertiary pages
........ a. Page title and sub title
........ b.Stylistically same as secondary pages
........ c. Text and images as needed
........ d. Logo or icon link icons to Home page
........ e. Thumbnails or icons for links to each secondary page
....4. The following must be including in your site on any page:
...............a. A quote, saying, proverb, or parable
...............b. Links to at least 3 related external sites
...............c. Value added information on the topic i.e. history, ...............trivia, cultural traditions etc...