week#7

"Project A" was due last week.
Who still needs to present their work?
- it should be uploaded already...
- You don't need to email me a link to the page

*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

HOME WORK
this week you were 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

---

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

Dreamweaver - HTML Tables ?

---

sound & video

http://www.animal-sounds.org/

<embed src="porlock.mp3" width="320" height="32"></embed>
or


<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

autoplay?

---

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>

---

basic JavaScript

<script type="text/javascript">
var image1=new Image()
image1.src="1.jpg"
var image2=new Image()
image2.src="2.jpg"
var image3=new Image()
image3.src="3.jpg"
var image4=new Image()
image4.src="4.jpg"
</script>

* Slide Show #1

Lightbox

http://lokeshdhakar.com/projects/lightbox2/

---

HOME WORK (due at the beginning of class, next week)

KEEP WORKING ON "PROJECT B"

- have some html pages (& CSS) finished
- finish as much of the site as you can

---