Primer: expand all | collapse all

• Chapter 1. Background
• Chapter 1. Background (text, .pdf, ~300 KB) revised 07-30-2007
• Base-10 vs Base-2 Notation (interactive, .dcr, ~35 KB) revised 06-13-2008
• Decimal to Binary Guided Practice (interactive, .dcr, ~85 KB) posted 06-04-2004
• Interactive Binary Coded Decimal (BCD) Clock (interactive, .dcr, ~42 KB) revised 06-13-2008
• Converting Analog to Digital -- Sampling and Quantizing (interactive, .dcr, ~79 KB) revised 06-13-2008
• Video examples of different levels of compression:
  
  • QuickTime uncompressed (~60 MB) (Note: This file takes longest to download and has the least smooth playback. This is the point that the text is trying to make about the need for compression and reduction of file size.)
  • QuickTime using Animation codec (~50 MB)
  • QuickTime using Cinepak codec (~5 MB)
  • QuickTime using Sorenson codec (~3.5 MB)
  • MPEG-2 (~1 MB)

  Note the following properties of each movie:

  • the image quality for different codecs
  • the file sizes
  • smoothness of playback
     

• Chapter 2. Fundamentals of Digital Imaging
  • Chapter 2. Fundamentals of Digital Imaging (text, .pdf, ~2 MB) revised 07-30-2007
  • Sampling & Quantizing in Digital Images (interactive, .dcr, ~692 KB) revised 06-12-2008
  • RGB Color Cube: RGB values shown in a 3D cube (interactive; .dcr, ~54 KB)
  • Color Value Appraisal (interactive, .dcr, ~22 KB)
  • RGB to HSV (QuickTime movie, ~15 MB)
     
• Chapter 3. Capturing and Editing Digital Images
  • Chapter 3. Capturing and Editing Digital Images (text, .pdf, ~1.5 MB) revised 07-30-2007
  • Tonal Range Adjustment in Scanning (interactive, .dcr, ~670 KB) revised 06-13-2008
    • Sample images (.tif, ~5.3 MB each)) refered from the interactive tutorial:
      • scanned with an extended tonal range
      • scanned with a narrow tonal range
      • scanned with highlights cropped off
      • scanned with shadows cropped off
      • scanned with midtone shifted towards the highlight
      • scanned with shadows cropped off and midtone shifted towards the shadow
    Making Sense out of Megapixel (worksheet, .pdf, ~20 KB)
  • Image Retouching (lab) posted 07-30-2007
    • sample image for the image retouch lab posted 07-30-2007
  • Image Alteration (lab) posted 07-31-2007
    • sample images for this lab:
      • devil-tower.psd posted 07-31-2007
      • sky.psd posted 07-31-2007
      • window.psd posted 07-31-2007
    Understanding and Applying Histograms (interactive tutorial and exercise, .dcr, ~460 KB) revised 06-13-2008

  • Optical Color Mixing in Pointillism, Dithering, and Inkjet Printing (interactive, .dcr, ~720 KB) posted 06-13-2008
  • Image PPI vs. Printer DPI (worksheet) posted 08-01-2007
  • Choosing Amongst JPEG, GIF, and PNG (worksheet, .pdf, ~902 KB) posted 08-15-2003
          Sample image for the worksheet exercise:
    • continuous tone -- terrace (.tif, ~1.2 MB) posted 08-08-2003
    • continuous tone -- steamboat (.tif, ~1.2 MB) posted 08-08-2003
    • continuous tone -- heron (.tif, ~1.2 MB) posted 08-08-2003
    • continuous tone -- drums (.tif, ~1.2 MB) posted 08-08-2003
    • scanned slide of art work -- pen and ink drawing with background cleaned up (.tif, ~1.2 MB) posted 08-08-2003
    • scanned slide of art work -- pen and ink drawing (.tif, ~1.2 MB) posted 08-08-2003
    • scanned slide of art work -- watercolor painting (.tif, ~1.4 MB) posted 08-08-2003
    • solid color illustration exported from a vector graphic (.tif, ~1.5 MB) posted 08-08-2003
    • solid color -- pear (.tif, ~4.8 MB) posted 08-08-2003

    .

• Chapter 4. Fundamentals of Digital Audio
  • Chapter 4. Fundamentals of Digital Audio (text, .pdf, ~200 KB) revised 07-30-2007
  • Sound as a Pressure Wave (interactive, .dcr, ~35 KB) posted 06-13-2008
  • Digital Audio: Sampling, Quantizing, and Dynamic Range (interactive, .dcr, ~97 KB) revised 06-13-2008
  • Audio Examples (a Short Musical Sound and a Sound Effect) with Various Combinations of Sampling Rate and Bit Depth (demo/audio, .wav and .mp3, ~4.3 MB) posted 07-08-2005
     
