Difference between revisions of "Table of Contents"

From Digital Foundations
 
(25 intermediate revisions by 2 users not shown)
Line 1: Line 1:
=Comments Here=
+
=First Steps=
  
Please put general, TOC focused comments here. Put specific comments into the body below. Thanks!
+
<p><b>Introduction: [[Read Me!]]</b>
 +
</p>
  
=Table of Contents=
+
*Introduction to Digital Foundations
 +
*Introduction to Operating Systems
 +
*Introduction to Bauhaus
 +
<p><b>[[Chapter 1 CS4]]: The Metaphor of Using Graphics Applications</b>
 +
</p>
 +
*Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
 +
*Visual References: Egon Schiele
 +
*Technical:
 +
**Welcome to the OS, Common Metaphors
 +
**Opening, saving and closing files with Adobe Illustrator
 +
**Creating a dynamic composition in Adobe Illustrator
 +
**Rectangle Shape Tool
 +
**Fill and Stroke
 +
**Select Tool
 +
**Master Files and Naming Conventions
 +
<p><b>[[Chapter 2 CS4]]: Searching and Sampling - Becoming an Expert Web User</b>
 +
</p>
 +
*Formal Principles: Copyright, Fair Use, Appropriation
 +
*Visual References: Marcel Duchamp, Kenneth Tinkin-Hung
 +
*Technical:   
 +
**Searching for images: Filtering search engines
 +
**Saving images from the web to the harddrive
 +
**Searching for images: The public domain
 +
**Licensing artwork
 +
**Searching for images: Stock websites
  
Introduction: [[Read Me!]] Introduction
 
 
Introduction to Digital Foundations
 
Introduction to Operating Systems
 
Introduction to Bauhaus
 
 
[[Chapter 1 CS4]]: The Metaphor of Using Graphics Applications
 
 
Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
 
Visual References: Amedeo Modigliani, Egon Schiele
 
Technical:
 
Welcome to the OS, Common Metaphors
 
Opening, saving and closing files with Adobe Illustrator
 
Creating a dynamic composition in Adobe Illustrator
 
Rectangle Shape Tool
 
Fill and Stroke
 
Select Tool
 
Master Files and Naming Conventions
 
[[Chapter 2 CS4]]: Searching and Sampling - Becoming an Expert Web User
 
 
Formal Principles: Copyright, Fair Use, Appropriation
 
Visual References: Marcel Duchamp, Kenneth Ti
 
Technical:
 
Searching for images: Filtering search engines
 
Saving images from the web to the harddrive
 
Searching for images: The public domain
 
Licensing artwork
 
Searching for images: Stock websites
 
 
=Adobe Illustrator=
 
=Adobe Illustrator=
 +
<p><b>[[Chapter 3 CS4]]: Symmetry</b>
 +
</p>
 +
*Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
 +
*Visual References: The Bookman (Advertisement), Leonardo da Vinci, Adalpertus
 +
*Technical:
 +
**Copy, Paste, and Move Objects with Key Commands
 +
**Short-cuts and Key Commands
 +
**Grouping and Ungrouping
 +
**Locking Layers
 +
**Fill and Outline
 +
**Scaling with the Selection Tool
 +
**Align Palette
 +
<p><b>[[Chapter 4 CS4]]: Type on the Grid</b>
 +
</p>
 +
*Formal Principles: Line, Plane, Balance, The Grid, Type Basics
 +
*Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke]
 +
*Technical:
 +
**Repositioning Rulers
 +
**Line Tool
 +
**Using the Type Tool for Headlines and Text Boxes
 +
**Justification, Leading, Kerning
 +
**Zoom Tool, Hand Tool
 +
**Introduction to the Direct Select Tool
 +
<br /><p><b>[[Chapter 5 CS4]]: Color Theory and Basic Shapes</b>
 +
</p>
 +
*Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
 +
*Visual References: Johannes Itten (color wheel), Joseph Albers, Jahre Deutscher Werkbund, Edouard Manet, and Vincent Van Gogh
 +
*Technical:
 +
**Custom Document
 +
**Artboard
 +
**Rulers and Guides
 +
**Shape Tools
 +
**Selecting Objects
 +
**RGB and CMYK Color Palette
 +
