• Choose a category
• All
• Classic-Fiction

6. Choose Save Selected Thumbs as Individual Images from the File menu.

You have other options, but this gives the behavior you probably want. The other options create automatic contact sheets, open the batch editor, or create slide shows. These are great things, but for now, you want thumbnails.

7. Specify the output directory.

You can put the thumbnails in the same directory as the originals. The thumbnails have the same name as the originals, but the filenames end with _t.

8. Review the new thumbnail images.

You should see a new set of smaller images (default size is 80 x 80 pixels) in the directory.

Figure 6-20: IrfanView’s Thumbnails tool helps you create thumbnail images.

Creating a thumbnail-based image directory

Now, you have everything you need to build a page similar to thumbs.html. Here’s an overview of the code:

“http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>

Images of the Susan B. Constant

• The Stern

  

  height = “80“

  width = “80“

  alt = “ship 1“ />

• The Mast

  

  height = “80“

  width = “80“

  alt = “ship 2“ />

• The Rigging

  

  height = “80“

  width = “80“

  alt = “ship 3“ />

This code looks complicated, but it’s really just a combination of techniques described in this chapter. Look over the code and use the indentation to determine the structure.

The page is an unordered list. Each list item contains an H2 headline and an anchor. The anchor contains an image, rather than text. When you include an image inside an anchor tag, it’s outlined in blue.

The key is to use the thumbnails as inline images inside the page, and the full-size image as the href of the anchor. The user sees the small image, but this small image is also a link to the full-size version of the image. This way, the user can see the small image easily but can view the full-size image if she wishes.

Chapter 7: Creating Forms

In This Chapter

Adding form to your pages

Creating input and password text boxes

Building multi-line text inputs

Making list boxes and check boxes

Building groups of radio buttons

Creating buttons

XHTML gives you the ability to describe Web pages, but today’s Web isn’t a one-way affair. Users want to communicate through Web pages, by typing in information, making selections from drop-down lists, and interacting, rather than simply reading. In this chapter, you learn how to build these interactive elements in your pages.

You Have Great Form

There’s one more aspect to XHTML that you need to understand — the ability to make forms. Forms are the parts of the page that allow user interaction. Figure 7-1 shows a page with all the primary form elements in place.

The form demo (or formDemo.html on this book’s CD-ROM, if you’re playing along at home) exemplifies the main form elements in XHTML. In this chapter, you discover how to build all these elements.

You can create forms with ordinary XHTML, but to make them do something, you need a programming language. Book IV explains how to use JavaScript to interact with your forms, and Book V describes the PHP language. Use this chapter to figure out how to build the forms and then jump to another minibook to figure out how to make them do stuff. If you aren’t ready for full-blown programming yet, feel free to skip this chapter for now and move on to CSS in Books II and III. Come back here when you’re ready to make forms to use with JavaScript or PHP.

Figure 7-1: Form elements allow