• Chapter 5. Capturing and Editing Digital Audio
• Chapter 5. Capturing and Editing Digital Audio (text, .pdf, ~3.3 MB) revised 07-30-2007
• Preparing for Audio Recording: Setting Recording Controls in Windows (Screen-capture Movies, .swf, ~750 KB) posted 12-21-2005
• Working with Digital Audio Application Programs (Screen-capture Movies):
• Recording Audio in Adobe Audition 1.5 (.swf, ~600 KB) posted 12-21-2005
• Recording Audio in Adobe Audition 2 (.swf, ~800 KB) posted 08-06-2007
• Re-assembling Waveform Using Adobe Audition 1.5 (.swf, ~900 KB) posted 12-21-2005
• Re-assembling Waveform Using Adobe Audition 2 (.swf, ~950 KB) posted 08-06-2007
• Applying Noise Reduction in Adobe Audition 1.5 (.swf, ~2 MB) posted 12-21-2005
• Applying Noise Reduction in Adobe Audition 2 (.swf, ~500 KB) posted 08-06-2007
• Creating and Editing MIDI in Cakewalk SONAR (.swf, ~2.1 MB) posted 01-05-2006
• Working with loops in Adobe Audition 1.5 (.swf, ~1.2 MB) posted 12-21-2005
• Working with loops in Adobe Audition 2 (.swf, ~2 MB) posted 08-06-2007
• Working with loops and Volume Envelop in Sony ACID Pro (.swf, ~3.5 MB) posted 12-21-2005
• Including Audio-only QuickTime
  • Example Web page of including audio as background audio -- hidden (.html and .mov, ~240 KB) revised 07-30-2007
  • Example Web page of including audio and displaying a controller with 3 buttons -- volume, play/pause, and options (.html and .mov, ~240 KB) revised 07-30-2007
• Example Web Page of including RealAudio (.html and .rm, ~850 KB)revised 07-30-2007
• Example Web Page of including WMA (.html and .wma, ~880 KB) revise 07-30-2007
• Example Web Page of including WAV (.html and .wav, ~950 KB) revised 07-30-2007  
• Digital Audio Manipulation (lab)
  • software requirement: Adobe Audition 1.0 or above
  • lab manual posted 12-23-2007
  • music.wav for the lab posted 12-23-2007
     
• Chapter 6. Fundamentals of Digital Video
  • Chapter 6. Fundamentals of Digital Video (text) revised 07-30-2007
  • Video display: in interlaced mode vs progressive mode (interactive) revised 06-13-2008
  • Upper field and lower field (interactive) revised 06-13-2008
  • Fast-action digital video showing the interlace artifact (.mov, ~11 MB) revised 07-31-2007
  • Video recording: in interlaced mode vs progressive mode (interactive) revised 06-13-2008
  • Pixel aspect ratio (interactive) revised 06-13-2008
     
