Assignment: Final Project Brainstorming
Just think about your final project and get started on creating a file structure and place to host your project.
Book: CSS Mastery
Final File Structure
Create a folder called ‘final’ in your class site:
img/ css/ js/ lib/ media/ (pdf/) (mp3/) ...etc... (as needed) index.html robots.txt favicon.ico
You can add arbitrary query parameters to any kind of file that the browser requests. Typically, this is useful for versioning files as a cache-busting mechanism (much better than renaming and uploading new copies of files):
<img src="img/logo.jpg?v=2" alt="logo" />
I typically just create a blank robots.txt so I can avoid 404 errors when spiders crawl and search for the file on my server. If you really don’t want your content indexed, don’t put it online (keep temp files and other files below your web root).
If you want more info on robots.txt and creating rules for spiders, you can get a lot of info from robotstxt.org.
Google Ajax Libraries
Get jQuery from Google
or paste the following right before your html close body tag:
There are many easy to follow tutorials for getting started with jQuery.
Now that you have jQuery downloaded, let’s get it running with a tutorial by John Resig, the author of the jQuery library:
window.onload event vs. $(document).ready
The load event for the ‘window’ object will trigger when all of the markup, images, embedded links (css,js,icons,etc) are all downloaded.
In Class: Playing with jQuery
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39