WWWIRED

"...rough consensus and running code."
— David D Clark (a father of the Internt)

there's no homework for next week

[week 1] Introductions + Calibrations

...we'll start by reviewing the syllabus and discussing the course's concepts and themes. We'll get to know each other and do brief introductions. We'll also have a short discussion/introduction to the impact of participatory culture and the importance of media literacy. We'll get technically calibrated and make sure our computers and software are all in order.

before the next class make sure to do the Google Puzzle

[week 2] Digital Imaging

..we will be starting our own flickr accounts and we will discuss sharing and licensing your content on the web (copyright, copyleft and creative commons) as well as further discuss the impact of participatory culture (from Walter Benjamin to Henry Jenkins and Lawrence Lessig) We'll start working with Photoshop and introduce some basic digital imaging tools/techniques: lasso, crop, copy, paste, move, layers, etc.

[HOME WORK] Sketch 1: Image cropping/layering sketch and read A Love Letter to Computers Club by Nicholas O'Brien.

watch the "up and running with photoshop for design" lesson 1 tutorial on Lynda, and read A Love Letter to Computers Club by Nicholas O'Brien.

[week 3] Surf Clubs

...we'll screen/discuss various image based conversation groups/blogs/projects run by artists and designers (photoshop tennis, nastynets, spiritsurfers, dump.fm, computers club, etc.). We'll also be starting our own class surf club on tumblr. We'll learn a few more digital imaging tools/techniques including: clone tool, eyedropper tool, saving selections, mattes.

[HOME WORK] Sketch 2: Create at least one sketch participating in the class surf club.

watch the "up and running with photoshop for design" lesson 2 for review on Lynda, and before the next class you need to finish and upload your sketch to the class surf club.

[week 4] Online Remix Culture

...remix has become the primary mode of communication for an entire digital generation. We'll discuss the trends/memes that exist at the intersection of popular culture and new-media art culture. (Sven Koni, Kutiman, Oliver Laric, F.A.T., etc.) We'll learn some more digital imaging tools/techniques including: creating actions and batch automation.

[HOME WORK] Sketch 3: Create at least one sketch utilizing the techniques learned in class participating in the class surf club. Watch/read a short interview with Lauren Cornell about selling animated gifs, an interview with Rick Silva about his animated gif work, and a blog post by Olia Lialina about animated gif maker of the past Chuck Poynter.

homework: finish & post your second sketch to the class surf club, and make sure to check out the Lynda tutorial you were assigned ++ Also take a look at these videos/posts about animated gif art: Lauren Cornell, Rick Silva and Olia Lialina

[week 5] Exporting/Processing Images for Web

...we'll be discussing Internet conventions relating to images on the web: file formats, file sizes, etc. We'll learn how to properly compress and export images for the web.

[HOME WORK] Sketch 4: Participate in the class surf club's last exchange - prepare a set of web-ready images from your sketches to trade with a partner.

homework: take a look at these videos/posts about animated gif art: Lauren Cornell, Rick Silva and Olia Lialina

[week 6] Animated Gifs: Digital Folk and Fine Art

... we'll discuss animated gifs and their new role in the commercial new-media art world, their relationship to Internet history and digital folk as well as their current "resurgance" in both popular culture and new-media art. Screen animated gif work by various new-media artists (Kim Asendorf, Tom Moody, Rick Silva, Petra Cotright, Theo Darst and Evan Roth) We'll also learn how to make our own animated gifs.

[HOME WORK] Sketch 5: Create an animated gif in participation with the class surf club.

before the next class create and post an animated gif in participation with the class surf club.

[week 7] An Introduction to HTML

...from Vannevar Bush's Memex to Ted Nelson's Xanadu to Tim Berners-Lee's Enquire and the WORLD WIDE WEB, we'll have a short lecture on how the web came to be. We'll go over the principle html tags, syntax and clean code. We'll review some on-line resources and references such as w3schools, webmonkey and stackoverflow. We'll also start working on Sketch 6 our first html skech, a collaborative class hyptertext poem.

