Tuesday, October 5, 2010

Looking at an Example

Once again, the basic groundwork has already been done. Here’s the markup:
albums.html
“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
lang="en">

Photo Gallery





Photos


Firenze, Italia 2006


Thumbnail: Firenze,
<br />Italia 2006
259
Photos


Living in Firenze, Italia {Florence, Italy} for
one month. This is the highlight of my life.


Boston, Massachusetts 2006





38 Photos


From my business trip to Boston {May 2006} when Vineet
& I were working on Mass.gov.


Barcelona, España 2006


src="images/thumb27.jpg" />
110 Photos


My first venture into Europe & a wonderful week of
great food, art, architecture, & culture.






Obviously, the number of albums displayed on the page can vary, but I suggest you keep
the number under ten to prevent visual clutter. In the example shown in Figure 2.13, we’ve
used three. We’ve applied a class of thumb to the paragraph holding the thumbnail image.
The total number of photos in each album appears underneath that album’s thumbnail
image, similar to the display of the pagination thumbnails used on the image page. An h2
has been added to hold the album titles, and a paragraph is used for the descriptions.

No comments:

Post a Comment