SANTIAGO ECHEVERRY

ART311 | Section H | On-Line Production | Spring 2011| PRE-REQ: ART210 and/or COM241

CAS 134 | Tue - Thu: 2:00 - 4:20PM


secheverry at ut.edu | CAS Annex 112 | 813 - 813 257 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. How to set up your server space.

Explore:
http://www.asciimation.co.nz/
http://www.chris.com/ascii
http://webmonkey.wired.com/webmonkey/
Readings:
History of the Internet, Internet for Historians
Personal computer milestones
http://www.w3schools.com

• Purchase your own domain name and server space. Send me an email before our next class with the link to your site. This is ESSENTIAL for this class.
• Digital ASCII art: each student has to present 3 pieces of digital ASCII art, both printed and on their website.

2 - XHTML
More Basic XHTML, definitions, syntax, examples, text coding, browser particularities. CSS: Fonts, sizes, colors. Images. Opacity
jimwestergren.com/worst-web-design-ever
webpagesthatsuck.com

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
ELASTIC layout
http://www.csszengarden.com/
3 - XHTML
Advanced XHTML: display of information, CSS, font control
Divisions, tables, images, transparent gifs, absolute and relative positioning

Visual Poem Project: transform your favorite poem/text ( at least 20 lines ) into a visual html project, using basic CSS, images, tables, fonts, colors. You will create two versions 1) using tables and 2) using only divisions and CSS positioning
4 - XHTML
Advanced HTML: Iframes/frames. Advantages and disadvantages. HTML 5 Canvas: video and audioExplore: HTML 5 <canvas>


Using HTML 5 and any editor of your choice, create your own extended family tree, using iframes, 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... ) Due in 2 weeks
5 - XHTML
FORMS: different elements,


• Create at least 3 dhtml documents that will explore the possibilties of Dynamic HTML, rollovers, motion, alteration of content, resizing, randomness, etc... - Open topic. HAVE FUN!
• Form ART: in the same way you created the ASCII art, explore the possibilities of creating visual animated experiments using form elements and the refresh metatag.
6 - JAVASCRIPT
Client side programming for the web. Javascript. Form verification, notions of variables, functions, usage, examples: random images, time and date

Explore:
http://devguru.com/home.asp

JS CSS DOM Practice 1
comptechdoc.org
javatag.com
7 - JAVASCRIPT
DHTML having fun with visual properties

create an interactive story where the user will be able to change the parameters of the narration in the form of a MadLib. The story must have at least 5 versions, and minimum 10 parameters. Use form verifications and dynamically placed images.
8 - JQUERY
JQUERY applications. Transition into Server side applications, animated menu, slide show, lightbox, thickbox

Explore: jquery.com
webmonkey.com/2010/02/get_started_with_jquery/

9 - SERVER SIDE
Server side programming. PHP Syntax and examples
Create your PHP email form ( with form verifications and security questions) Explore: www.php.net
www.dynamicdrive.com


10 - SERVER SIDE
Server side programming. PHP Syntax and examples. Functions, reserved variuables, user information, Includes. design the first draft of your website using PHP includes. Due in 2 weeks
11 - SERVER SIDE
PHP Syntax and more examples




Explore: www.phpclasses.org
12 - SERVER SIDE
DATABASE connections, MySQL
Create a basic DataBase to register a user into your own email distributuion list.

13 - SERVER SIDE
WORKSHOP
Public presentation of Final project ideas with timeline and workflow. In addition to your personal website, the Final project must be a server side based area of your site that includes XHTML, DHTML, Javascript, PHP/MySQL. Portfolios accepted.
14 - SERVER SIDE
WORKSHOP




 
15 - SERVER SIDE
Final project workshop
16 - FINALS
FINAL PROJECTS - EVERYONE MUST BE PRESENT
TUESDAY MAY 3rd / 1.30 - 3.30 PM exams