[HOME WORK] Read wwwwwwwww.jodi.org and Deep ASCII from New Media Art by Mark Tribe and Reena Jana.

before the next class read jodi.org and Vuk Cosic's Deep ASCII from New Media Art by Mark Tribe and Reena Jana. Watch Tutorials No. 1 - 4 on "Don't Fear The Internet"

[week 8] Hypertext Portraits && ASCII Art

...from ARPANET and the first emoticon to early underground computer art, we'll look at some ASCII Art and early net.art. We'll review the basic <html> tags and architecture as well as introduce a couple new tags.

[HOME WORK] SKETCH 7: Create a hypertext portrait utilizing both text and ASCII Art, must include at least four html pages. Read Community Based on Interest, not Proximity from A History of the Internet and the Digital Future by Johnny Ryan.

before the next class complete your hypertext portrait utilizing both text and ASCII Art, must include at least four html pages. Also, read Community Based on Interest, not Proximity from A History of the Internet and the Digital Future by Johnny Ryan.

[week 9] Networked Communities and Participatory Cultures

...from Gopher to Google, we'll discuss various online communities, the user's role as both consumer and producer as well as the delicate relationship between the community and the platform. Discuss how a network of machines became a network of communities (phone-phreaks, the Well, hackers and the open-source movement, wikipedia, craigslist and 4chan.) We'll introduce FTP and upload our hypertext portraits to the web.

choose a theme/artist/subject and a name for your web-gallery. Create a photoshop sketch of your site.

[week 10] <IMG> the Image Tag

...we'll screen examples and discuss various approaches to curating/exhibiting art on the web (rhizome.org, 0dayart.net, vvvork, gifmarket.net, dump.fm, JstChillin, speed show, etc.), followed by a "speed-show" sharing/presentation of our hypertext portrait sketches. We'll introduce the <img> tag, as well as various different tools/methods for searching/finding images online (google advanced image search, flickr and tineye.)

[HOME WORK] FINAL PROJECT PHASE 1: Choose a partner and exchange work from the web-ready sketches you produced on week 6 for curation in your online gallery.

before the next class choose a partner and exchange work from the web-ready sketches you produced on week6 for curation in your online gallery.

[week 11] Studio Day

...we'll be having a studio day, time to catch up on projects and review what we've learned. I will be away at the GLI.TC/H conference this week, and you will have a substitute in my place.

there's no homework for next week.

[week 12] CSS: Color Theory on the Web

...we'll discuss various approaches/conventions to color schemes/combinations on the web, we'll also discuss how colors are technically displayed on the screen. We'll review online color tools (CSS color wizard, CSS color wheel and contrast analyzer.) We'll introduce CSS color, shadow, border and other styling.

[HOME WORK] FINAL PROJECT PHASE 2: Introduce color and other CSS elements to our gallery.

before the next class make sure to "style" your gallery with CSS

[week 13] CSS: Layout && Positioning

...we'll review more examples of online curated spaces and discuss their layout and design principles and related web conventions. We'll create a site-map and sketch/photoshop our layouts. We'll introduce the <div> tag and CSS layout and positioning, as well as online CSS positioning resources and references.

[HOME WORK] FINAL PROJECT PHASE 3: Using CSS arrange and position the elements in your gallery to match your site-map and sketch.

before the next class arrange and position the elements in your gallery using CSS to match your site-map and sketch.

[week 14] CSS3: @font-face && Typography

... we'll discuss and look at different artists who approach fonts and type in creative ways (Paul Chan, Paula Scher, Eddie Opara, Deroy Peraza and Julia Vakser.) We'll introduce @font-face as well as various online font/type resources like dafont.com and fontsquerrel.com, as well as introduce linking to an external style sheet.

[HOME WORK] MIDTERM PROJECT PHASE 4: Apply CSS3 font design to our online gallery as well as any other finishing touches before presenting the project next week.

before the next class make sure to apply CSS3 font design to your online gallery as well as any other finishing touches before presenting your work.

[week 15] Final Critiques

...we will present, discuss and critique our final projects.

keep experimenting with digital imaging and the web!!!

Long live the open Internet!!! see you next semester :-)