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:
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 3. Capturing and Editing Digital Images
- 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 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 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:
Batch Capture Digital Video:
Trim a Clip by Setting In Point and Out Point; Add a Transition:
Apply and Animate a Video Effect:
Apply Chroma Key:
Export to DVD MPEG-2:
Export to QuickTime:
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)
- 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 10. Interactive Multimedia Authoring with Flash: ActionScript--Part 2
- Chapter 11. Interactive Multimedia Authoring with Flash: ActionScript--Part 3
Art Module: expand all | collapse all
- Chapter 1. Art in Digital and Digital in Art
- 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 4. Fundamentals of Digital Audio in Digital Art
-
Chapter 5. Digital Audio Manipulation for Digital Art
-
Chapter 6. Video as Time-based Medium in Digital Art
- Chapter 7. Digital Video Manipulation for Digital Art
- 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
- Dreamweaver Workspace Overview (pdf)
- Lab 3: Web Authoring Using Adobe Dreamweaver
- 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)
- Lab 2: Exploring Different Types of Positioning
- 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 4: 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
- 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
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.
|
|