AR0051 2008-2009 Spring
General course information is available on the AR0051 Course overview page.
Contents
Course schedule
The course is divided into two quarters; the first quarter is an explore phase, where students do small exercises and in the second quarter the ambitions of the design and technical exercises will be used to create your website.
| Week | Subject | Exercise | |
|---|---|---|---|
| 1 | Theory | Introduction | Search for portfolios |
| 2 | Techniques | Adobe Flash: Basics of animation | |
| 3 | Theory | User and interaction | |
| 4 | Techniques | Adobe Flash: Basics of interaction (actionscript) | |
| 5 | Theory | Content | |
| 6 | Techniques | Adobe Dreamweaver: Basics of HTML and CSS | |
| 7 | Theory | Mood and Character | |
| 8 | Techniques | Adobe Dreamweaver: Basics of interaction (jQuery and Javascript) | |
| 9 | |||
| 10 | Workshop | Introduction | |
| 11 | Techniques | Consult | |
| 12 | Theory | Consult | |
| 13 | Holidays | ||
| 14 | Holidays | ||
| 15 | Techniques | Consult | |
| 16 | Theory | Consult | |
| 17 | Techniques | Consult | |
| 18 | Theory | Consult | Search for portfolios |
Workshop one: Introduction
Topic
What are portfolio's all about? Informational meeting
Workshop two: Flash Basics
Topic
This workshop covers the basics of flash. We instruct two tutorials on creating a movie in flash.
Exercise
Create your first flash animation as introduction to this course; make sure it is no wider then 400px; Upload it into infobase and place it on your blog.
Embed SWF To embed an SWF first make sure it's uploaded somewhere. AR0051 students can upload their work into Infobase. Look up the SWF file via the Infobase studentwork browser. View the file in the browser (by clicking it). Use the html view (tab "edit html") in a new post and copy the URL into the following code:
Code:
<iframe src=CopyTheURLhere" style=" border:none " width="600" height="400" frameborder="0" scrolling="no"></iframe>
For example:
<iframe src="http://infobase.bk.tudelft.nl/bk/upload/p1100/ebxe1UBABtop.swf" style=" border:none " width="600" height="400" frameborder="0" scrolling="no"></iframe>
Other Technique Topics
This course will cover the following technical topics. Documentation will follow in due time
Website basics: HTML
- Creating your first website - Adding style: CSS - One page site: a tutorial
Creating pages with Adobe Dreameaver
Multimedia pages Adobe Flash
Interaction with jQuery
