| SANTIAGO ECHEVERRY ART311 | On-Line Production | Fall 2006 CAS 123 | 08/28/06 - 12/14/06 | Mon - Thu: 4:00 - 6:00PM PRE-REQUISITE: ART210 secheverry at ut.edu | BAS 131 | 813 - 253 3333 x 3769 Office hours by appointment only: Tue / Thu 2:30 - 5:30 PM |
|||||
| Week | Description | Assignments | |||
| 1 - INTRO 08/28 - 08/30 |
TEXT as the base for all Internet creation. SSH, SFTP, FUGU, Fetch, FTP. Basic XHTML, structure, theory, open source. CSS | Readings: History of the Internet, Internet for Historians Personal computer milestones http://www.w3schools.com |
|||
| 2 - XHTML 09/06 |
More Basic XHTML, definitions, syntax, examples, text coding, browser particularities. CSS: Fonts, sizes, colors. Images. Reading: INTERNET ART: INTRO + CHAPTER 1 |
Digital ASCII art: each student has to present 3 pieces of digital ASCII art, both printed and on their website. Explore: http://www.asciimation.co.nz/ http://www.chris.org/ascii http://webmonkey.wired.com/webmonkey/ |
|||
| 3 - XHTML 09/11 - 09/13 |
Advanced XHTML: display of information, CSS, font control Divisions, tables, images, transparent gifs, absolute and relative positioning Explore: Cascading Style Sheets http://academ.hvcc.edu/~kantopet/css/index.php |
Using strict XHTML+CSS, transform your original digital ascii creations into interactive css creations, or if you prefer, you can create at least 3 new ascii projects |
|||
| 4 - XHTML 09/18 - 09/20 |
Advanced HTML: Iframes/frames. Advantages and disadvantages. Explore: www.wired.com/animation |
Visual Poem Project: transform your favorite poem/text ( at least 20 lines ) into a visual html project, using basic CSS, images, tables, fonts, colors |
|||
| 5 - XHTML 09/25 - 09/27 |
Embedding Applets, SWF, DCR, QT movs. Sounds and animation. Reading: CHAPTER 2 + CHAPTER 3 |
Using XHTML/CSS and any editor of your choice, create your own extended family tree, using frames, images, sounds, animations. You will show all the relations between the different members of your extended family. embed at least one applet ( dcr, swf, mov... ) . |
|||
| 6 - JAVASCRIPT 10/02 - 10/04 |
Client side programming for the web. Javascript: DHTML Explore: http://devguru.com/home.asp |
Create a mini site that will explore the possibilties of Dynamic HTML, rollovers, motion, alteration of content, resizing, randomness, etc... - Open topic. HAVE FUN! | |||
| 7 - JAVASCRIPT 10/09 - 10/11 |
Javascript. notions of variables, functions, usage, examples: form verifications, random images, time and date. DHTML Reading: I of the Vortex, Rodolfo Llinás |
Based on Llinás's reading, create a minisite exploring the links between the web and our own memory creation process, such as a quiz or a memory game, using DHTML, XHTML and Javascript |
|||
| 8 - JAVASCRIPT 10/16 - 10/18 |
DHTML applications. Javascript. Form verification via JS. Memory Project Workshop Reading: CHAPTER 4 |
Practice 1 |
|||
| 9 - AJAX / XML 10/23 - 10/25 |
Applied Javascript. real time information gathering. Basic XML | Practice 2 | |||
| 10 - AJAX / XML 10/30 - 11/01 |
AJAX and XML | Practice 3 | |||
| 11 - SERVER SIDE 11/06 - 11/08 |
Server side programming. PHP Syntax and examples Explore: www.php.net |
Practice 1 |
|||
| 12 - SERVER SIDE 11/13 - 11/15 |
PHP Syntax and more examples Explore: www.phpclasses.org |
Practice 2 |
|||
| 13 - SERVER SIDE 11/20 |
DATABASE connections, MySQL | Create a basic DataBase to register an user into your own email list. | |||
| 14 - SERVER SIDE 11/27 - 11/29 |
WORKSHOP |
Public presentation of Final project ideas with timeline and workflow, open topic. The Final project must be a server side based website, including XHTML, DHTML, Javascript, PHP/MySQL. Open topic! NO PORTFOLIOS. | |||
| 15 - SERVER SIDE 12/04 - 12/06 |
Final project workshop | ||||
| 16 - FINALS 12/11 - 12/14 |
FINAL PROJECTS - EVERYONE MUST BE PRESENT | ||||