• Chapter 7. Digital Video Production and Post-Production
  • Chapter 7. Digital Video Production and Post-Production (text) revised 07-30-2007
  • Video Transitions: Straight-cut vs. Cross Dissolve Transition (.mov, ~5 MB)
  • Non-linear Video Editing Tools (interactive and practice exercises) revised 06-13-2008
  • Working with Digital Video Application Programs (Screen Capture Movies):
    • Set up Device Control for Video Capture:
      • in Adobe Premiere Pro 2 (.swf, ~850 KB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.swf, ~400 KB) posted 08-06-2007
    • Batch Capture Digital Video:
      • in Adobe Premiere Pro 2 (.mov, ~14 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.flv, ~23 MB) posted -8-06-2007
      • in Apple Final Cut Pro 5 (.mov, ~13 MB) posted 07-12-2005
      • in Apple Final Cut Pro 6 (.flv, ~47.5 MB) posted 08-06-2007
    • Trim a Clip by Setting In Point and Out Point; Add a Transition:
      • in Adobe Premiere Pro 2 (.swf, ~15 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.flv, ~24.5 MB) posted 08-06-2007
      • in Apple Final Cut Pro 5 (.mov, ~11 MB) posted 07-12-2005
      • in Apple Final Cut Pro 6 (.mov, ~11 MB) posted 08-03-2007
    • Apply and Animate a Video Effect:
      • in Adobe Premiere Pro 2 (.swf, ~7 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.flv, ~13 MB) posted 08-06-2007
      • in Apple Final Cut Pro 5 (.mov, ~17 MB) posted 07-12-2005
      • in Apple Final Cut Pro 6 (.mov, ~4.5 MB) posted 08-03-2007
    • Apply Chroma Key:
      • in Adobe Premiere Pro 2 (.swf, ~16 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.flv, ~19 MB) posted 08-06-2007
      • in Apple Final Cut Pro 5 (.mov, ~12 MB) posted 07-12-2005
      • in Apple Final Cut Pro 6 (.mov, ~15.5 MB) posted 08-03-2007
    • Export to DVD MPEG-2:
      • in Adobe Premiere Pro 2 (.swf, ~3 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.swf, ~14.5 MB) posted 08-06-2007
    • Export to QuickTime:
      • in Adobe Premiere Pro 2 (.swf, ~13 MB) posted 07-08-2005
      • in Adobe Premiere Pro CS3 (.swf, ~8 MB) posted 08-06-2007
      • in Apple Final Cut Pro 5 (.mov, ~9 MB) posted 07-12-2005
      • in Apple Final Cut Pro 6 (.mov, ~14.5 MB) posted 08-03-2007  
  • Digital Video Editing (lab)
    • software requirement: Adobe Premiere Pro 2.0 or above. With some modification, the lab also can be used with Apple Final Cut Pro.
    • lab manual posted 12-23-2007
    • sample HDV 1080i footages for the lab: footage 1, footage 2 posted 12-23-2007
       
• Chapter 8. Interactive Multimedia Authoring with Flash: Animation
  • Chapter 8. Interactive Multimedia Authoring with Flash: Animation (text) revised 07-30-2007
  • Frame-by-frame, Tweening, and Scripted Animation (Flash demo, ~13KB) posted 07-18-2006
  • Adjusting the Speed of an Animation: Frame Rate vs. Number of Frames (Flash demo, ~26KB) posted 07-18-2006
  • Creating Shapes in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~1.5 MB) posted 08-06-2007
  • Modifying Shapes in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~2 MB) posted 08-06-2007
  • Creating Symbols in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~1 MB) posted 08-06-2007
  • Practice Drawing (lab)
    • X-ray: Body and Skeleton posted 08-02-2007
    • Hairstyles posted 08-02-2007
  • Creating Motion Tween in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~1.5 MB) posted 08-06-2007
  • Creating Shape Tween in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~500 KB) posted 08-06-2007
  • Creating a Simple Spinning Coin Animation in Flash by Tweening (lab) posted 08-01-2007
  • Creating an Animation in Flash -- Tweening (lab) posted 07-24-2006
  • Creating Motion Tween Using Motion Guide in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~700 KB) posted 08-06-2007
  • Animating a Mask in Flash:
    • Flash 8 (screen capture movie, .swf) posted 07-18-2006
    • Flash CS3 (screen capture movie, .swf, ~2 MB) posted 08-06-2007
  • Animating a Mask in Flash: X-ray Scanner (lab) posted 08-02-2007
  • Animating a Mask in Flash: Beaming Up and Down (lab) posted 07-24-2006
    
     
• Chapter 9. Interactive Multimedia Authoring with Flash: ActionScript--Part 1
  • Chapter 9. Interactive Multimedia Authoring with Flash: ActionScript--Part 1 (text) revised 07-30-2007
  • Flash File Used in the Self-test Questions (Flash CS3 file, ~51 KB) posted 08-01-2007
    
     
• Chapter 10. Interactive Multimedia Authoring with Flash: ActionScript--Part 2
  • Chapter 10. Interactive Multimedia Authoring with Flash: ActionScript--Part 2 (text) revised 07-30-2007
  • Practice Using Compiler Errors panel and trace Statement for Debugging (lab) revised 01-31-2008
    • Flash File Needed for the Lab: Flash File Used in the Self-test Questions in Chapter 9 (Flash CS3 file, ~51 KB) posted 08-01-2007
      
       