**Creating Tints and Shades
 +
**Copying and Moving shapes
 +
**Tools and Palettes
 +
<b>[[Chapter 6 CS4]]: Line Art and Flat Graphics</b>
 +
*Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
 +
*Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
 +
*Technical:
 +
**Pen Tool
 +
**Anchor Points and Bezier Handles
 +
**Convert Anchor Point Tool
 +
**Vector graphics
 +
**Selection Tool vs. Direct Selection Tool
 +
**Clipping Mask
  
[[Chapter 3 CS4]]: Color Theory and Basic Shapes
+
=Photoshop=
 
+
<p><b>[[Chapter 7 CS4]]: Scanning</b>
Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
+
</p>
Visual References: Johannes Itten (color wheel), Joseph Albers, Edouard Manet
+
*Formal Principles: Photograms and Scanograms, Abstraction
Technical:
+
*Visual References:Anna Atkins, Lemons (unknown artist)
Custom Document
+
*Technical:
Artboard
+
**Scanning objects
Rulers and Guides
+
**Photoshop Palette Basics 
Shape Tools
+
**Pixels and Raster Images
Selecting Objects
+
**Resolution
RGB and CMYK Color Palette
+
**Image File Formats: PSD, TIF
Creating Tints and Shades
+
**History Palette
Copying and Moving shapes
+
**Basic Image Adjustments
Tools and Palettes
+
<p><b>[[Chapter 8 CS4]]: Tonal Scale</b>
Chapter 4 Sandbox: Type on the Grid
+
</p>
 
+
*Formal Principles: Contrast, Value and Tonal Scale in Photography
Formal Principles: Line, Plane, Balance, The Grid, Type Basics
+
*Visual References: Nicéphore Niépce, Dorthea Lange
Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke]
+
*Technical:
Technical:
+
**Downloading Images from the Camera
Repositioning Rulers
+
**Unsharp Mask
Line Tool
+
**Image Size
Using the Type Tool for Headlines and Text Boxes
+
**Understanding the Histogram
Justification, Leading, Kerning
+
**Levels and Curves
Zoom Tool, Hand Tool
+
**Hue and Saturation
Introduction to the Direct Select Tool
+
<p><b>[[Chapter 9 CS4]]: Layering and Collage</b>
[[Chapter 5 CS4]]: Symmetry
+
</p>
 
+
*Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
+
*Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde
Visual References: The Bookman (Advertisement) and Leonardo da Vinci
+
*Technical:
Technical:
+
**Free Transform, Scaling,
Copy, Paste, and Move Objects with Key Commands
+
**Layer Palette
Short-cuts and Key Commands
+
**Cropping
Grouping and Ungrouping
+
**Adjustment Layer
Locking Layers
+
**Layer Groups
Fill and Outline
+
**Merging Layers
Scaling with the Selection Tool
+
<p><b>[[Chapter 10 CS4]]: Repetition and Cloning</b>
Align Palette
+
</p>
 
+
*Formal Principles: Unity, Harmony
[[Chapter 6 CS4]]: Line Art and Flat Graphics
+
*Visual References: The Anti-Advertising Agency, The Billboard Liberation Front
 
