Session Guide: Fall 2001
(Revised 11/16/01)

  
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

Aug. 30
to
Sept. 12

-Two week introductory session allows time to acquire class materials, build polaris account, and get acquainted
with WebTycho.

 

Introduction
  • Discussion of Syllabus, Lesson Guide, and WebTycho (enhanced and online classes)
  • Philosophy of the Class
  • Course Requirements and Deliverables
  • Discussion of Portfolio Assessment
  • Discussion of Multimedia
  • Overview of Software required for this class:

 

Preparing Ahead: Be working on DW: Starting Up Dreamweaver (Ch. 1); Setting Up a DW Document (Ch. 2).

  • Read: DW4/FW4 - Watrall
    • Chapters 1 and 2
  • Download WS-FTP.
  • Setup Your Own Polaris Account Create your own Web Account on Polaris (with a WWW directory and proper permissions set). Do this ASAP, but no later than midnight Sept. 12.
  • Post in the "Introduction Biographies" Conference: a brief introduction to yourself, along with a recent photo. 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. (Instructions on How to Post an Image in a WebTycho Conference). Do this ASAP, but no later than midnight Sept. 12.

Session
Two

Sept. 13
to
Sept. 19

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

Preparing Ahead: Be working on DW: Adding and Manipulating Text (Ch. 3) and Working with Images (Ch. 4).

  • Read: DW4/FW4 - Watrall
    • Chapters 3 and 4
  • Read:
  • 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

Sept. 20
to
Sept. 26

Web Design 101
&
Dreamweaver Part 1:
An Online Workshop

This session will introduce a few basic strategies and concepts of Web Design by using Dreamweaver 4 and working on what you should already know by reading the first six chapters of Watrall. 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: DW4/FW4 - Watrall
    • Chapters 5 and 6
  • Check the Session Three Conference thread(s) and participate as required.
  • Peruse: Session Three Webliography
  • Submit your Your Web development plan by midnight Sept. 26. (Your plan will be returned to you with comments on or before 3 October.)

Session
Four

Sept. 27
to
Oct. 3

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. Online sections will have a Dreamweaver Workshop Conference.

Preparing Ahead: Be working on FW: Before You Get Started (Ch. 7) and Setting Up a Fireworks Document (Ch. 8).

  • Read: DW4/FW4 - Watrall
    • Chapters 7 and 8
  • Check the Session Four Conference thread(s) and participate as required.
  • Peruse: Session Four Webliography
  • Be working: on your Splash Page. It is due next week.

Session
Five

Oct. 4
to
Oct. 10

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: DW4/FW4 - Watrall
    • Chapters 9 and 10
  • Check the Session Five Conference thread(s) and participate as required.
  • Peruse: Session Five Webliography
  • Upload the first draft of your Splash Page, then POST the URL in the "Portfolios" Conference. This page should should include: a table, a title (Page Properties), relative links, absolute links, an image, an e-mail link. Your folder MUST be named "csmn_639" and your splash page must be named "opening.htm" This must be done byby midnight Oct. 7.
  • Upload your Web Development Plan, and and link to it from your Splash page by midnight Oct. 7. (We are aware that you may not have enough time to upload a "revised" version by this date.)
  • Be working: on your Web Development Notes and your Web site. Both due next week.

Session
Six

Oct. 11
to
Oct. 17

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. Online sections will have a Fireworks Workshop Conference.
  • Read: DW4/FW4 - Watrall
    • Chapters 11 and 12
  • 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 Oct. 14. 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." Do this by midnight Oct. 14.
  • Upload your Development Notes and link to them from your Splash page by midnight Oct. 14.

Session
Seven

Oct. 18
to
Oct. 24

 

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
  • 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 Oct. 21.
  • Make additions to your Development Notes

Session
Eight

Oct. 25
to
Oct. 31

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 October 28.
  • Make additions to your Development Notes

Session
Nine

Nov. 1
to
Nov. 7

Video 101:
Video, Slide Shows, and Other
Moving Matters

 

Presentation:

  • digital video: the basics
  • digital formats
  • video compression
  • Web Cam vs. Video Camera
  • video streaming
  • encoding video files for streaming
    • RealPresenter, Real Slide Show
    • PowerPoint animations to SMIL
    • tips and tricks on making multimedia presentations
  • 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 Nov. 4.
  • Make additions to your Development Notes

Session
Ten

Nov. 8
to
Nov. 14

Beginning the Feedback Cycle
  • This entire session will center around getting feedback from fellow students and instructors as you refine and revise your Web site.

 

  • 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 Nov. 10.
  • 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 Nov. 14.
  • Your Web site should have audio by midnight Nov. 11
  • Make additions to your Development Notes

Session
Eleven

Nov. 15
to
Nov. 25

(extra long session to account for late Lesson posting and Thanksgiving Holiday)

Website Evaluation Methods
Revisited:
WebSite Critiques:
  • Revisiting "How to Evaluate"
  • Benchmark Critiques
  • 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 Nov. 25.
  • Make additions to your Development Notes

Session
Twelve
&
Thirteen

(double session to account for the Thanksgiving Holidays)

Nov. 25
to
Dec. 8

So Now You Are The Manager
  • Online Discussion: Applying what you have learned about hands-on development to what you know about management

Management Technologies / Workshop

We will use Dreamweaver 4 to learn such "management technologies as:

  • Cascading Style Sheets
  • Server Side Includes
  • Dreamweaver Libraries
  • DreamWeaver Templates

 

  • 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 Nov. 30.
  • Participate in the So You're The Manager Conference.

Session
Fourteen

Dec. 8
to
Dec. 13

Wrapping it all Up
  • Final words and good-bye
Complete your Personal Portfolio by Midnight Dec 8.

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