• Chapter 11. Interactive Multimedia Authoring with Flash: ActionScript--Part 3
  • Chapter 11. Interactive Multimedia Authoring with Flash: ActionScript--Part 3 (text) revised 07-30-2007
  • ActionScript Example: Event Listener (Flash file) posted 08-02-2007
  • ActionScript Examples: Keyboard Events
    • Use of arrows keys (Flash file) posted 08-02-2007
    • Use of letter keys (Flash file) posted 08-02-2007
  • ActionScript Example: Event.ENTER_FRAME (Flash file) posted 08-02-2007
  • ActionScript Example: Controlling and Monitoring an Object's Screen Position
    • Flash file posted 08-03-2007
    • Discussion of variations posted 08-03-2007
  • Interactive X-ray Scanner (lab) posted 08-03-2007
  • ActionScript Example: Changing the Visual Content of an Object (Flash file) posted 08-02-2007
  • Hair style Customization (lab) posted 12-19-2007
    • completed Flash file (available for instructors only)
  • ActionScript Example: Making an Object Draggable (Flash file) posted 08-02-2007
  • ActionScript Example: Tracking the Mouse Position (Flash file) posted 08-02-2007
  • A Ball-and-Paddle Game (lab): Part 1 of 3 posted 12-19-2007
    • completed Flash file (available for instructors only)
  • A Ball-and-Paddle Game (lab): Part 2 of 3 posted 12-19-2007
    • completed Flash file (available for instructors only)
  • ActionScript Example: Detecting Collision of Objects posted 12-19-2007
  • A Side-scrolling Platform Game (lab)
    • Part 1:
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
    • Part 2:
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
    • Part 3:
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
    • Part 4:
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
    • Extras:
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
    • Extra Credits
      • lab manual posted 12-21-2007
      • completed Flash file (available for instructors only)
  • ActionScript Example: Math.random(): Magic Hat Example (Flash file) posted 08-02-2007
  • A Ball-and-Paddle Game (lab): Part 3 of 3 posted 12-20-2007
    • completed Flash file (available for instructors only)
  • A Ball-and-Paddle Game (lab): Extras (not referenced in the book) posted 12-20-2007
    • completed Flash file (available for instructors only)
  • A Ball-and-Paddle Game (lab): Extra Credits (not referenced in the book) posted 12-20-2007
    • completed Flash file (available for instructors only)
  • A Star Catcher Game (lab/project)
    • Part 1:
      • lab manual posted 12-23-2007
      • completed Flash file (available for instructors only)
    • Part 2:
      • lab manual posted 12-23-2007
      • completed Flash file (available for instructors only)
    • Part 3:
      • lab manual posted 12-23-2007
      • completed Flash file (available for instructors only)
    • Part 4:
      • lab manual posted 12-23-2007
      • completed Flash file (available for instructors only)
    • Extra Credits
      • lab manual posted 12-23-2007
      • completed Flash file (available for instructors only)

Art Module: expand all | collapse all

• Chapter 1. Art in Digital and Digital in Art
  Chapter 1. Art in Digital and Digital in Art (text) revised 06-15-2005
  URLs of a selected list of digital art related Web sites and projects (Web page) posted 06-15-2005
   
• Chapter 2. Fundamentals of Digital Imaging in Digital Art
  Chapter 2. Fundamentals of Digital Imaging in Digital Art (text) posted 06-18-2005
  Pegboard and Resolution (interactive, Shockwave, ~156 KB) posted 07-31-2003
  Human Visual Perception: Relativity of Value (interactive, Shockwave, ~16 KB) posted 06-03-2005
     Color Wheel (interactive, Flash, ~26 KB) posted 08-01-2008
  Human Visual Perception: Relativity of Color (interactive, Shockwave, ~290 KB) posted 06-03-2005
  Human Visual Perception: Psychological Depth Cues (interactive, Shockwave, ~44 KB) posted 06-03-2005
  Constructing a Two-point Perspective (interactive, Shockwave, ~43 KB) posted 06-03-2005
   
• Chapter 3. Creating Digital Images for Digital Art
Chapter 3. Creating Digital Images for Digital Art (text, ~83 MB !!) posted 06-29-2006
Photoshop Basics -- Workspace (Flash, ~860 KB) posted 11-04-2005
Photoshop Basics -- Tool Palette (Flash, ~1.1 MB) posted 11-04-2005
Photoshop Basics -- Using Layers
• screen-capture movie (Flash, ~1.3 MB) posted 11-04-2005
• worksheet posted 06-15-2005
Photoshop Basics -- Selection (worksheet) posted 06-15-2005

Understanding and Applying Curves For Color Adjustments (interactive tutorial and exercises) posted 08-05-2003
Light Metering Emulation (interactive)
JPEG Compression Artifact (worksheet exercise) 08-06-2003
     Sample image for the worksheet exercise:
• sample image (.tif, ~1 MB) posted 08-05-2003
Channel Mixing (worksheet exercise) posted 08-06-2003
     Sample image for the worksheet exercise:
