Reminder:
some students still have not given me their 1st project
"Project A" was due 2 weeks ago.
anyone need to give me files?
- all images used in the site
-
all the .html pages
-
and CSS should be turned in
this week:
more jQuery
here's the code
" Smooth Scrolling "
Info : dwuser.com
demo
http://css-tricks.com/snippets/jquery/smooth-scrolling/
demo
My example : smooth_scroll.html
my code
Example
the ZipFile
the Original Project by Zack
*Check Homework
adding sound:
<embed src="cantina_song.mp3" width="320" height="32" autoPlay="false"></embed>
Option #2 (html 5):
<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>
http://www.w3schools.com/HTML/html5_audio.asp
What we did previously :
More CSS Positioning & other fun stuff
Some review :
| CSS Stuff w3schools.com/css/css_boxmodel Margin - Clears an area around the border. The margin does not have a background color, it is completely transparent Border - A border that goes around the padding and content. The border is affected by the background color of the box Padding - Clears an area around the content. The padding is affected by the background color of the box Content - The content of the box, where text and images appear (page layout) htmldog.com/guides/cssadvanced/layout/ LAYERS WITH CSSposition:relative; top:-50; left:5; color:red; font-size:80px; z-index:2;http://www.echoecho.com/csslayers.htm what is Netscape Navigator ? Z-INDEX EXAMPLE Always remember : Just Because You Can Doesn't Mean You Should |
HOME WORK (Due Friday)
"Project B"