- art365 [design_for_www] -

instructor : ryanSmith

Week #10

Let's see what you have for Project C
TALK ABOUT PROJECT C

Examples of net art
Make an animated gif? smile face


LAYERS WITH CSS

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

Z-INDEX EXAMPLE
what is Netscape Navigator ?

Dropdown / Spry Menu

CSS Stuff:

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

Insert > Spry > Spry Menu Bar
Window > CSS Styles


<ul id="menu">
<li><a href="#">Contact</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Statement</a></li>
<li><a href="#">Collections</a>
<ul>
<li><a href="#">Still Lifes</a></li>
<li><a href="#">Portraits</a></li>
<li><a href="#">Personal</a></li>
<li><a href="#">Functional Crafts</a></li>
</ul>
</li>
</ul>
--------CSS Code from Tina's Project
MORE USEFUL STUFF :

7 + or - 2
5 + or - 2

CSS Pop-Out Menu Tutorial

finished example

jQuery Effect slideDown();
(example)

More CSS Stuff

http://www.w3schools.com/css/css_boxmodel.asp


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


More CSS info (page layout)
http://www.htmldog.com/guides/cssadvanced/layout/


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



Homework:

Finish "PROJECT C"

add "PROJECT C" to class webpagepage BEFORE CLASS