Exercises for Multimedia Production [17:610:555] Online and Campus Instructor Anselm Spoerri - aspoerri@scils.rutgers.edu Exercise 1  | Due Week 4 | Revision Due Week 7 Exercise 2  | Due Week 6 | Revision Due Week 9 Exercise 3  | Due Week 8 | Revision Due Week 11 Exercise 4  | Due Week 10 | Revision Due Week 13 Exercise 5  | Due Week 12 | Revision Due Week 14 Student Answers : Online | Campus
Exercise 1 Ÿ Write a detailed evaluation of a website of your choice. Choose a site that could serve as a model and/or contain relevant information for your Term Project. Ÿ Use the evaluation template used in class and address all questions. Incorporate your own insights and provide specific examples that you understand the issues addressed by each question (if possible incorporate captured screenshots and hyperlinks to the specific parts of the website in your evaluation). Ÿ Download the Exercise 1 Checklist slides. Ÿ Publish your evaluation as a set of web pages. Create a title page that contains a brief summary of your evaluation and a hyperlink to the site's home page you are evaluating as well as lists of the evaluation questions, which are hyperlinked to your specific answer pages. Ÿ Upload | FTP your pages to your Rutgers account and Online Students: submit the URL of the summary page for the layouts in the dropbox assigned to the exercise; Campus Students: email instructor the URL of the summary page. Exercise 2 Ÿ Create a draft of your site "Why be a Librarian in the 21st Century?" in outline form. Ÿ Your site draft needs to cover your vision of the "value" and "skills" of a "Librarian in the 21st Century" as well as provide an outline of your relevant interests and passions. Ÿ Break down your site into categories. Create organization and associated file hierarchy. Make sure to have a category about you. Ÿ Each of your web page needs to contain your primary navigation structure. Ÿ Each web page has a clear layout and visual hierarchy (and reflecting what have learned so far: margins, typography etc.). Ÿ Each page has a brief sentence describing its goal and an outline of ideas to be covered or linked to. Wherever possible create the local hyperlinks to other pages that expand an idea mentioned. Ÿ Create a page with at least three links to web sites relevant in terms of content and/or whose layout you want to emulate. Ÿ Create at least one web page that contains a table, where at least three cells contain an image. Ÿ Upload | FTP your draft site to your Rutgers account and Online Students: submit the URL of the summary page for the layouts in the dropbox assigned to the exercise; Campus Students: email instructor the URL of the summary page. Exercise 3 Ÿ Create two different grid layouts that visualize concepts related to your Term Project and the question "Why be a Librarian in the 21st Century?" Ÿ Ask yourself: What are the key ideas of my Term Project? and how could I visualize them? Ÿ Please create layouts that have a differentiated visual structure and tell your story in detail. Ÿ You are responsible for finding or creating the digital images. Ÿ The two layout pages you create can be "stand alone" for now: they do not yet need to be connected your main site; and they do NOT require a navigation structure. Ÿ Requirements: 1) One of your layouts needs to contain at least ONE ANIMATED GIF. 2) One of your layouts needs to contain at least THREE images. Ÿ Your layouts can contain more animated GIFs and/or images. When creating the animated GIF, introduce "pauses" by displaying certain frames longer than others. You can open some the animated GIFs used in class in Fireworks or ImageReady to examine them (e.g. "dancebutton"). Ÿ Please create a "summary" page with hyperlinks to the two layout pages. On the summary page explain briefly what each layout is meant to communicate. Ÿ Upload | FTP your work to your Rutgers account and Online Students: submit the URL of the summary page for the layouts in the dropbox assigned to the exercise; Campus Students: email instructor the URL of the summary page. Exercise 4 Ÿ Convert your primary navigation structure so that it uses "navigation bars" and/or "rollover images" or "Flash Buttons" using Dreamweaver. Ÿ Create a consistent "look & feel" for your pages in terms of primary (and secondary) navigation as well as choice of type face and size. Ÿ Test your Dreamweaver site and Online Students: submit the URL of the summary page for the layouts in the dropbox assigned to the exercise; Campus Students: email instructor the URL of the summary page. Exercise 5 Ÿ Create two Flash animations that visualize concepts related to your Term Project and the question "Why be a Librarian in the 21st Century?". Ÿ Ask yourself: What are the key ideas of my Term Project? and how could I visualize them? Ÿ Please create animations that use animated text and images and tell your story in detail and embed each Flash animation in a separate web page. Ÿ Please create a "summary" page with hyperlinks to the two animations. On the summary page explain briefly what each animation is meant to communicate. Ÿ Upload | FTP your work to your Rutgers account and Online Students: submit the URL of the summary page for the layouts in the dropbox assigned to the exercise; Campus Students: email instructor the URL of the summary page.