CSS Image Gallery
An XHTML 1.0 Compliant Gallery
This method for making an image gallery uses no tables, only <div> tags. Begin.
An Old Technique for A Quick Animation
While flash is a much more powerful animation tool, the "animated gif" still has its uses. To get an "A" grade on the Art Gallery, you'll need to make at least one "animated gif".
Tutorial | Example.
HTML offers three types of lists.
They may not be glamorous, but lists are a solid tool every webmaster should know. REFERENCE | ASSIGNMENT
<table>, <tr>, and <td>
Tables make arranging clean, ordered columns of data a breeze.
Page 1 | Page 2 | Page 3 | Page 4
Optional Assignment (not "Extra Credit")
Required only if you want to get above a "C" final grade. Guaranteed to take longer than you think, plus all photos and graphics must be original. Get to work!!!
ASSIGNMENT | STORE EXAMPLE
CSS Beauty is Everywhere!
Looking for ideas for your final project's visual identity (aka its "look")? 1) Try the web sites under "CSS Inspiration" on the left of this web page (internet required). 2) Or take a look at this very fashionable "Web 2.0" style (tutorials included): VIEW
CSS Background Images and Links
(FYI only, not an assignment)
CSS and the unordered list tag were used to create these image rollover effects: EXAMPLES | DIRECTIONS
Home Page Redesign
Use CSS to Maximize Your Home Page Look.
Symmetrical Lines, Consistent Colors, No unplanned white space.
ASSIGNMENT | EC #1 | EC #2
EXAMPLES: UCLA, Forest, Bananas, More
Advanced Tip: How wide is my <div>?
A Question with an obvious answer? Think again!
The size of an element (<div>, <p>, <h1>, etc.) is the sum total of all its parts: width, padding, border, and margin:
XHTML 1.0 and CSS 2.0
To get an "A" grade on an assignment, your web pages will need to look correct as well as be correct. Validation ensures that you've written all your code to the specifications, making it more likely that whatever browsers your visitors use, your pages will display well. To validate, we first must add a few more lines of code to our pages: EXTRA CODE. Afterwards, use the links at the left of this page to go to the W3C's validation web site.