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
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
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.
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.