Lesson Guide
Spring 2001
(Rev 4/25/2001)

This Lesson Guide is provided for your convenience. It is not a contract; it is a guide. Minor tweaks and edits are almost inevitable as the semester proceeds. You should check this page frequently. Note also that Topic links may not work until the actual session dates.
Session
Dates
Topic Readings, Tasks, and Deliverables

Session
One

Jan. 27
to
Feb. 07

-Extra long session allows time to acquire class materials and get acquainted
with WebTycho.

 

Introduction
  • Explication of Syllabus, Lesson Guide, and WebTycho (enhanced and online classes)
  • Philosophy of the Class
  • Course Requirements and Deliverables
  • Reading vs. "perusing"
  • Discussion of Portfolio Assessment
  • Discussion of Multimedia
  • Overview of Software required for this class:
  • Read: Dreamweaver 4
    • Introduction (pp. 11-26)
    • Ch. 1. (pp. 27-70)
    • Complete the tutorial by Feb 15.
  • Download WS-FTP.
  • Setup Your Own Polaris Account
  • Post in the "Introduction Biographies" Conference: a brief introduction to yourself. Tell why you enrolled in this class and what you hope to get out of it. Tell also a brief story about a particular interest you have (work, hobby, philosophy), then give a link to the best multimedia website you can find that deals with that interest. Do this by midnight Feb. 4.

Session
Two

Feb. 08
to
Feb. 14

General Principles of
Website Design
& Aesthetics
  • Siskel & Ebert Go Surfing: What's to learn from Kool Sites
  • Characteristics of Truly Bad Sites
  • Rules of Thumb for Functional Design
  • The 48.7 K rule
  • Mystery Meat
  • Cutting Edge vs. Bleeding Edge
  • Web Usability
  • Page Design Principles and Aesthetics
  • Best and Worst Practices in Page Design
  • Read:
  • Read Rapidly: Nielsen:
    • Ch.1 (pp.8-15)
    • Ch.2 (pp. 16-97)
  • Read: Fireworks 4:
    • Introduction (pp. 11-18)
    • Ch.1 (pp. 19-42)
    • Complete the tutorial by Feb. 22.
  • Peruse: Session Two Webliography
  • Surf The Web:
    • Find good websites and bad websites on any topic (or topics)
    • Find good multimedia informational sites and multimedia tutorials.
  • Check the SessionTwo Conference thread(s) and participate as required. (Details on Session Two Lesson Page.)

Session
Three

Feb. 15
to
Feb. 21

Web Design 101
&
Dreamweaver Part 1:
An Online Workshop

This session will introduce a few basic strategies and concepts of Web Design by introducing and using Dreamweaver 4. After a brief program tour, this session will cover such essentials as:
  • creating a site
  • designing a page
  • using tables for design
  • inserting images, anchors, and links
We will also discuss in this session such topics as storyboarding, site management, and the Web Development Plan.
  • Read: Dreamweaver 4
    • Ch. 6 (pp. 167-182)
    • Ch. 7 (pp. 183-202)
  • Peruse: Dreamweaver 4
    • Ch. 2 (pp. 71-94)
    • Ch. 3 (pp. 95-106)
    • Ch. 5 (pp 149-166)
  • Check the Session Three Conference thread(s) and participate as required.
  • Peruse: Session Three Webliography
  • Form Groups: Details provided in the Announcement Section of WebTycho.
  • Submit your Web Development Plan by midnight Feb. 18. You will find the form posted in the Announcement section. (Your plan will be returned to you with comments on or before 1 March.)

Session
Four

Feb. 22
to
Feb. 28

Dreamweaver Part 2:
An Online Workshop

This session will continue developing skills in Dreamweaver, including:
  • editing HTML
  • introduction to behaviors
  • setting up rollovers and pop-up windows
