Computer Instruction Modules
L. Krieg, Computer Information Systems, Washtenaw Community College

W Modules:  WORLD  WIDE  WEB

 Revised  Thursday, 03-Apr-2008 10:45:13 EDT

Contents
General HTML
01-19: Web Overview W22: HTML Introductory Concepts and Pages
20-29: Web Page Design Basics W23: Links and Images
30-49: Web Page Creation using Tools W24: Tables

40-41: Dreamweaver

 W25: Frames
50-69: Web Site Creation and Management W26: Forms and CGI
70-89: Web Site Architecture and Usability W27-29: Projects and Other Topics
Code  Module  [How Much]  Prerequisites  Latest Rev Date
Group: 01-19, Web Overview
W01c World Wide Web Concepts [1,2h,3wp] NG02c  
W02h World Wide Web Hands-On 1 [1,2h] NG20h, W01c  
W03c The World Wide Web Consortium [1] none  
W06c
Browser Teamwork: Applications and Plug-ins 
[1,2] 
W02h
 
W07h
Installing and Using Browser Plug-ins 
[1,2] 
W06c
 
W08c
How to SaveWeb Addresses 
[1,2h] 
W01c, W02h
 
W10c World Wide Web Browser Details [1,2h] W01c  
W11h World Wide Web Hands-On 2 [1,2h] W02h, W10c  
W11d
Exploring World Wide Web Browser Details 
[1,2h] 
W11h
 
W12c How to Find World Wide Web Sites [1,2h,3] W01c  
W13h World Wide Web Treasure Hunt [1,2h] W02h, W12c 2000-03-16
W14c Web Research: Browsing the Catalogs  [] W12c  
W15h Researching the Web using Catalogs [] W14c  
W16c Web Research: Keywords and Search Engines [] W12c  
W17a Search Engine Basics [1,2h] NG01a 2008-04-07
W17c Search Engine Operational Principles [1,2h]    
W17h Search Engine Research [1,2h] W17c  
W18c
Assessing Websites: Skills for Critical Thinking 
[1,2h] 
W12c or W16c
 
W18h Thinking Critically on the Web [1,2h] W18c 2006-12-04
W19h
Putting Web Assessment Skills into Practice 
[1,2h] 
W18c, W13h
 
Group: 20-29, Web Page Design Basics and HTML
Web Design Overview
[-]
-
  
W20c Web Page Concepts [1,2h] W01c  
W20d Web Typography [1,2h] W20c  
W21c Overview of Web Tools [1,2h] W20c  
W22: Introductory Concepts and Pages
Web Coding Introductory Overview
[-]
-
  
W22c HTML Concepts [1,2h] W20c  
W22d
Lists in HTML 
[1,2h] 
W22c
 
W22e
Colors in HTML 
[1,2h] 
W22c, D20c
 
W22f Odd Characters in HTML [1,2h] W22c  
W22h Create a Minimal HTML Page [1,2h] W22c, text editor use  
W22i Format HTML Text [] W22h  
W22j Coloring a Web Page with HTML [1,2h] W22h  
W22k
Creating HTML Lists 
[1,2h] 
W22i
 
W22m Creating (X)HTML Lists [1,2h] W22d  
W23: Links and Images
Web Links and Images Overview
[]
  
W23c
Links and Images in HTML 
[1, 2h] 
W22h
 
W23d
Understanding Relative and Absolute Addressing
[1, 2h] 
W23c
 
W23h
Creating HTML Links 
[1,2h] 
W23c, W22k
 
W23i
Displaying Images using HTML 
[1, 2h] 
W23h
 
W23k Creating XHTML Links [1, 2h] W23c  
W23m Using Relative and Absolute Addressing [1, 2h] W23c, W23k  
W24: Tables
Web Table Overview
[]
  
W24c
Creating Tables using HTML 
[1, 2h, 3w] 
W22c
 
W24d
Tables for HTML Page Layout 
[1, 2h, 3w]
W24c
 
W24e Code for Complex HTML Tables [1, 2h]
W24c
 
Table Spacing and Page Layout
[1, 2h, 3w]
  
W24g Tables and Graphics [1, 2h, 3w] W24d  
W24h Creating Simple Tables in XHTML [1, 2h] W24c  
W24j
How to Nest Tables using Box Effects
[1]
 
W24L
Using Nested Tables for Practice
[1]
    