• sample image (.tif, ~5 MB)
• smaller version (.tif, ~1.2 MB) posted 08-06-2003
Photoshop -- Defining Custom Brushes (Flash, ~3.5 MB) posted 06-26-2006
Photoshop -- Using Extract Filter (Flash, ~6.9 MB) posted 07-03-2006
Test Image for Web Browser Display posted 10-28-2008
Photoshop -- Patterns
• Defining a custom pattern and fill a selection with the pattern (.mov, ~5 MB)) posted 06-26-2006
• Layer blending of the pattern (Flash, ~7 MB) posted 06-26-2006
Source Image for Example 1: chain scuplture (.PSD, ~4.5 MB) posed 06-26-2006
Source Images for Example 2: lighthouse (.PSD, ~28 MB), earth and moon (.TIF, ~950 KB) posted 06-26-2006
Project Aid: Making Sense Out of Random Words (project and activity) posted 07-01-2005
 
• Chapter 4. Fundamentals of Digital Audio in Digital Art
  Chapter 4. Fundamentals of Digital Audio in Digital Art (text) posted 07-19-2005
  Single tone, Timbre, and Complex Sound (demo/audio) posted 07-08-2005
     Contrasting Sounds (interactive, Flash, ~1.1 MB) posted 08-01-2008
  Overall Balance in Audio's Feature/Idea Development (QuickTime movies) posted 07-01-2005
  
  
• Chapter 5. Digital Audio Manipulation for Digital Art
  Chapter 5. Digital Audio Manipulation for Digital Art (text) posted 10-01-2007
   
• Chapter 6. Video as Time-based Medium in Digital Art
  Chapter 6. Video as Time-based Medium in Digital Art (text, ~23 MB) posted 10-08-2007
  Video Example: A time-lapse video that superimposes frames (Courtesy of Christopher Cassidy) (QuickTime movie, ~10 MB)posted 10-29-2008
  Video Example: A combination of split-screen techniques and time-lapse video (Courtesy of Max Negin) (QuickTime Movie, ~22 MB) posted 10-29-2008
  Camera Location, Sightline, and Screen Direction (interactive, .swf, ~1.2 MB) posted 08-16-2007
  Shifting Camera Focus Distance (QuickTime movie, ~4.7 MB) posted 08-16-2007
   
• Chapter 7. Digital Video Manipulation for Digital Art
  Chapter 7. Digital Video Manipulation for Digital Art (text, ~28 MB) posted 10-05-2007
  Use of Transitiion to Create Motion (QuickTime movie, ~1 MB) posted 10-05-2007
  Time Remapping:
  • in Adobe Premiere Pro CS3 (screen-capture movie, .flv, ~47 MB) posted 08-20-2007
  • in Apple Final Cut Pro 6 (screen-capture movie, .flv, ~44 MB) posted 08-20-2007
  Create Subclips:
  • in Adobe Premiere Pro CS3 (screen-capture movie, .flv, ~15 MB) posted 08-20-2007
  • in Apple Final Cut Pro 6 (screen-capture movie, .flv, ~11 MB) posted 08-20-2007
   
  
• Chapter 8. Web Site Design: Basic Knowledge
  Chapter 8. Web Site Design: Basic Knowledge (text) revised 12-18-2007
  Lab 0: Create a site, use a template and library items
  • software requirement for this lab: Adobe Dreamweaver CS3
  • lab manual (pdf) revised 07-27-2008
  • completed files (available for instructors only)
  Lab 1: HTML: Basic HTML document structure, paragraphs, line breaks, lists, links, heading, bold and italics text
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS)
  • pre-lab exercise (pdf) revised 07-27-2008
  • lab manual (pdf) revised 07-27-2008
  • completed files (available for instructors only)
  Lab 2: HTML: Images and tables
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS)
  • pre-lab exercise (pdf) revised 07-27-2008
  • lab manual (pdf) revised 07-27-2008
  • images for this lab (download them to a folder on your computer, name the folder lab2): tn-apple.png, tn-pear.png, apple-color.png, apple-mono.png, pear-color.png, pear-mono.png posted 12-14-2007
  • completed files (available for instructors only)
  Dreamweaver Workspace Overview (pdf)
  Lab 3: Web Authoring Using Adobe Dreamweaver
  • software requirement for this lab: Adobe Dreamweaver
  • pre-requisites:completion of Lab 2
  • Dreamweaver Workspace Overview (pdf) posted 07-27-2008
  • lab manual (pdf) posted 07-27-2008
  • images for this lab in addition to those you already have for Lab 2 (download them to the folder lab3/images): tn-strawberry.png, strawberry-color.png, strawberry-mono.pngposted 07-27-2008
  • completed files (available for instructors only)
     
