week#10
talk about "Project B
" & GRADES:
A
A- & B+
B
B- & C
"Work In Progress"
"Wasn't turned in on due date"
"Have not seen the project yet?"
C-, D & F
* Student Presentations ( anyone not go last week ? )
REVIEW : "Project C"
*review .zip files
This past week you should have:
- Decided what you want to do your next project on
- Research 3 products online
* Made 1 wireframe drawing
- started on html
Student Work: Neck Basket | Game Boy | ??? | Dream Catcher | "Man-Stache" | "SolaFeet"
{solafeet.com} , STICK
- branding, identity, & logo design ~ examples: christhurman.com , studioix.com
, whirlpool.com
.GIF ANIMATIONS???
" I was making art to improve my skills. It was as if I was trying to impress myself or show off. But what’s the point of sharpening your tools, if you’re never going to build something of your own?"
- Phazed
" A couple of weeks ago, Jean Francois Painchaud (Phazed) was just another Canadian animator, working for the PBS kids show Wild Kratts by day, making sexually explicit GIFs by night."
-
Examples (may not be appropriate for the workplace, or children) :
1 , 2 , 3 , 4
Talk about : ryansmithart.com/installations
Smooth Scrolling : EXAMPLE
* SourceAlso: " 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
KEEP WORKING ON "PROJECT C" : due Nov. 20, 2015
This week:
- Type & print your project proposal
- Make at least 1 great looking webpage with CSS
* Email me a .pdf copy of the proposal by 9:30am, Friday Nov. 13, 2015
Last week you should have:
- Decided what you want to do your project on
- Done research 3 products online
* Made 1 wireframe drawing
- started on html