+
*Technical:
Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
+
**Type Tool
Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
+
**Layer Styles
Technical:
+
**Cloning
Pen Tool
+
**Layer Groups
Anchor Points and Bezier Handles
+
**Duplicating and Flattening
Convert Anchor Point Tool
+
**Rasterizing and Creating Outlines
Vector graphics
+
<p><b>[[Chapter 11 CS4]]: Non-Destructive Editing</b>
Selection Tool vs. Direct Selection Tool
+
</p>
Clipping Mask
+
*Formal Principles: Chaos, Anti-Order
Live Trace (I DIDN'T GET TO THIS - WE CAN ADD IT HERE IF WE HAVE TO)
+
<p>Visual Examples: Philippe Halsman and Kurt Schwitters
=PhotoShop=
+
</p>
 
+
*Quick Masks
[[Chapter 7 CS4]]: Scanning
+
*Saving Selections
 +
*Channel Palette
 +
*Layer Masks
 +
*Shape Tool
 +
*Path Palette
 +
*Adjustment Layers
 +
*Clipping Groups
 +
<p><b>[[Chapter 12 CS4]]: Digital Output for the Web</b>
 +
</p>
 +
*Formal Principles: Low-fi &amp; Dirt Style
 +
*Visual References: Whitehouse.gov, Pizzahut.com
 +
*Technical:
 +
**Resolution
 +
**Image Size
 +
**Save for web
 +
**File Formats: JPG, GIF
 +
**File Size/Download Time
  
Formal Principles: Photograms and Scanograms, Abstraction
 
Visual References:Anna Atkins, Lemons (unknown artist)
 
Technical:
 
Scanning objects
 
Photoshop Palette Basics
 
Pixels and Raster Images
 
Resolution
 
Image File Formats: PSD, TIF
 
History Palette
 
Basic Image Adjustments
 
[[Chapter 8 CS4]]: Tonal Scale
 
 
Formal Principles: Contrast, Value and Tonal Scale in Photography
 
Visual References: Nicéphore Niépce, Dorthea Lange
 
Technical:
 
Downloading Images from the Camera
 
Unsharp Mask
 
Image Size
 
Understanding the Histogram
 
Levels and Curves
 
Hue and Saturation
 
[[Chapter 9 CS4]]: Layering and Collage
 
 
Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
 
Visual References: Hippolyte Bayard, El Lissitzky
 
Technical:
 
Free Transform, Scaling,
 
Layer Palette
 
Cropping
 
Adjustment Layer
 
Layer Groups
 
Merging Layers
 
[[Chapter 10 CS4]]: Repetition and Cloning
 
 
Formal Principles: Unity, Harmony
 
Visual References: The Anti-Advertising Agency, Bansky, The Billboard Liberation Front, The Bubble Project (depending on who gives us rights)
 
Technical:
 
Type Tool
 
Layer Styles
 
Cloning
 
Layer Groups
 
Duplicating and Flattening
 
Rasterizing and Creating Outlines
 
[[Chapter 11 CS4]]: Non-Destructive Editing
 
 
Formal Principles: Chaos, Anti-Order
 
Visual Examples: Theo Van Doesburg (presumed) and Kurt Schwitters [we wanted: F.T. Marinetti, Hannah Höch, Martha Rossler]
 
 
Quick Masks
 
Saving Selections
 
Channel Palette
 
Layer Masks
 
Shape Tool
 
Path Palette
 
Adjustment Layers
 
Clipping Groups
 
[[Chapter 12 CS4]]: Digital Output for the Web
 
 
Formal Principles: Low-fi & Dirt Style
 
Visual References: Michael Bell-Smith, Olia Lialina, Marisa Olson, Nasty-Nets
 
Technical:
 
Resolution
 
Image Size
 
Save for web
 
File Formats: JPG, GIF
 
File Size/Download Time
 
 
=InDesign=
 
=InDesign=
 
+
<p><b>[[Chapter 13 CS4]]: Multiple Pages: Unity</b>
[[Chapter 13 CS4]]: Multiple Pages: Unity
+
</p>
 
+
*Formal Principles: Sequence, Repetition, Harmony
Formal Principles: Sequence, Repetition, Harmony
+
*Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore
Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore
+
*Technical:
Technical:
+
**Creating a New Document
Creating a New Document
+
**Pages Palette
Pages Palette
+
**Master Pages
Master Pages
+
**Rulers and Guides
Rulers and Guides
+
**Type Tool
Type Tool
+
**Color Palette  
Color Palette
+
**Linking Text Boxes
Linking Text Boxes
+
**Exporting a PDF
Exporting a PDF
+
<p><b>[[Chapter 14 CS4]]: Multiple Pages: Chaos, Tension, Disarray</b>
[[Chapter 14 CS4]]: Multiple Pages: Chaos, Tension, Disarray
+
</p>
 
+
*Formal Principles: Deconstruction, Disarray
Formal Principles: Deconstruction, Disarray
+
*Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson)
Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson)
+
*Technical:
Technical:
+
**Placing Images and Text
Placing Images and Text
+
**Text Frame Breaks
Text Frame Breaks
+
**Creating a Character Style
Creating a Character Style
+
**Leading, Kerning, Hyphenation
Leading, Kerning, Hyphenation
+
**Eyedropper Tool
Eyedropper Tool
+
**Modifying a Text Box with the Direct Select Tool
Modifying a Text Box with the Direct Select Tool
+
**Modifying Text Box Settings
Modifying Text Box Settings
 
 
=Dreamweaver=
 
