art388 (art_on_the_internet)

instructor: ryanSmith
home | syllabus | contact | links | student work

Week 9

LOOK AT PROJECT C (in progress)
Examples of net art

FORMS ?

What do you want to do next week?
Fireworks (slices)? PHP? Flash? HTML5? More CSS?

Typography

Readability ( on screen )

Always remember : Just Because You Can Doesn't Mean You Should

Spry Menu

CSS Stuff:

*******Look at local site info********

Insert > Spry > Spry Menu Bar



MORE USEFUL STUFF :

5 + or - 2

CSS Pop-Out Menu Tutorial
finished example

jQuery Effect slideDown();
(example)

*Making your BG image stretch:
backstretch | my simple instructions (the link should work now)
Click on image to swap with javaScript

flowers
<SCRIPT LANGUAGE=JavaScript>
intImage = 2;
function swapImage() {
switch (intImage) {
case 1:
IMG1.src = "f1.jpg"
intImage = 2
return(false);
case 2:
IMG1.src = "f2.jpg"
intImage = 1
return(false);
}
}
</SCRIPT>

<HTML>
<IMG id="IMG1" name="IMG1" src="5/f1.jpg"
onclick="swapImage();">
</HTML>

Source: http://www.devx.com/tips/Tip/13653

Mouse over this image to hear a sound

<script language="javascript" type="text/javascript">
function playSound(soundfile) {
document.getElementById("dummy").innerHTML=
"<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
}
</script>

<html>

<span id="dummy"></span>

<img src="5/f3.jpg" width="200" height="131" onmouseover="playSound('Arrow.mp3');" />

</html>

Sources:
http://webdesign.about.com/od/examples/l/bl_play_sound_onclick.htm

Free Cartoon sounds: http://www.ilovewavs.com/Effects/Cartoons/Cartoons.htm

Homework:

(changed since Monday)
FINISH a ROUGH DRAFT of YOUR NET.ART PROJECT
(it does not need to be on a CD this week)