The F2F class will spend a portion of the class in a non-directed workshop, giving students an opportunity to work on websites with help from Kerby, Maertens, and Schroeder. Online sections will have a Dreamweaver Workshop Conference.
  • Read: Dreamweaver 4
    • Ch. 14 (pp. 321-350)
  • Peruse: Dreamweaver 4
    • Ch. 9-11 (pp. 221-280)
    • Ch. 15 (pp.353-374)
  • Check the Session Four Conference thread(s) and participate as required.
  • Peruse: Session Four Webliography
  • Workshop Activity: upload to your polaris account a draft of your Splash page, and post a link to it in the Session 4 conference. This page should should include: a table, a title (Page Properties), relative links, absolute links, an image, an e-mail link, and should be done by 28 February.

Session
Five

March 1
to
March 7

Web Graphics 101:
& Fireworks Part 1

Presentation:

  • image basics
  • bit-depth and bit reduction
  • vector vs. raster
  • GIF, JPG, PNG
  • bandwidth issues
  • color issues
Workshop Part 1:
  • Introduction to Fireworks: a program tour
  • canvas, rulers, guides, and grid
  • crop, resize, feather, color pick
  • working with vectors and bitmaps
  • exporting
  • Read: Fireworks 4 
    • Ch. 2 (pp. 43-60).
    • Ch. 3 (pp. 63-84)
    • Ch. 17 (pp. 307-329)
  • Peruse: Fireworks 4 
    • Ch. 6 (pp. 125-140)
    • Ch. 18 (pp. 329-349)
  • Check the Session Five Conference thread(s) and participate as required.
  • Peruse: Session Five Webliography
  • Revise (as necessary) your Splash Page, Upload, then POST the URL in the "Portfolios" Conference by midnight Mar. 4. 
    • This time, your folder MUST be named "csmn_639" and your splash page must be named "opening.htm"
  • Revise (as necessary) your Web Development Plan, Upload, and and link it from your Splash page by Mar. 4.
  • Upload your Development Notes by midnight March 4.

Session
Six

March 8
to
March 14

Fireworks Part 2
An Online Workshop

This session will continue developing skills in Fireworks and cover such issues such as:

  • buttons
  • optimizing
  • color and tone
  • text
  • layers and masks
The F2F class will spend a portion of the class in a non-directed workshop, giving students an opportunity to work on images with help from Kerby, Maertens, and Schroeder. Online sections will have a Fireworks Workshop Conference.
  • Read: Fireworks 4
    • Ch. 4 (pp. 85-98)
    • Ch. 5 (pp. 99-124)
    • Ch. 11 (pp. 203-222)
  • Peruse: Fireworks 4 
    • Ch. 7 (pp. 141-156)
    • Ch. 8 (pp. 157-178)
    • Ch. 9 (pp. 179-192)
    • Ch. 13 (pp. 235-246)
    • Ch. 19 (pp. 349-362)
  • Peruse: Session Six Webliography
  • Check the Session Six Conference thread(s) and participate as required.
  • Upload: your Website First Draft and link to it from your Splash page by midnight March 11. This does not have to be a fully developed site, but should contain several pages, along with appropriate navigation, and indicate learning for the past several weeks (design, navigation, images, etc.)
  • Post in the Portfolios Conference (under your own Splash Page Main Topic), a Response entitled "Web Site First Draft." In that response, let us know that your Web site first draft is uploaded, and give us a short explanation of what you have done by midnight Mar. 11.
  • Make additions to your Development Notes by midnight March 11.

Session
Seven

March 15
to
March 28

Spring Break: March 19-25.
No assignments or feedback will occur during those days

Making it Interactive:
Behaviors, Forms & DHTML
Dreamweaver Part 3
An Online Workshop

In this session, we will use Dreamweaver 4 to learn:

  • the basics of Form setup
  • CGI and the FormHandler Script
  • Timelines, Layers, and DHTML

By the end of the class/worshop, each student should have:

  1. a working form that runs off a cgi script
  2. a DHTML animation
  • Peruse: Dreamweaver 4
    • Chapter 17 (pp. 407-434)
    • Chapter 18 (pp. 435-444)
    • Chapter 20 (PP 481-500)
  • Peruse: Session Seven Webliography
  • Check the Session Seven Conference thread(s) and participate as required.
  • Upload: to your Development notes detailed information about your website graphics (formats compression ratio, etc) by midnight March 25.
  • Make additions to your Development Notes by midnight March 25.

Session
Eight

March 29
to
April 4

Audio 101:
Audio Basics
&
How to Stream Sound

 