=Dreamweaver=
 
+
<p><b>[[Chapter 15 CS4]]: Hello World</b>
[[Chapter 15 CS4]]: Hello World
+
</p>
 
+
*Formal Principles: Code as Aesthetics
Formal Principles: Code as Aesthetics
+
*Visual References: Jodi's wwwwwwwww.jodi.org, Heath Bunting
Visual References: Jodi's wwwwwwwww.jodi.org, Superbad
+
*Technical:
Technical:
+
**Hello World via TextEdit
Hello World via TextEdit
+
**Hello World in Dreamweaver  
Hello World in Dreamweaver
+
**Editing versus Previewing
Editing versus Previewing
+
**File Naming Conventions  
File Naming Conventions
+
**Basic Text Formatting (H1, Strong, Em)  
Basic Text Formatting (H1, Strong, Em)
+
**Choosing Colors (sidebar: CSS)
Choosing Colors (sidebar: CSS)
+
<p><b>[[Chapter 16 CS4]]: Files and Servers</b>
[[Chapter 16 CS4]]: Files and Servers
+
</p>
 
+
*Formal Principles: Network Logic
Formal Principles: Network Logic
+
*Visual References: MTAA's Internet Art Diagram
Visual References: JODI's 404, MTAA's Internet Art Diagram, Lisa Jevbratt, RSG/Alex Galloway's Carnivore
+
*Technical:
Technical:
+
**Defining a Site  
Defining a Site
+
**Uploading to a Server  
Uploading to a Server
+
**Webhosting
Webhosting
+
<p><b>[[Chapter 17 CS4]]: Form and Content on the Web</b>
[[Chapter 17 CS4]]: Form and Content on the Web
+
</p>
 
+
*Formal Principles: Appropriation and Collage Online
Formal Principles: Appropriation and Collage Online
+
*Visual References: A List Apart, Craigslist.com
Visual References: Heath Bunting's "Own, Be Owned or Remain Invisible", Mark Napier
+
*Technical:
Technical:
+
**Images
Images
+
**Links  
Links
+
**Point to File  
Point to File
+
**Absolute vs Relative URLs  
Absolute vs Relative URLs
+
**Adding YouTube video V in Video should be Capitalized
Adding YouTube video V in Video should be Capitalized
 
 
=Flash=
 
=Flash=
 
+
<p><b>[[Chapter 18 CS4]]: Elements of Motion</b>
[[Chapter 18 CS4]]: Elements of Motion
+
</p>
 
+
*Formal Principles: Time and Rhythm
Formal Principles: Time and Rhythm
+
*Visual References: NONE
Visual References: Oskar Fischinger, 4/4 Time
+
*Technical:
Technical:
+
**Frames and Keyframes
Frames and Keyframes
+
**Shape Tween  
Shape Tween
+
**Document Properties  
Document Properties
+
**Publishing
Publishing
+
<p><b>[[Chapter 19 CS4]]: Pacing</b>
[[Chapter 19 CS4]]: Pacing
+
</p>
 
+
*Formal Principles: Motion, Speed and Stillness
Formal Principles: Motion, Speed and Stillness
+
*Visual References: Hans Richter, Lillian Schwartz
Visual References: Lotte Reiniger, Walter Ruttmann
+
*Technical:
Technical:
+
**Symbols  
Symbols
+
**Library  
Library
+
**Motion Tween  
Motion Tween
+
**Instances
Instances
+
<p><b>[[Chapter 20 CS4]]: Commanding the Timeline: ActionScript</b>
[[Chapter 20 CS4]]: Commanding the Timeline: ActionScript
+
</p>
 
+
*Formal Principles: Game Theory, Play Logic
Formal Principles: Game Theory, Play Logic
+
*Visual References: Spacewar, Trigger Happy
Visual References: Space Invaders, Natalie Bookchin's Intruder, McVideoGame (www.mcvideogame.com), Eric Zimmerman's SissyFight 2000
+
*Technical:
Technical:
+
**onClick  
onClick
+
**gotoAndPlay  
gotoAndPlay
+
**Play  
Play
+
**Stop
Stop
 