Creating Simple Tables with Advanced Attributes
[1,2h]
 2004-11-12
Layout Tables 1
[1,2h]
  
Layout Tables 2
[1,2h]
  
Layout Tables 3
[1,2h]
  
W25: Frames
W25c 
Frames in HTML
[1, 2h, 3w] 
W23c 
 
Constructing Framesets
[1,2h]
  
W25h 
Creating Frames in HTML 
[1, 2h] 
W25c, W24h 
 
W25i 
Using Frames to Lay Out Web Pages with HTML 
[] 
W25h 
 
W26: Forms and CGI
W26c 
HTML Forms 
[1, 2h] 
W23c 
 
Understanding formmail.cgi
[1,2h]
  
W26e
CGI: Server Perspective
[1]
  
W26h 
Creating HTML Forms 
[1, 2h]
W26c, W23h 
 
W26i
Creating Accessible HTML Forms
[]
  
W26j
Using formmail.cgi
[]
  
W26k
CGI Project
[1]
  
W27-29: Projects and Other Topics
W27c
Troubleshooting an HTML Document 
[1, 2h] 
W23i 
 
W29a
HTML Project 
[1, 2h] 
W23i
 
W29c
Creating Simple HTML Tables 
[1, 2h] 
W24c, W23i
 
W29d
Spanning Rows and Columns in HTML 
[1, 2h] 
W29c
 
W29e 
Using Tables to Lay Out Web Pages with HTML 
[1, 2h] 
W29d
 
Group: 30-49, Web Page Creation using Tools
Code  Module  [How Much]  Prerequisites   
W30c How to Create a Web Page using a WYSIWYG Editor [1,2h] W10c, (W20c)  
W31: Netscape, Word, Adobe, Allaire
W31h Creating a Web Page using a WYSIWYG Editor [1,2h] W30c, W11h, T04h  
W32c Netscape Composer as a Web Page Creation Tool [1,2h] W30c  
W33h Using Netscape Composer to Create Web Pages [1,2h] W32c  
W34c Microsoft Word as a Web Page Creation Tool [1,2h] W30c  
W35h Using Microsoft Word to Create Web Pages [1,2h] W34c  
W36c How to Convert Microsoft Word Documents into Web Pages [1,2h] W30c  
W36d How to Convert Microsoft Office Documents in Web Pages [] W30c  
W37h Converting Microsoft Word Documents into Web Pages [1,2h] W36c  
W37i Converting Microsoft Office Documents into Web Pages [] W36d  
W38c Adobe Acrobat Authoring Tool [INP270]    
W38d Interactive Acrobat Pages [INP270] W40c  
W38h Creating Documents with Adobe Acrobat [INP270] W40c  
W38i Creating Interactive Acrobat Pages [INP270] W40h  
W39h Using Allaire Homesite to Create Web Pages [1,2h] W30c  
W40-41: Dreamweaver

W40a
Macromedia Dreamweaver Overview
[]
  
W40b About Cascading Stylesheets and Dreamweaver [1,2b] X20c 2004-10-21
W40h Dreamweaver Exercise 1: The Working Environment [1,2h] W30c 2004-09-09
W40i Dreamweaver Exercise 2: Wireframe Site [1,2h] W40h 2004-09-15
W40j Dreamweaver Exercise 3: Applying Structure [1,2h] W40i 2004-09-25
W40k Setting up Your WCC Student Web Site with Dreamweaver [1,2h] W50a,W50b 2004-09-24
W40L Linking in Dreamweaver [] W40k 2004-10-14
W40m Images and Colors in Dreamweaver [2h] W40k 2004-10-07
W40n Relative and Absolute Addressing with Dreamweaver [1,2h] W23c, W40k 2004-10-14
W40p Using CSS Styles in Dreamweaver [1,2h] W40h, W40k 2004-10-21
W40r Creating Navigation Elements in Dreamweaver [1,2h] W40L 2004-11-04
W41i Create a Basic Web Site using Dreamweaver
 [1,2h] W40h 2005-01-17
W41j Colors, Images and Fonts using CSS in Dreamweaver
 [1,2h] W40b, W41i 2005-01-26
W41m Tables in Dreamweaver
 [1] W41j 2005-03-10
W41n Layout with Tables in Dreamweaver
 [1] W41m 2005-03-17
