INTEGRITY | ART211 | 211SYL | ART310 | 310SYL | ART311 | 311SYL | HOME
SANTIAGO ECHEVERRY

ART311 | Section P | On-Line Production | Spring 2008 | PRE-REQUISITE: ART210 and/or COM 241

CAS 123 | 01/22/08 - 05/15/08 | Tue - Thu: 4:00 - 6:00PM
PRE-REQUISITE: ART210


secheverry at ut.edu | BAS 131 | 813 - 253 3333 x 3769
Office hours by appointment only
Week Description   Assignments
1 - INTRO
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
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.com/ascii
http://webmonkey.wired.com/webmonkey/
3 - XHTML
Advanced XHTML: display of information, CSS, font control
Divisions, tables, images, transparent gifs, absolute and relative positioning

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
Advanced HTML: Iframes/frames. Advantages and disadvantages.


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
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
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!
JS CSS DOM ( Thanks Aaron! )
comptechdoc.org/independent/web/cgi/javamanual/javastyle.html
javatag.com/functions/htmlcssjs/index.jsp
7 - JAVASCRIPT
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
DHTML applications. Javascript. Form verification via JS.
Memory Project Workshop

Reading: CHAPTER 4
Practice 1

9 - AJAX / XML
Applied Javascript. real time information gathering. Basic XML
Practice 2
10 - AJAX / XML
AJAX and XML Practice 3
11 - SERVER SIDE
Server side programming. PHP Syntax and examples

Explore:
www.php.net


Practice 1


12 - SERVER SIDE
PHP Syntax and more examples
Explore:
www.phpclasses.org
Practice 2

13 - SERVER SIDE
DATABASE connections, MySQL
Create a basic DataBase to register a user into your own YouTube list.
14 - SERVER SIDE
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
Final project workshop
16 - FINALS
FINAL PROJECTS - EVERYONE MUST BE PRESENT