View current page
...more recent posts


Lesson #2

(partially based on http://docs.google.com/View?docid=dfptfv4s_108d28533nt written by Laura Britt Greig)


first of all some references for your collections project and how have other artists have dealt with it:

Collections:

http://www.cherylsourkes.com/index.htm
http://denver.cn/
http://www.flickr.com/photos/marisaolson/sets/72157602681001997/
http://www.theageofmammals.com/groupshot/
http://guthguth.blogspot.com/2006/04/halt-robot_14.html
http://twitter.com/vvork/
http://nastynets.com/?p=424
http://nastynets.com/?p=580
http://www.artisforthepeople.com/19lamps.htm
http://www.loshadka.org:80/wp/?p=305


Now to today's lessons:

hackers vs. defaults

Hackers (very briefly, I don't want to go into too much detail until later in the course):

http://fffff.at/how-to-curate-yourself-into-the-new-museum/ (Borna Sammak) (I love him)
http://404.jodi.org/

These next two links courtesy of Chris Ashley:
http://www.advancedpoetx.com/
(Siegfried Holzbauer is an Austrian visual artist often using language as a way to generate blocky HTML images- working in the Concrete Poetry vein.)
http://www.donrelyea.com/algorithmic_art.htm
(Don Relyea is an artist and musician who is a real life accomplished programmer and writes his own software to create digital images from scratch or from other sources, like photos. He makes a lot of work. A couple of years ago he wrote The Reductionizer, which converts jpegs into html tables http://www.donrelyea.com/reductionizer_project.htm he says he got the idea of this by seeing some of Chris Ashley's tables that have a background image)


Defaults

Corporate blog software,

blogger
LiveJournal
WordPress

myspace etc.


So we need an HTML primer here since using Dreamweaver teaches us nothing.

(For the students who know HTML: http://looksee.chrisashley.net/archives/603
Download the source and create an HTML file on your desktop, isolate the actual image and start playing with the values.)

For the rest of you:

1. Open a new plain text document

Mac users: open Text Edit, hit Command-Shift-T (or Format -> Make Plain Text)
PC users: open Notepad


2. Write the following code in the document:

<html>

<head> <title> hello, world! </title> </head>

<body>

Hello, World!

</body>

</html>



3. Save the document as index.html on your Desktop

4. In your favorite web browser, go to File -> Open File and open index.html



Check out these tags for manipulationg text:

<b>hi</b>
hi

<i>hi</i> <
hi

What are all these < and > things doing here? When you place a certain thing within these you are making something known as a tag. For example the <b> tag is saying to start bold text, and the </b> tag is saying to stop bold text. The tag with the slash (/) is known as the closing tag. Many opening tags require a following closing tag, but not all do. Tags make up the entire structure of an HTML document. A more advanced tag for maipulating text:

<font size="+2" color="blue">Hi!</font>

Hi!

Now check out the wonderful world of hexidecimal colours: http://www.december.com/html/spec/colorhslhex6.html#12


<font size="+3" color="#5A9108">H</font><font size="+5" color="#8A4C0F">i</font><font size="+7" color="#8A0F0F">!</font>

Hi!

Carriage returns are produced with the <br> tag (doesn't have to be closed) so whenever you want a new line use it.

isn't coloured text fun!
La Coppa Del Mondo Fifa

fifa_10

Hey La Francia!

On Sunday mio gatto Italiano is going to whup the hell
out of votre ugly-ass chien Français.


And then mio gatto is going to roll around on the ground writhing
in fake agony and votre chien is going to get all the blame.

That's why we call it The Beautiful Game.




Now for images:

Create a folder on your hard drive and name it 'library' or images or whatever.

Name it "library".

Download an image from here:

http://www.emotihost.com/ver1/pageindex.htm

Right click the image you want and save it to that folder.

to load your image onto your page, you use the 'img src' tag:

<img src="library/confidence.jpg"> (you don't need to close an image tag)

confidence.jpg

The "/" you see in web addresses represent folders, so if you have a jpg image called "luisvuiton.jpg" in a folder called "library" (which is a good practice..), that's why the tag reads: <img src="library/luisvuiton.jpg">

This file is stored 'locally'. "library/luisvuiton.jpg" is the pathname to the file.

luisvuiton.jpg

On a web page, the image resides on a server so you would write the pathname so that the browser can find the image and load it. It's a 'remote' file.

for example: here is the link to cat eyes: http://www.digitalmediatree.com/library/image/179/cateyes.gif

to link to a remote file you have to enter the remote pathname: <img src="http://www.digitalmediatree.com/library/image/179/cateyes.gif">



The different image formats are good for different things. A good rule of thumb is this: jpgs for photos, pngs for graphics, and gifs for animation.

there are attributes we can add to this tag and they are important for our purposes.

<img src="library/creepyhug.gif" width="75" height="65" border="0" alt="don't touch me!">

don't touch me!

This is where we get to have fun distorting images:

<img src="library/creepyhug.gif" width="700" height="650" border="2" alt="go away">

go away

Here is a link to basic elements of HTML for your future reference: http://werbach.com/barebones/barebones.html#general

the marquee tag that will change your life and destroy art:

<marquee> image or text or object (youtube and swf's)</marquee>

image or text or object (youtube and swf's)

It has attributes too: http://www.html-reference.com/MARQUEE.htm


- L.M. 9-11-2008 5:33 am [link]


Intro to Class on Dynamic web content for artists at the University of Guelph, Ontario.

(there are some slight abreviations and additions to the original doc that I emailed to you)

My intro, I co-produce an art blog with Sally Mckay, a visual artist, curator and former publisher of Lola, a toronto based art magazine that ran a few years ago - http://www.digitalmediatree.com/sallymckay/
I am an exhibiting visual artist: LornaMillsImageDump/, and my practise has begun to include the obsessive collecting and remixing, distortion and posting of found GIF animations.http://www.digitalmediatree.com/sallymckay/LMfoundGIFs/

As well, since 1994, I have been a professional childrens' game and software programmer, working on games initially for delivery on CD-ROM, back when CD's were going to replace all the books on earth, and currently working on games for web delivery.

I'd like to make the point that in 1993 when, well into my adulthood, I first learned to turn on a computer I felt as though I was horribly late getting to a great party. You will feel like that as well, don't worry. If someone else tries to make you feel like that, tell them to piss off. (this is important technical advice)



Dragan Espenschied quote:

From: Gravity
"The pressure to be up to date with technology appears insane to me. It doesn't bring any more beauty or pleasure. Instead it creates things that are hard to understand and impossible to handle. So nobody can actually experience them beyond reading the artist's concept."

(quite rich considering that it comes from Rhizome) ([eta] I'm mocking Rhizome, not Dragan Espenschied)

Tom Moody Quote:

“"Artists, too, have to compete with real world content far more captivating than anything they could come up with, which the Internet effectively gathers all in one place (sneezing Pandas, etc). Two possible responses are (1) to continually rise above it through aesthetic and conceptual framing and posturing or (2) to disappear into it and trust the viewer to ultimately sort out what's going on. The Web is a consumer's medium, not a producer's, so the artist is inexorably led to consumption as a "practice." The degree of criticality can only be inferred, not implied."




Before we codify it any further-

- almost anyone can make one good piece that will pass as art,
- humbling to see what is being done by people who don’t position themselves as artists

Intro to what non-artists are doing first of all on image boards department:

4chan, 7chan etc: http://www.4chan.org/, http://www.7chan.org/
- Started as a fan site for japanese animations and television, was over taken by porn.

b3ta – http://b3ta.com

- according to the Guardian: “a puerile digital arts community"

YTMND - http://www.ytmnd.com/

- an initialism for "You're The Man Now, Dog", is an online community centered on the creation of hosted web pages (known within the community as YTMNDs or sites)

My fave: http://idhddu.ytmnd.com/




Some image tools online besides google:

LiveJournal scrapers: http://www.journalpics.net/pages/ljlatest/

http://www.nastynets.com/picsee/ another scraping tool

http://blingee.com/ http://www.txt2pic.com/glitters/12.htm



Youtube & quicktime samplers:
Petra Cortright:
petra-cortrights-webcam-video/


Paul Slocum
You're Not My Father

Oliver Laric:
http://oliverlaric.com/airconditionvideo.htm
http://oliverlaric.com/underthebridge.htm

Javier Morales
guitar solo

Javier Morales
rgb chord


Aleksandra Domanovic ( Kieslowski (tracking colors) from Blue White and red)
Three Colours (Polish: Trzy kolory) is the collective title of three films directed by Krzysztof Kieślowski, two made in French and one primarily in Polish: Trois couleurs: Bleu (Three Colours: Blue) (1993), Trzy kolory: Biały (Three Colours: White) (in French: Blanc) (1994), and Trois couleurs: Rouge (Three Colours: Red) (1994).
http://aleksandradomanovic.com/Kieslowski.html


final youtube:
Horse Balls

Readings (kept to a minimum):
http://art.teleportacia.org/observation/vernacular/
http://www.contemporary-home-computing.org/vernacular-web-2/

http://www.ramocki.net/surfing-clubs.pdf




VVORK: http://www.vvork.com/

http://www.jennifermcmackon.com/archive/index.blog?start=1183603970



Overview of assignments (end of class)

Blog assignment is a Surf club with Joe McKay's "American Cyberculture" class at UC Berkeley : a sample, more to come: http://nastynets.com/?what=yes/

One week where you have to post something every day to the site, and then it will continue from there at a slower pace. URL TBA

HTML & animated GIFs assignment Taking the limitations of the medium and making it look on purpose: http://looksee.chrisashley.net/
http://www.goooooooooooooooooooooooooooooooooooooooooo ooooooooooogle.com/20y.html

Collection assignment minimum 25, max 50.
Lists of things that are invested with meaning. Must be compelling for you or it won’t be for me.
Low brow or high brow as you want . No kitteh with earphones. I'm tired of them.

Self curating assignment a group show of jpegs where you have positioned your own work inside. (4 or more artists, can be contemporary or historical)

All assignments will be viewable on a web browser

Over all, we will be looking at a lot of dynamic artists' sites, interspersed with a few technical instructables contingent upon your current skills. There will be very little writing required. You don't want to write it and I sure don't want to read it.

Marks will be based on a system similar to Olympic Ice-dance judging.


- L.M. 9-09-2008 3:53 am [link]

[home] [subscribe] [login]