• Chapter 9. CSS for Web Design
  Chapter 9. CSS for Web Design (text) revised 12-13-2007
  Example: Absolute Positioning: HTML, style sheet posted 12-13-2007
  Example: Relative Positioning: HTML, style sheet posted 12-13-2007
  Example: Fixed Positioning: HTML, style sheet posted 12-13-2007
  Lab 1a: Exploring Positioning and z-Index (Part 1 of 2)
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab: jacket.png, shirt.png, tie.png posted-07-27-2008
  • completed files (available for instructors only)
  Lab 1b: Exploring Positioning and z-Index (Part 2 of 2)
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab: jacket-1.png, jacket-2.png, jacket-3.png, shirt-1.png, shirt-2.png, shirt-3.png, tie-1.png, tie-2.png, tie-3.png posted 07-27-2008
  • completed files (available for instructors only)
  Lab 2: Exploring Different Types of Positioning
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab:2x2-dot.png, circle-outline.png, circle-solid.png, dots.png, half-circle.png, painting.png, stairs.png, triangle-ra.png, triangle-tilt.png posted 07-27-2008
  • completed files (available for instructors only)
  Box Model Example 1: One Simple Box: HTML, style sheet posted 12-13-2007
  Box Model Example 2: Two Boxes (Header and Footer): HTML, style sheet posted 12-13-2007
  Box Model Example 3: 2-column Layout for Content Area: HTML, style sheet posted 12-13-2007
  Box Model Example 4: Add Text Styles and Final Touches: HTML, style sheet posted 12-13-2007
  Lab 3: 2-Column Fixed-width Layout
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • sample article text files: text1.txt, text2.txt posted 07-27-2008
  Example: 2-column Fluid Layout: HTML, style sheet posted 12-13-2007
  Example: Using Box Model to Layout List Items on a Grid: HTML, style sheet, HTML without applying style sheet posted 12-13-2007
  Lab 4: Use of List Items as Navigation Menu Items
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab: button.png, painting-1.png, tn-painting-1.png, tn-painting-2.png, tn-painting-3.png posted 07-27-2008
  Example: CSS Design for Print Version: Method 1. Two Style Sheets: HTML, style sheet, style sheet for print posted 07-27-2008
  Example: CSS Design for Print Version: Method 2. One Style Sheet: HTML, style sheet posted 07-27-2008
• Chapter 10. Dynamic HTML for Web Interface and Interaction
  Chapter 10. Dynamic HTML for Web Interface and Interaction (text) posted 09-24-2007
  An Introduction to Programming Fundamentals coming soon...
  Example: Rollover Color Change—First Step posted 12-13-2007
  Example: Rollover Color Change—A Step Further posted 12-13-2007
  Example: Rollover Color Change—Another Step Further posted 12-13-2007
  Example: Rollover Color Change—Application posted 12-13-2007
  Lab 1: Mouse-up Color Change
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab: boot.png, cap.png, pants.png, purse.png, sweater.png posted 07-27-2008
  Example: Rollover Image Change—First Step posted 12-13-2007
  Example: Rollover Image Change—A Step Further posted 12-13-2007
  Example: Rollover Image Change—Another Step Further posted 12-13-2007
  Example: Rollover Image Change—Application posted 12-13-2007
  Lab 2: Rollover Image Change
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  • images for this lab: button-over.png, button.png, painting-1.png, painting-2.png, painting-3.png, tn-painting-1.png, tn-painting-2.png, tn-painting-3.png posted 07-27-2008
  Example: Collapsible Menu—First Step posted 12-13-2007
  Example: Collapsible Menu—A Step Further posted 12-13-2007
  Example: Collapsible Menu—Application posted 12-13-2007
  Lab 3: Collapsible Menu
  • software requirement for this lab: Notepad (Windows) or TextEdit (Mac OS); Adobe Dreamweaver optional
  • lab manual (pdf) posted 07-27-2008
  Example: Pop-up Menu—First Step posted 12-13-2007
  Example: Pop-up Menu—A Step Further posted 12-13-2007
  Example: Pop-up Menu—Another Step Further posted 12-13-2007
  Example: Pop-up Menu—Application posted 12-13-2007

CS Module: click here to access the CS module

.