Overview //Web As Site


from Wikipedia Commons, http://en.wikipedia.org/wiki/File:Internet_map_1024.jpg#filelinks



This second half of the semester introduces the World Wide Web as a site for installation. We will address its history and context as an arena of cultural production and exchange, learn the tools for creating and altering content, and discuss web culture and community. Your final project will be the creation of an artwork sited on the world wide web.

Web As Site: Artists


Olia Lialina, My Boyfriend Came Back From the War, 1996



JODI, http://text.jodi.org/





Miranda July, http://noonebelongsheremorethanyou.com, 2005


Jon Cates, http://instanigif.tumblr.com


Web As Site: Resources

W3 Schools – HTML and CSS demos, tutorials, reference

Codecademy – Interactive courses on how to build websites

Lynda.com – Tutorials, free through the school

CSS Tricks – Additional CSS Tutorials

SAIC Wired’s Detailed Introduction to HTML

SAIC Wired’s Detailed Introduction to CSS


Reading Resources

History of the Internet

Clive Thompson, Brave New World of Digital Intimacy, 2008

Vannevar Bush, As We May Think, 1945



10.25 6 //Web as Site

Generate three ideas for your a web site, as discussed in class. Refer to the project description for more details. How can a website be a work of art in itself? Be prepared to discuss your ideas in class. Come prepared with sketches, descriptions, or mockups or images.

11.1 7 //Website Mapping

Create a layout for your website by sketching out the page layout and the navigation user navigation. What will your site look like? How will your user navigate? Create a diagram to show how your viewer will move through your work.

11.8 8 //HTML

Create an index.html page, and set up working links to all other pages. The pages don’t necessarily need to have any content, but they basic structure should be created. Bring to class the images and content you’ll need for your website and begin uploading them to your site.

11.15 9 //Cascading Style Sheets (CSS)

Restyle your website using an external stylesheet to streamline the formatting for every page on your website. You can choose to have a few styles if you prefer by using multiple stylesheets. Finish uploading your content (images, text, etc.) and double check your image resolutions to make sure you are using web resolutions.

11.22 10 //Interaction

Choose one element of your site and change it to reconsider the user’s interaction. Make this element react to the user, either by responding to mouse movements or clicks, reacting to time spent on a page, by integrating social media, or through another form of considered interaction. Be prepared to share your changes with the class.

12.13 FINAL

You will present your final website to the class. Be sure that all the links work and all content loads by testing on a computer other than yours. Come to class prepared to discuss your work and to participate in critique and discussion of the work of your classmates.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s