ryanSmithART.com/courses/2015/365



- week7 -

NOTE :

"Project A" was due
: FEB. 27
- it should be uploaded already...
*Please add a link from your index.html page ( the one you made during the 1st two weeks of class ), to your "Project A"
Example : http://tiger.towson.edu/~crothe3/website

"Project B"





Ira Glass on Storytelling
from David Shiyang Liu on Vimeo.


<iframe src="//player.vimeo.com/video/24715531" width="500" height="281" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen>
</iframe>


<iframe width="560" height="315" src="https://www.youtube.com/embed/1M2OkT_I6LM" frameborder="0" allowfullscreen>
</iframe>

Today: basic JavaScript

* Slide Show #1






jQuery - Lightbox :


<link href="lightbox.css" rel="stylesheet" />

<script src="week6/js/jquery-1.10.2.min.js"></script>
<script src="week6/js/lightbox-2.6.min.js"></script>



More with CSS:

div tags:
<div id="title"> week 7 </div>
<div id="other"> most of stuff </div>
<div id="scroller">--scrolling div section-----------</div>

CSS:
#title{
background-color:#000;
color:#FFF;
top:0px;
height:50px;
left:0px;
width:100%;
}
#other{
top:70px;
background-color:#FFF;
color:#999;
width:500px;
}
#scroller{
padding-left:10px;
background-color:#000;
color:#FFF;
width:100px;
height:50px;
overflow:scroll;
}

* Continue : More CSS Positioning & other fun stuff
positioning
 : static, relative, absolute & fixed

* Dreamweaver - HTML Tables ?

For homework you were supposed to : come up with an idea, write a paragraph about it
** save as a pdf file
**** add link from your class web page, to your .pdf file
**draw site structure and wire frames


HOME WORK

"Project B" Due date: Fri, March. 27th


What you will turn in on the due date :

1) Have your site uploaded to a server before class
2) You will present your work to the rest of the class
3) You will turn in a directory with:
- all images used in the site
- all the .html pages
- and CSS should be turned in
- ( I will copy them to an external harddrive, so be prepared )