ryanSmithART.com/courses/2015/365



- week 13-

*Quiz today

Your homework was to:
- Type & print your project proposal
- Make at least 1 great looking webpage with CSS

- talk about "Project D"

Student Work: Neck Basket | Game Boy | ??? | Dream Catcher | "Man-Stache" | "SolaFeet"
solafeet.com

Branding, identity, & logo design
example: lowdi.com

**TALK ABOUT GRADES**

Talk about : ryansmithart.com/installations

Smooth Scrolling

* Source
Also: " floating nav"

<!-- **********************CSS goes in the <head> ********************* -->
<style>
*{
margin:0px;
padding:0px;
}
#nav{
padding:10px;
position:fixed;
top:0px;
width:100%;
height:100px;
background-color:#FFF;
}
#home{
padding:10px;
padding-top:150px;
height:250px;
background-color:#FC6;
width:100%

}
#div1{
padding:10px;
padding-top:150px;
height:750px;
background-color:#6FC;
width:100%

}
#div2{
padding:10px;
padding-top:150px;
height:750px;
background-color:#F9C;
width:100%

}
</style>



HTML:

<div id="nav">
<a href='#top'class="smoothScroll">HOME</a>
<a href="#div1" class="smoothScroll">div1</a>
<a href="#div2" class="smoothScroll">div2</a>
</div><!-- END NAV -->

<a name="top"></a>
<div id="home">
Home / 'top'

</div>

<a name="div1"></a>
<div id="div1">
div #1
</div>
<a name="div2"></a>
<div id="div2">
div #2
</div>





JavaScript:

*this JavaScript & link to jQuery goes in the head of your .html page


Another jQuery Slideshow

HOME WORK

Finish "Project D"