Creating Dynamic Web Sites / TOC | WebReference

Creating Dynamic Web Sites / TOC

Table of Contents

Interacting With Graphics.....1

Say It in Pictures.....1
Where Does Interaction Begin? .....3
Exercise 1: Your Own Moments of Truth.....4
Exercise 2: Who Cares What They Think, Anyway? .....7
How Performance Affects Perception .....8
Getting Started .....10
-- Image Types .....10
The Basics of Good Design .....11
-- Principles for Design .....12
-- For Further Study .....15
The Basics of Web Performance .....16
--- Less (Size) Is More (Speed) .....17
--- Principles for Performance .....17
Digital Sources .....19
-- What Direct-to-Digital Source Is Good For .....20
High-performance Photography .....23
-- Setting up the Shot .....23
-- Selecting the Lighting .....24
-- Selecting Film .....24
-- Making Prints .....25
Photographic Scanning And Manipulation.....25
-- Saving and Compressing Files .....27
Creating Pictures for Use in Image Maps .....29
-- Basics of Image Map Design .....31
-- Basics of Information Structure .....32
Exercise 3: Grouping the Teachers .....34
Hands-on Tutorials .....36
Using the Scanner .....36
-- Scanning a File ....7
--Saving a File At Low Compression .....39
--Saving A File At High Compression .....40
Converting Images .....42

Three Dimensions .....45

What's So Cool About 3D Worlds? .....46
3D Basics:A Different Kind of World Tour .....49
-- Basic 3D Geometry .....50
-- Lighting .....54
-- Textures .....56
-- Transformations .....56
What You Need to Make 3D Worlds .....59
What Your Users Need .....61
Tutorial: Making 3D Worlds .....62
Exercise: Making Your Own Texture Maps .....65
Creating Interactive 3D Worlds .....68

Digital Video for the Web ...71

Lights, Camera, Download! .....71
-- Video Formats for the Web .....72
-- What This Chapter is Not .....73
The 21st-Century Movie Studio .....73
-- Comparing Budgets .....75 -- Shopping List for Your Digital Studio .....77
Artistic Concerns .....80
Exercise: Variations on a Shrew .....83
-- Take One: One-camera Shot .....84
-- Take Two: Two-camera Shot .....85
Shooting Attractive Video .....88
-- Lighting .....89
-- Panning and Zooming .....91
-- Motion .....92
-- Composition .....93
Technical Concerns .....94
-- Frame Rate: How Fast, How Smooth? .....95
-- Image Size .....97
-- Throughput .....97
-- Audio Synchronization .....99
-- Compression .....100
Video Formats .....102
-- QuickTime and QuickTime for Windows .....102
-- Video for Windows .....105
Tutorial: Digitizing Video So That It Looks Good .....106
Tutorial: Digitizing Video for Minimum Load Time .....109
Tutorial: Editing with Apple Movie Player (Mac) .....111
AB-Roll Editing .....117
Tutorial: Editing with Asymetrix Digital Video Producer .....18
Using Clips In Your Web Page .....123
Downloading Video Clips .....124
Embedding Video Clips Directly .....125

Interacting with Animation .....127

The Big Benefits:
Speed and Performance .....129
-- What's So Hot About Java? .....129
-- What Puts the Shock in Shockwave? .....130
-- What Can You Control With Shockwave? .....132
The Big Gotchas: Where This Stuff Doesn't Work .....133
But First, the Old-Fashioned Way .....134
Animating 2D Images .....135
Tutorial: Animating GIF Images .....137
-- Part 1: Designing the Animation .....137
-- Part 2: Creating the Frames .....139
-- Part 3: Creating the Movie .....142
Shockwave: Interactivity for Artists .....147
Some Director Basics .....150
-- All The Screen's A Stage .....150
-- And All the Seas Are Ink .....152
-- Of Sprites and Scripts .....154
Director's Script Types .....158
Tutorial: Big Wheel Keep on Turnin' .....160
Tutorial: Adding a Shockwave Title to Your Web Page .....166
-- Set Up the MIME Application Types .....166
-- Run Your Director Movie Through Afterburner .....167
-- Copy the Compressed Movie to Your Web Site .....167
-- Embed the URL into the Appropriate Web Page .....168
-- If Your User Doesn't Have Shockwave .....169
-- Download the Netscape Shockwave Plug-in .....170
-- For More Information .....170
Using Shockwave as a Dynamic User Interface .....171
Reference: Shockwave Commands for the Web .....172
-- Interacting with the Web Via Director .....173
-- What You Can't Do .....177
Java: Interactivity for Programmers .....179
Tutorial: Adding a Java Applet to your Web Page .....180
Other Kinds of Buttons .....182
- Using Thumbnails as Hot Links .....182

Interacting With Story .....189

What Is Story as a Medium? .....190
Where is the Story Medium Useful? .....193
What Are the Characteristics of Story as a Medium? .....195
What is Nonlinear Communication? .....200
What Does Nonlinear Story Make Possible? .....202
Where Do Nonlinear Stories Differ from Linear Stories? .....207
What Skills Apply to Nonlinear Stories? .....209
Exercise 1: Fixing Holes .....210
Structure as Organizational Metaphor .....213
Information Partitioning .....214
Exercise 2: Identifying Communities of Information .....215
Information Layout .....217
Exercise 3: The Virtual Mall .....218
Navigation Design .....221
- Navigational Metaphors .....221
KeepingTheir Interest .....222
-- Suspense .....223
-- Not Saying Everything .....225
-- Withholding Resolution .....225
-- Foreshadowing .....226
-- Flashback .....227
Exercise 4: The Interactive Storyboard .....229

Web Sound .....233

The Four Stages of Adding Sound .....234
What Does Your Sound Do? .....237
Capturing Audio in the Studio .....239
Digitizing in the Field .....241
Digitizing in the Studio (or Office) .....243
Editing .....245
Processing .....246
Publishing .....248
Publishing With Helper Applications .....248
Sound in Shockwave .....250
Sound Publishing in RealAudio .....252
Sound With Java .....255

Interacting with Human Beings .....257

The Four Cornerstones of the Internet .....258
First-order Interactivity .....261
-- Fun Things .....263
-- Not-fun Things .....264
Second-order Interactivity .....265
Example:Letters to the Webmaster .....268
-- Overview .....269
-- Steps .....270
Other Collaboration Tools .....271
The Seven Intelligences .....274 Exercise: Using All of Your Intelligences .....279
- To the Friend or Assistant in the Exercise: .....286
Interacting With All The Intelligences .....287
Exercise: The Pythagorean Theorem .....290
A Return to Play .....297

Test Cases .....299

Case 1:Shockwave Scan .....299
Case 2:Interactive Animation for the Masses .....304
Additional Cases: Shocked Sites .....306

Today's Tools and Technologies .....321

On-line Resources .....331


Comments are welcome


Created: Dec. 21, 1996
Revised: Jan. 6, 1996

URL: http://webreference.com/content/dynamic/toc.html