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 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
Mac Users: In order to see the interactive learning aids that are in Shockwave format, you need to do only ONE of the following:
- Install the latest Shockwave player (version 10 for PPC running OS X and OS 9;
version 11 for Intel running OS X 10.4):
http://www.adobe.com/shockwave/download/alternates/
- Turn on Rosetta for Safari. To do so:
Before you run Safari, go in the Application folder, select Safari and then Option-I to open its Info window. Check the option "Open using Rosetta".
|
.
This
material is based on work supported
by the National Science Foundation under Grant No. DUE-0127280. (PI: Yue-Ling
Wong; Co-PI: Jennifer Burg)
This
material is based on work supported by the National Science Foundation under
Grant No. DUE-0340969. (PI: Yue-Ling Wong; Co-PI: Jennifer Burg; Assessment
Expert: Leah McCoy)
Any opinions, findings and conclusions or recommendations expressed in
this material are those of the author(s) and do not necessarily reflect
the views of the National
Science Foundation.
|
|