• Current semester • Syllabus • Past classes University's Weather Hotline: 442-7669

Digital Media Workshop: Web Publishing and Design JRL365Z (class number: 8129) Fall 2005 semester, University at Albany Instructor: David Washburn Room: Digital Workshop 3, Science Library Time: Wednesdays, 7:15-10:05 p.m. Phone: 469-7157 (cell), 242-8934 (work) e-mail: canadaeh@nycap.rr.com Office: Humanities 361 (442-2647) Office hours: after class, 10-11 p.m., or by appointment Course overview Digital Media Workshop I focuses on the science and art of editing and design required in today’s world of online journalism. The class is taught in a hands-on workshop atmosphere in an electronic classroom. Students will learn to use the following software: Photoshop, notepad and an HTML editor. Students will also be required to report and write original works of journalism, which will be included in personal and team projects. Because of the emphasis on writing and editing and the assumption that students have a base knowledge of these skills, JRL 300Z (Intro to Journalism) is a prerequisite. Goals To provide students with an introduction to (X)HTML, online journalism and online storytelling and to create an environment for students to use these new skills in practical use. To enhance students’ editing, design, storytelling and computer skills. Grading and attendance Three projects account for 85 percent of your final grade. The first is worth 25 percent; the other two are 30 percent each. One quiz is worth five percent. Attendance is worth 10 percent. Perfect attendance equals 10 points; one absence equals 9 points; two absences equal 6 points; three absences equal 3 points; more than three absences equal 0 of possible 10 points and mean you will struggle to achieve a passing grade. You will also hurt your teammates in the workshop atmosphere. Also, tardiness and leaving early will adversely affect your grade. Lectures are only a small part of this class; in-class practice is a large part. Please be considerate of your classmates (and your hard-working professor). If you are late, make sure you see me before class is over to make sure I have not marked you as absent; the mark I include when taking attendance is the official record. This is a journalism class, so a late assignment is the equivalent of missing a deadline. For each CLASS an assignment is late, one full letter grade will be deducted. You will be asked questions and be asked to demonstrate your progress during the term. Your answers and participation level go toward the final grade. Textbook and materials "HTML for the World Wide Web, 5^th Edition" by Elizabeth Castro Also “Web Style Guide” by Patrick J. Lynch and Sarah Horton (refer to the book’s website at www.webstyleguide.com), online references and other handouts TBA Portable computer memory (“flash” drive, floppy disks, for example) Camera (digital, conventional or disposable) Sticky notes CLASS 1 Wednesday, Aug. 31 Welcome and syllabus overview. Guidelines for computer use and file storage, including FTP and how to upload computer files to a Web server. See University’s Web Space Guide at http://www.albany.edu/its/web/space_guide.html See Web Page Creation at http://www.albany.edu/its/web/students/ Brief introduction to HTML (Hyper Text Markup Language), the standard language used for World Wide Web sites. In-class introduction of information covered in chapters 1-4 Your first Web page. Everyone creates an individual Web page in class tonight. It’s the first step toward the completion of Project I – personal Web site. Reading due Sept. 7: Read textbook Introduction and chapters 1 (Web Page Building Blocks), 2 (Working with Web Page Files), 3 (Basic (X)HTML Structure) and 4 (Basic (X)HTML Formatting) Assignment due Sept. 7: Set up your university web space Next week: Quiz on chapters 1-4 CLASS 2 Wednesday, Sept. 7 ** QUIZ on chapters 1-4 More in-class practicing of information covered in chapters 1-4 Refine your first web page from last week and create a second page Reading due Sept. 14: Read textbook chapter 7 (Links) Monday, Sept. 12 -- Last day to add/drop semester-length class CLASS 3 Wednesday, Sept. 14 Analysis of local, national and international newspapers and magazines online. What works and what doesn’t. Discussion of how the World Wide Web has changed publishing and created a competitive career field. How newspapers, magazines, TV and radio have reacted. A discussion of the future of publishing, on paper and the Internet. The anchor tag. Create links to sites for your assignment below. Assignment due Sept. 21: Research and link from your personal Web page to the home pages of three (3) newspaper Websites, two (2) magazine Websites and one (1) E-zine site that are examples of quality design work. Be prepared to discuss these in class Sept. 21. Reading due Sept. 21: Read textbook chapters 5 (Creating Web Images) and 6 (Using Images). CLASS 4 Wednesday, Sept. 21 Student discussion of links to news websites. Photoshop for the Web – creating and using images online. The process: acquire the image, crop, adjust resolution, adjust size, adjust levels, sharpen, compress, and prepare IMG tag and ALT attribute. The terms: GIF vs. JPG, Web-safe colors, dithering, download speed. Online resource: http://builder.com.com/5100-31-5074620.html In-class workshop time – designing your personal website. So far, you have created a few pages. Now it’s time to design the hierarchy, linking structure and content that turns pages into a site. Review “The Process” Your personal Web site will consist of a “home page” and a minimum of three interior pages. The site should say something about who you are. Sketch due in class Sept. 28. Project due Oct. 19. Assignment due Sept 28: Choose your three favorite websites. Create an HTML page with the names of those sites, links to those sites and a description of what you like about each. Include one or more images to accompany each link. Reading due Sept. 28: Read textbook chapters 13 (Lists), 14 (Tables) and 15 (Frames). CLASS 5 Wednesday, Sept. 28 Personal website sketch due today. We’ll review in class. Page layout and frames In-class work on style sheets. Assignment due Oct. 19 (our next class): Personal website project. Reading due Oct. 19: Read textbook chapters 8 (Creating Styles) and 9 (Applying Styles). Wednesday, Oct. 5 – NO CLASS (holiday) Wednesday, Oct. 12 – NO CLASS (holiday) CLASS 6 Wednesday, Oct. 19 ** Personal website project due. Please turn in printout of homepage with your name, contact information and site URL. Continued: Page layout and frames Continued: In-class working on style sheets. Assignment: Begin brainstorming for your reporting project. An executive summary with a “home page” sketch is due Nov. 2. Final project is due Nov. 16. Reading due Oct. 26: Read textbook chapters 10 (Formatting with Styles) and 11 (Layout with Styles). CLASS 7 Wednesday, Oct. 26 Continued: Practice with style sheets. Announcement of teams for storytelling assignment. Discussion of possibilities, requirements and restrictions of this project. It will include original writing by each team member. You and your partner will design a site that tells a story. Consider interactivity. Allow users choices and options. Grade is based on creativity, clarity, design and a good story. Final project is due Dec. 7. Reading due Nov. 2: Read textbook chapter 19 (JavaScript Essentials). Assignment due Nov. 2: Executive summary with a “home page” sketch of journalism project. CLASS 8 Wednesday, Nov. 2 ** Assignment due: Executive summary of individual reporting site with a “home page” sketch. This allows me to provide feedback Nov. 9. Final project is due Nov. 16. Team building -- design the structure and goals of your storytelling site using sticky notes. Continued: Practice with style sheets. In-class demonstration of common uses of JavaScript. Continue individual project and team project in class. Team project executive summary with a “home page” sketch is due Nov. 16. Final project is due Dec. 7. CLASS 9 Wednesday, Nov. 9 Continue individual reporting project and team project in class. CLASS 10 Wednesday, Nov. 16 ** Individual reporting project due. Please turn in printout of homepage with your name, contact information and site URL. ** Team summary due: Executive summary with a “home page” sketch of team project. Include names and contact information. Continue team project in class. Reading due Nov. 30: Textbook chapter 20 (Symbols and Non-English Characters) Wednesday, Nov. 23 – NO CLASS (holiday) CLASS 11 Wednesday, Nov. 30 Continue team project in class. CLASS 12 Wednesday, Dec. 7 ** Team project due. Full demonstration by each team. Please turn in homepage printout with names, contact information and website URL. Projects 1 – Personal website Due Oct. 19 Produce a site that describes you – personal history, favorite places and things, resume, personal photos, friends, activities, academics, links to outside sites 2 – Individual reporting Due Nov. 16 Produce a site that emphasizes writing, journalism and research. Tell an original story, whether it’s hard news or feature. It should illustrate generous amounts of research, using links to sources rather than bibliography. Final product can be displayed in chapter format, chronological format, subject format or other. Consider ease of navigation for the user. Use style sheets, images, text, links. 3 – Storytelling Due Dec. 7 Two-person project that tells a story and gives user a full, interactive experience. For samples and brainstorming concepts, see past projects: Fall 2003 (http://www.albany.edu/~washburn/fall2003/project3.html) Fall 2002 (http://www.albany.edu/~washburn/fall2002/twoperson.html) National Geographic (http://www.nationalgeographic.com/siteindex/index.html) Around Maine (http://www.aroundmaine.com/Around_Town/stories/archives/Default.asp) Please include notes, sketches, maps, etc. as well as your team URL and contact information. The notes, etc. will be part of grade. Bonus: You have an option to redo either project 1 or 2 between the time you are returned the critique and the semester’s final class. Please hand in the original critique and a home page printout. Online web development resources HTML http://www.htmlgoodies.com/ http://builder.com.com/ http://www.webdevelopersjournal.com/ http://www.webdeveloper.com/ http://webmonkey.wired.com/webmonkey/ http://www.w3.org/ DHTML, JavaScript http://www.dynamicdrive.com/ http://javascriptkit.com/ Cascading Style Sheets http://hotwired.lycos.com/webmonkey/authoring/stylesheets/tutorials/tutorial1.html http://www.w3.org/Style/CSS/ http://builder.cnet.com/webbuilding/pages/Authoring/CSS/table.html?tag=st.bl.3880.ref_l.bl_table Glossaries and terms http://www.webopedia.com/ http://www.cwru.edu/help/webglossary.html Software HTML editors Web Notepad (free) http://www.digicraft.com.au/webnotepad/ Notepad2 (free) http://www.flos-freeware.ch/notepad2.html HTML Kit (free) http://www.chami.com/html-kit/ Hot Dog ($39.95 to $99.95) http://www.sausage.com/products.html Dreamweaver MX ($399 … ouch; 30-day free trial download) http://www.macromedia.com/products/dreamweaver/ Homesite ($99; 30-day free trial download) http://shop.macromedia.com/dr/v2/ec_MAIN.Entry17c?CID=0&PN=5&SP=10007&SID=46165&PID=539570&DSP=&CUR=840&PGRP=0&CACHE_ID=0 Image editors Adobe Photoshop CS2 ($599) http://store.adobe.com/store/products/master.jhtml?id=catPhotoshop Adobe Photoshop 7.0 ($299) http://store.adobe.com/store/products/master.jhtmlid=catAcrobatStnd Adobe Photoshop Elements 3.0 ($99) http://store.adobe.com/store/products/master.jhtml?id=catPhotoshopElementsWin For university academic discounts, call (518) 442-5690 or fax (518) 442-5685 Also: http://www.academicsuperstore.com/ Photoshop CS2 $289.95 Photoshop Elements 3.0 $ 59.95 Also: http://sprysoft.com/ Photoshop CS2              $278.80 Photoshop Elements      $68.80 Hardware The Interactive Media Center has a Nikon Coolpix 4.0 mega pixel digital camera available for use outside the library. It is available only if you are a currently eligible registered borrower of the Library and a University faculty, student or staff member. Contact Regina Conboy, telephone 442-3608 or email: rconboy@uamail.albany.edu. The IMC is located on the lower floor of the Main Library at the Uptown Campus. Monday - Thursday: 8am-10pm Friday: 8am-5pm Saturday: 9am-5pm Sunday: Noon-7pm