Interaction Design I

Interaction Design I

Niels Müller Larsen

Dette arbejde er beskyttet af Creative Commons Attribution 3.0 License. For at se denne licens må du besøge http://creativecommons.org/licenses/by/3.0/deed.da eller skrive til Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

This work is licensed under the Creative Commons Attribution 3.0 License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3.0/ or send a letter to Creative Commons, 559 Nathan Abbott Way, Stanford, California 94305, USA.

2011-03-19


Table of Contents

Preface
Interaction?
Who Am I
Introduction to the course
Interaction Design I
Course curriculum
Mandatory Literature for the whole module
References for this Lesson
Getting Ready
Visualizing HTML I
Visualizing HTML II
1. First Web Pages
References for this lesson
Word Processing
Our Little Helper
[X]HTML, The Quintessential HTML Document
We Love Lists!
Assignments
Assignment 1.0
Assignment 2.0
2. Adding Style
First a Solution for the Assignment 1.0
General feedback
References for this lesson
CSS
Assignments
Assignment 2.0
Assignment 2.1
3. Full Speed Style
General feedback, Assignment 2.1
References for this lesson
Semantics on Style
Assignments
Assignment 3.0
Assignment 3.1
Assignment 3.2
4. Image Magic
References for this lesson
Previous Lesson's Assignments
Assignment 3.0
Assignment 3.1
Assignment 3.2
Images on Web Pages
5. Layouthon
References for this lesson
Assignments
Assignment 5.0
Assignment 5.1
Assignment 5.2
Assignment 5.3
6. Wrap up of XHTML/CSS
References for this lesson
Review of Project and All
Divs Revisited
Webfonts
Tables
Assignments
Assignment 6.0
7. ActionScript3 Programming Intro
References for this lesson
Introduction to ActionScript3
Does It Work?
8. ActionScript3 Programming II
References for this lesson
ActionScript3 GPU Intro
9. ActionScript3 Programming III
References for this lesson
Validation of XHTML With Flash Included
Let Us
Start Programming
Variables
Selections
Iterations
Functions
A. The Client/Server Model
Architechture
What Happens Where?
WWW som client/server
Technology in three tiers
B. Workshop, CSS Layout
Initial Documents
Literature

List of Figures

1.1. A Word Processing Document
3.1. Assignment 0 preview
3.2. Assignment 1 preview
3.3. Assignment 3.2 preview
5.1. Assignment 5.0
5.2. Assignment 1 preview
5.3. Assignment 5.2 preview
5.4. Assignment 5.3 preview
7.1. Start New Flash File
7.2. Filetype for program files
A.1. Client/Server Model Illustrated