ryanSmithART.com/courses/2015/365







- talk about "Project C"

Talk about "net art"
Examples of net art
Robert Hecht: net art

Student Work:


~ChrisGipple_Project%20C/
~mdumad1/ProjectC/collegenights
~borat1/388/projectC
~ewillia1/388/Net_Art
~naja1/388/project3
~ccrega3/Cregan_Proj_C/index.html
~crothe3/projectc/
~cmorri14/365/about/netart/home.html

.gif animations

"Hot spots"

anther stigma ovary filament

More with CSS:

CSS Stuff

w3schools.com/css/css_boxmodel
Margin -
Clears an area around the border. The margin does not have a background color, it is completely transparent
Border - A border that goes around the padding and content. The border is affected by the background color of the box
Padding - Clears an area around the content. The padding is affected by the background color of the box
Content - The content of the box, where text and images appear

(page layout)
htmldog.com/guides/cssadvanced/layout/


LAYERS WITH CSS

position:relative; top:-50; left:5; color:red; font-size:80px; z-index:2;
http://www.echoecho.com/csslayers.htm
what is Netscape Navigator ?

Z-INDEX EXAMPLE

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


More w/ jQuery



Download jquery-1.11.2.min

* save code as
jquery-1.11.2.min.js

/* put this in your <head> */
<script src=" jquery-1.11.2.min.js" type="text/javascript" charset="utf-8">
/* jquery version 1.11.2 */
</script>




<script type="text/javascript">
$(document).ready(function(){
$("#slideDiv").hide();
$("#slideDiv2").hide();

$(window).load(function(){

$("#toggle").click(function(){
$("#slideDiv").slideToggle(500);
});
$("#toggle2").click(function(){
$("#slideDiv2").slideToggle(500);
});

});
});
</script>

HTML in <body>

<div id="toggle">
<a href="#toggle">Click</a>
</div>
<div id="slideDiv">
</div>
<div id="toggle2">
</div>
<div id="slideDiv2">
</div>

Example: fractalcatmusic.com


HOME WORK

make some net.art

Project due next class