W41p Layout with Layers in Dreamweaver
 [1] W41j  
W41q Creating Dynamic Elements with Dreamweaver [1] W41j  
W42-49: MS Office; Web Graphics (see also Module D series)
W42c Microsoft Excel as a Web Page Creation Tool [1,2h] W30c  
W42h Using Microsoft Excel to Create Web Pages [1,2h] W41c  
W43c Microsoft PowerPoint as a Web Page Creation Tool [1,2h] W30c  
W44h Using Microsoft PowerPoint to Create Web Pages [1,2h] W43c  
W45c Microsoft Access as a Web Page Creation Tool [1,2h] W30c  
W46h Using Microsoft Access to Create Web Pages [1,2h] W45c  
W47c
Basic Web Graphics 
[1,2h] 
W30c
 
W48h
Using Web Graphics 
[] 
W47c
 
Group: 50-69, Web Site Creation and Management
Code  Module  [How Much]  Prerequisites  
W50a Web File Names [1,2h] W20c  
W50b Web Site Setup [1,2h] W20c  
W50c Web File Basics [1,2h] W20c  
         
         
W51h Setting Up Web Files [*] W50c 1999-06-03
W52c How to Find a Home for your Web Site [1,2h] W20c  
W53h
Finding a Home for your Web Site 
[1,2h] 
W52c
 
W54c How to Upload and Update your Web Site [1,2h] W50c  
W55h Uploading and Updating your Web Site [1,2h] W54c  
W56c
Web Site Organization 
[1,2h] 
W50c
 
W57h
Organizing Web Sites 
[1,2h] 
W56c
 
W58c
Information Management using the Web 
[1,2h] 
W20c
 
W59h
Managing Information on the Web 
[1,2h] 
W58c
 

W60c

 Web Site Marketing Principles [1,2h] W50c  
W61h Marketing your Web Site [1,2h] W60h  
W62c
Web Site Accessibility
[]
  
W63c How to Plan Web Pages with Storyboards [INP270]    
W63h Planning Web Pages with Storyboards [INP270] W63c  
W63p Web Magazine Project [INP270] W63h  
W64c Web Server Log Analysis [] ?  
W64h Analyzing Web Server Logs [] W64c  
W65c Economics of Websites [] ?  
W65h Estimating Costs; Calculation ROI [1,2h] W65c  
W66c
Web Site Maintenance 
[1,2h] 
W56c 
 
W67c
Maintaining a Web Site 
[*] 
W66c 
 
Group: 70-89, Web Site Architecture and Usability
W70c Web Site Elements [1,2h] W01c 2004-09-23
Deconstructing a Web Site (1) [2h] W02h 2004-09-23
W71c User Perspective in Web Site Design [1,2h] W70c 2004-09-30
Consumer Sensitivity [2h] W02h 2004-09-30
W72c How to Organize Web Content [1,2h] W71c 2004-10-06
Organizing Content 
[2h]
W02h
 
Site Structure with Visio (1)
[2h]
  
Deconstructing a Web Site (2) 
[2h]
W70h
 
Create a Blueprint of an Existing Site Architecture
[2h]
W73h
 
W74i
Site Structure with Visio (2)
[2h]
  
Project: Web Site Design
[2h]
W74h
 
Web Site Navigation [1,2h] W72c 2004-11-04
W76h Planning Site Navigation [1,2h] W40L, W76c, W72h 2004-11-04
W77p
Web Site Project with Dreamweaver
[1,2h]
 2004-11-19
W78 Web Site Project Management series [1,2h] INP 150,152,153 2005-01-09
W80c How to Test Web Site Usability [1,2h] W76c 2004-12-01
W80h Testing Web Site Usability [1,2h] W80c, W76h 2004-12-01

Key

The final letter is c for conceptual (lecture) h for hands-on (lab), or g for general concepts and hands-on modules.

The bracketed number following a module name indicates how much has been done. (No number means only preliminary planning .)

  1. Objectives, expressed as student outcomes.
  2. Student materials. Format:

    3. a = Aldus PageMaker
    h = HTML
    k = MS WorKs
    p = MS Powerpoint
    q = Quicksoft PCWrite
    t = Text
    y = AsYmetrix Toolbook
    w = MS Word
  3. Test bank for each module

    4. c = Computer-administered test
    p = Printed version
    w = Word processing or text file