Presentation:

  • basics of measuring sound
  • analog vs. digital
  • encoding
  • digital audio file types
  • sampling, resolution, and bit-rates
  • compression, codecs, and ways to reduce sound files
  • quantizatoin and dithering
  • advantages of digital audio
  • MP3 and ripping
Workshop:
  • how to record, edit, optimize, encode, publish a streaming audio file
  • Read/Peruse:The GoldWave "manual." Pay special attention to the first two sections--"Introduction" and "Getting Started" (these are found under Help in your GoldWave Program)
  • Read/Peruse: The RealProducer Manual (F1 when RealProducer is open). This is an excellent resource. Pay special attention to Ch. 2. Streaming Media Basics and Ch 3. Creating Streaming Media.
  • Peruse: Session Eight Webliography
  • Check the Session Eight Conference thread(s) and participate as required.
  • Your Web site should have at least one DHTML animation by midnight April 1.
  • Make additions to your Development Notes by midnight April 1.

Session
Nine

April 5
to
April 11

Video 101:
Video Basics
&
How to Stream Movies

 

Presentation:

  • digital video: the basics
  • digital formats
  • video compression
  • Web Cam vs. Video Camera
  • video streaming
  • encoding video files for streaming
  • Peruse: Session Nine Webliography
  • Check the Session Nine Conference thread(s) and participate as required.
  • Revise your web site as needed.
  • Your Web site should have an Interactive Form by midnight April 8.
  • Make additions to your Development Notes by midnight April 8.

Session
Ten

April 12
to
April 18

Making Online Presentations:
Some Practical Advice

  • RealPresenter, Real Slide Show
  • PowerPoint animations to SMIL
  • tips and tricks on making multimedia presentations
  • Post (in the Portfolio Critique Conference) the URL to your Splash Page. Do this by creating a Main Topic. Do this ASAP, but no later than midnight April 14.
  • Critique (in the Portfolio Critique Conference) three other classmates' portfolios. Do this by clicking on respond under the Main Topic heading. If someone already has three critiques, choose another portfolio. Make your critiques by midnight April 19.
  • Your Web site should have audio by midnight April 15
  • Make additions to your Development Notes by midnight April 15.

Session
Eleven

April 19
to
April 25

Website Evaluation Methods
Revisited
  • Revisiting "How to Evaluate"
  • Catch up as needed
  • Read: Alexander and Tate's Evaluating Web Resources
  • Peruse: Session Eleven Webliography
  • Post in the Evaluation Method's Conference your evaluation of evaluation methods (details on Lesson page)
  • Revise your Web site as needed.
  • Build your Benchmark Web Critique, critique two Web sites, and Post the results in your Portfolio by midnight April 25.
  • Make additions to your Development Notes as needed.

Session
Twelve

April 26
to
May 2

Website Critiques
  • Give Critiques to selected class members
  • Catch up as needed
  • In the Portfolios Critique Conference, select one classmate's portfolio. Go to the benchmark critique. Evaluate his or her Web site using his or her own benchmark critique. Post the results of your evaluation in the Portfolios Critique Conference by clicking on respond. Please add "(Benchmark Critique) at the end of the subject heading as you respond. If someone else has already done a benchmark critique for that Web site, select another. Do this by midnight May 2.
  • Participate in the So You're The Manager Conference. Details outlined in Session Twelve Content area. Do this by midnight May 6.

Session
Thirteen

May 3
to
May 9

Group Project
Presentations

  • Group presentations
  • One person from each group upload to the "Multimedia Presentations" Conference the link to your Group's Online Presentation by midnight 6 May
  • Complete your Personal Portfolio by Midnight May 6.
  • Make final additions to your Development Notes by midnight May 6.

Session
Fourteen

May 10
to
May 14

Wrapping it all Up
  • Final words and good-byes

|| Read Me First ||  Contact Dr. Keller ||
|| Contact Steve Kerby || Contact Deb Schroeder || Contact Marco Maertens ||
  Back toTycho Login  || Additional Web Resources ||
||  Library Services  ||  Graduate School HomePage  ||  E-MailDirectory  ||
© 2000-2001 University of Maryland University College.