:::E19.2251: Educational Design for the World Wide Web:::

 

:::Fall 2007

 

Wednesdays, 6:45–8:25 PM • Education Building, 2nd floor

Instructor: Jim Diamond • jpd247@nyu.edu

Office Hours: By appointment

On-line syllabus: http://webdesign.pbwiki.com

Printable syllabus here: 2251_syl_f2007.pdf

Final grading guidelines: final_grade_guidelines.pdf

 

E19.2251 introduces students to instructional design concepts and environments for the web, based on principles drawn from instructional design models and cognitive and constructivist perspectives on learning and instruction. Students develop an understanding of the unique design potential and challenges of Web-based instructional materials. Students develop skills in HTML, CSS, JavaScript, and Flash to design web sites and incorporate multimedia content into sites.

 

:::Meeting schedule:::

 

:::9/5—Introductions & getting started

• Mac basics, image basics, ftp (Fetch), file paths, file naming conventions, creating a web page, groups
• For next week: Visit—Web Pages that Suck (http://www.webpagesthatsuck.com/)

 

:::9/12—Introducing Dreamweaver

• Creating a site, the Dreamweaver interface, creating html pages, creating styles
• For next week: Read "Theories of learning and their application to technology"—http://homepages.nyu.edu/~jpd247/2251/readings/mayer_theories_and_apps.pdf Web Standards Solutions—Introduction
• Assignment for next week: For next week, you'll begin to build your personal web site by creating three html pages: A biography, which will be your index page (this should include text and images); your annotated bibliography; and a "factoid" page

 

:::9/19—html & css

• Designing with style sheets
• Reading due this week: "Theories of learning and their application to technology"; Web Standards Solutions Intro.
• Link for this week's PowerPoint presentation: http://homepages.nyu.edu/~jpd247/2251/ppt/theory_overview.ppt
• Creating links: creating_links.pdf

 

:::9/26—html & css

• More with style sheets and html pages
• For next week: Visit—CSS Zen Garden (http://www.csszengarden.com/ ), CSS Zen Garden Resource Guide (http://www.mezzoblue.com/zengarden/resources/ ), Little Boxes CSS Layout Page (http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html )
• For next week: Read Collins' "Design issues for learning environments" (don't forget to add your notes to your annotated bib.!) http://homepages.nyu.edu/~jpd247/2251/readings/Collins_1993.pdf
• For next week: Look at Dan Cederholm's Web Standards Solutions: The Markup and Style Handbook. This book is available through "Books24x7," which can be accessed under the Research tab of your NYUHome account. Sign in to NYUHome and then click on the Research tab. Under "Most popular" you'll see the link for Books24x7. Type in "Cederholm" in the Search box up top once it comes up. The book's cover looks like this: . Read through the chapter on lists (and if you're feeling brave, try his navigation exercise).
• stylesheets1.pdf

!

:::10/3—html & css

• Even more with styles sheets and html pages
• Reading due this week: the Collins article and Cederholm (remember the annotated bib on the Collins article…)
• stylesheets2.pdf

 

:::10/10—html, css, and a design pitstop

• Wrapping up with style sheets and html pages; some graphic design basics
• Reading due this week: Clark & Mayer, Chaps. 1–3
• Some design links:
  • http://www.webdesignfromscratch.com/basics.cfm
  • http://www.allgraphicdesign.com/whatisgraphicdesign.html
  • http://www.allgraphicdesign.com/design101.html
  • The Web Style Guide: http://webstyleguide.com/
  • Universal Usability Guide: http://universalusability.com/index.html

 

:::10/17—Working with forms

• Using web forms
• -Design documents due-
• HTML elements: html_elements.pdf

 

:::10/24—Javascript & behaviors

• Introducing JavaScript and Dreamweaver behaviors
• -Design document critiques due-
• Design documents due

 

:::10/31—Javascript & behaviors

• More with JavaScript
• Design document critiques due
• Design documents due

 

:::11/7—Javascript & behaviors

• Wrapping up JavaScript
• Reading due this week: Clark & Mayer, Chaps. 4–8
• Design document critiques due

 

:::11/14—Incorporating media

• Incorporating audio and video files into your html pages
• Aid for swapping images: swap_images.pdf

 

:::11/21—No class

• Enjoy the break!

 

:::11/28—Introducing Flash

• timeline aid: timeline.pdf
• media embedding aid: media.pdf
• Flash interface and basics
• Reading due this week: Bransford, Brown, and Cocking, "Technology to support learning": http://www.nap.edu/html/howpeople1/ch9.html

 

:::12/5—Flash

• Tweening in Flash
• Reading due this week: Clark & Mayer, Chaps. 9–14
• link to Audacity: http://audacity.sourceforge.net/

 

:::12/12—Final class/Student Showcase

• Course reviews
• Students should be prepared to give a 5-minute presentation to the class, demonstrating their sites and their instructional goals
• Festivities!!