ART311 | Section P | On-Line Production | Spring 2009 | PRE-REQUISITE: ART210 and/or COM 241
CAS 134 | 01/20/09 - 05/10/09 | Tue - Thu: 4:00 - 6:00PM
secheverry at ut.edu | BAS 131 | 813 - 813 257 3769
Office hours by appointment only
|1 - INTRO
||TEXT as the base for all Internet creation. SSH, SFTP, FUGU, Fetch, FTP. Basic XHTML, structure, theory, open source. CSS
History of the Internet, Internet for Historians
Personal computer milestones
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.
|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
|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. Embedding Applets, SWF, DCR, QT movs. Sounds and animation.
||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... ) 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.
|JS CSS DOM Practice 1
||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.
||DHTML applications. Transition into Server side applications
|9 - SERVER SIDE
||Server side programming. PHP Syntax and examples||Create your PHP email form ( with form verifications and security questions)
|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
|12 - SERVER SIDE
||DATABASE connections, MySQL
||Create a basic DataBase to register a user into your own email distributuion list.
|13 - SERVER SIDE
|14 - SERVER SIDE
|15 - SERVER SIDE
||Final project workshop|
|16 - FINALS
||FINAL PROJECTS - EVERYONE MUST BE PRESENT|