<!--DES 117 // Spring 2012 // Ex 2: Visual poetry // 3 points // Due Thursday, April 26
index.html
Exquisite corpse
A note on surrealism: Surrealism in art, poetry, and literature utilizes numerous
unique techniques and games to provide inspiration. Many of these are said to free
imagination by producing a creative process free of conscious control. The
importance of the unconscious as a source of inspiration is central to the nature of
surrealism
The procedure of surrealist games is intended to cut away the constraints of
rationalism and allow concepts to develop more freely and in a more random
manner. The aim is to break traditional thought patterns and create a more original
endpoint
cat.html
directions
Create a site that links from your portal but opens in its own window
(use target=”_blank” in the <a> tag on the link from portal. This site will
have three pages: Your exquisite corpse (on the index page) and two other
exquisite corpses from the class
Create a new index.html and save it in a new folder titled “visualpoetry” that is inside of your web folder (either in main directory or in
“html”)
Add a header to the page using <h1>header</h1> (my header says “play
with your words”)
Add an h2 that has an active word to encourage user interaction (my word
is “choose.” The style of this word will change from page to page
Add an unordered list with three list items. Each <li> should contain a
provocative word that relates to one of the exquisite corpses
elephant.html
Style the <li> so that it is an inline tag, not block level (to make a horizontal
nav)
li {display:inline;}
Link the list items to pages of this site. The titles of the files should relate to
the content. The first page is index.html (Make sure you save this in a new
folder called “visual-poetry” inside your web folder and that you do not
save over your portal index)
Use css to visually format each exquisite corpse, employing visual
techniques that enhance the meaning/context of the words. Use an external
style sheet so that the styles can be applied to all pages
The code to link to an external style sheet goes in the <head> section of the
document and looks like this:
<link href=”main.css” rel=”stylesheet” type=”text/css” />
Open a new TextWrangler document and save it as “main.css” on the
same level as the index.html file in the visual-poetry folder (not the same
level as your portal
External css files should have the following code at the start of the
document:
@charset "UTF-8";
Create declarations for the following tags: a:link, a:visited, a:hover, a:active,
h1, h2, p, em. Create internal styles to override the <h2>, by declaring
<style> in the <head> of the second & third documents.
Style the text so that is visually represents the words/concepts/narratives
upload
Add a link on your portal after the blog link (a new list item in the same list)
called Visual poetry. Upload the updated index.html file and all additional files
for this exercise
submit
Printout of code for all html and css with lastName, firstName / DES 117 /
Visual poetry in the upper right corner.
© Copyright 2026 Paperzz