- art388 [art_on_the_internet] sp2013 -

instructor : ryanSmith

Week #10

MONDAY

hour#1
drop down menus & spry assets
5 + or - 2

hour#2
project C ideas & student presentations (in front of the class)
Let's see what you have for Project B.

TALK ABOUT PROJECT C

---

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:

• CSS Units
• CSS Lists
• List Style Example

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

Insert > Spry > Spry Menu Bar
Window > CSS Styles

• Item 1
  • Item 1.1
  • Item 1.2
  • Item 1.3
• Item 2
• Item 3
  • Item 3.1
    • Item 3.1.1
    • Item 3.1.2
  • Item 3.2
  • Item 3.3
• Item 4

• Contact
• About
• Statement
• Collections
  • Still Lifes
  • Portraits
  • Personal
  • Functional Crafts

<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)

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

---

Homework:
FINISH PROJECT C