Latest revision as of 10:40, 12 February 2013

First Steps

Introduction: Read Me!

  • Introduction to Digital Foundations
  • Introduction to Operating Systems
  • Introduction to Bauhaus

Chapter 1 CS4: The Metaphor of Using Graphics Applications

  • Formal Principles: Dynamic and Static Compositions, Movement versus Stillness
  • Visual References: Egon Schiele
  • Technical:
    • Welcome to the OS, Common Metaphors
    • Opening, saving and closing files with Adobe Illustrator
    • Creating a dynamic composition in Adobe Illustrator
    • Rectangle Shape Tool
    • Fill and Stroke
    • Select Tool
    • Master Files and Naming Conventions

Chapter 2 CS4: Searching and Sampling - Becoming an Expert Web User

  • Formal Principles: Copyright, Fair Use, Appropriation
  • Visual References: Marcel Duchamp, Kenneth Tinkin-Hung
  • Technical:
    • Searching for images: Filtering search engines
    • Saving images from the web to the harddrive
    • Searching for images: The public domain
    • Licensing artwork
    • Searching for images: Stock websites

Adobe Illustrator

Chapter 3 CS4: Symmetry

  • Formal Principles: Symmetry, Asymmetry, Focal Point, Passive and Active Negative Space
  • Visual References: The Bookman (Advertisement), Leonardo da Vinci, Adalpertus
  • Technical:
    • Copy, Paste, and Move Objects with Key Commands
    • Short-cuts and Key Commands
    • Grouping and Ungrouping
    • Locking Layers
    • Fill and Outline
    • Scaling with the Selection Tool
    • Align Palette

Chapter 4 CS4: Type on the Grid

  • Formal Principles: Line, Plane, Balance, The Grid, Type Basics
  • Visual References: Theo van Doesburg, STILL NEED ONE MORE [we wanted:Sophie Taeuber-Arp, Piet Modrian, Jan Tschichold, Wolfgang Weingart] [we found: Theo van Doesburg, El Lissitzky, Leonardo da Vinci, August Macke]
  • Technical:
    • Repositioning Rulers
    • Line Tool
    • Using the Type Tool for Headlines and Text Boxes
    • Justification, Leading, Kerning
    • Zoom Tool, Hand Tool
    • Introduction to the Direct Select Tool


Chapter 5 CS4: Color Theory and Basic Shapes

  • Formal Principles: Color Models, Relationships on the Wheel, Hue, Value, Saturation
  • Visual References: Johannes Itten (color wheel), Joseph Albers, Jahre Deutscher Werkbund, Edouard Manet, and Vincent Van Gogh
  • Technical:
    • Custom Document
    • Artboard
    • Rulers and Guides
    • Shape Tools
    • Selecting Objects
    • RGB and CMYK Color Palette
    • Creating Tints and Shades
    • Copying and Moving shapes
    • Tools and Palettes

Chapter 6 CS4: Line Art and Flat Graphics

  • Formal Principles: Gesture Drawings, Line, Weight, Texture, Atmospheric Perspective
  • Visual References: A Diagram from Harper's Bazar and Ronen Eidelman
  • Technical:
    • Pen Tool
    • Anchor Points and Bezier Handles
    • Convert Anchor Point Tool
    • Vector graphics
    • Selection Tool vs. Direct Selection Tool
    • Clipping Mask

Photoshop

Chapter 7 CS4: Scanning

  • Formal Principles: Photograms and Scanograms, Abstraction
  • Visual References:Anna Atkins, Lemons (unknown artist)
  • Technical:
    • Scanning objects
    • Photoshop Palette Basics
    • Pixels and Raster Images
    • Resolution
    • Image File Formats: PSD, TIF
    • History Palette
    • Basic Image Adjustments

Chapter 8 CS4: Tonal Scale

  • Formal Principles: Contrast, Value and Tonal Scale in Photography
  • Visual References: Nicéphore Niépce, Dorthea Lange
  • Technical:
    • Downloading Images from the Camera
    • Unsharp Mask
    • Image Size
    • Understanding the Histogram
    • Levels and Curves
    • Hue and Saturation

Chapter 9 CS4: Layering and Collage

  • Formal Principles: Scale, Hierarchy, Collage, Double Exposure, Exquisite Corpse
  • Visual References: Hippolyte Bayard, El Lissitzky, Henry Van der Weyde
  • Technical:
    • Free Transform, Scaling,
    • Layer Palette
    • Cropping
    • Adjustment Layer
    • Layer Groups
    • Merging Layers

Chapter 10 CS4: Repetition and Cloning

  • Formal Principles: Unity, Harmony
  • Visual References: The Anti-Advertising Agency, The Billboard Liberation Front
  • Technical:
    • Type Tool
    • Layer Styles
    • Cloning
    • Layer Groups
    • Duplicating and Flattening
    • Rasterizing and Creating Outlines

Chapter 11 CS4: Non-Destructive Editing

  • Formal Principles: Chaos, Anti-Order

Visual Examples: Philippe Halsman and Kurt Schwitters

  • Quick Masks
  • Saving Selections
  • Channel Palette
  • Layer Masks
  • Shape Tool
  • Path Palette
  • Adjustment Layers
  • Clipping Groups

Chapter 12 CS4: Digital Output for the Web

  • Formal Principles: Low-fi & Dirt Style
  • Visual References: Whitehouse.gov, Pizzahut.com
  • Technical:
    • Resolution
    • Image Size
    • Save for web
    • File Formats: JPG, GIF
    • File Size/Download Time

InDesign

Chapter 13 CS4: Multiple Pages: Unity

  • Formal Principles: Sequence, Repetition, Harmony
  • Visual References: NONE YET - Saul Bass, Alexey Brodovitch, Muriel Cooper, Quentin Fiore
  • Technical:
    • Creating a New Document
    • Pages Palette
    • Master Pages
    • Rulers and Guides
    • Type Tool
    • Color Palette
    • Linking Text Boxes
    • Exporting a PDF

Chapter 14 CS4: Multiple Pages: Chaos, Tension, Disarray

  • Formal Principles: Deconstruction, Disarray
  • Visual References: NONE YET - Neville Brody, Émigré Magazine (Rudy VanderLands and Zuzana Licko), Ray Gun Magazine (David Carson)
  • Technical:
    • Placing Images and Text
    • Text Frame Breaks
    • Creating a Character Style
    • Leading, Kerning, Hyphenation
    • Eyedropper Tool
    • Modifying a Text Box with the Direct Select Tool
    • Modifying Text Box Settings

Dreamweaver

Chapter 15 CS4: Hello World

  • Formal Principles: Code as Aesthetics
  • Visual References: Jodi's wwwwwwwww.jodi.org, Heath Bunting
  • Technical:
    • Hello World via TextEdit
    • Hello World in Dreamweaver
    • Editing versus Previewing
    • File Naming Conventions
    • Basic Text Formatting (H1, Strong, Em)
    • Choosing Colors (sidebar: CSS)

Chapter 16 CS4: Files and Servers

  • Formal Principles: Network Logic
  • Visual References: MTAA's Internet Art Diagram
  • Technical:
    • Defining a Site
    • Uploading to a Server
    • Webhosting

Chapter 17 CS4: Form and Content on the Web

  • Formal Principles: Appropriation and Collage Online
  • Visual References: A List Apart, Craigslist.com
  • Technical:
    • Images
    • Links
    • Point to File
    • Absolute vs Relative URLs
    • Adding YouTube video V in Video should be Capitalized

Flash

Chapter 18 CS4: Elements of Motion

  • Formal Principles: Time and Rhythm
  • Visual References: NONE
  • Technical:
    • Frames and Keyframes
    • Shape Tween
    • Document Properties
    • Publishing

Chapter 19 CS4: Pacing

  • Formal Principles: Motion, Speed and Stillness
  • Visual References: Hans Richter, Lillian Schwartz
  • Technical:
    • Symbols
    • Library
    • Motion Tween
    • Instances

Chapter 20 CS4: Commanding the Timeline: ActionScript

  • Formal Principles: Game Theory, Play Logic
  • Visual References: Spacewar, Trigger Happy
  • Technical:
    • onClick
    • gotoAndPlay
    • Play
    • Stop