How to make web pages out of collections of photos

Last modified: $Date: 2002/12/22 03:49:17 $

  1. Create a directory under your public_html directory. A good name would be related to the date:
    $ mkdir -p ~/public_html/Photos/20021221
    $ cd ~/public_html/Photos/20021221
    
  2. Move or link the photos into the directory:
    $ ln /home/grog/Photos/20021221/* .
    $ ls -l
    total 30
    -rwxr-xr-x  2 grog  wheel  1103874 Dec 21 05:57 dscn2035.jpg
    -rwxr-xr-x  2 grog  wheel  1096585 Dec 21 05:57 dscn2036.jpg
    -rwxr-xr-x  2 grog  wheel   941635 Dec 21 05:58 dscn2037.jpg
    -rwxr-xr-x  2 grog  wheel   964730 Dec 21 05:58 dscn2038.jpg
    -rwxr-xr-x  2 grog  wheel  1085246 Dec 21 06:00 dscn2039.jpg
    -rwxr-xr-x  2 grog  wheel  1106146 Dec 21 06:00 dscn2040.jpg
    -rwxr-xr-x  2 grog  wheel  1076254 Dec 21 06:00 dscn2041.jpg
    -rwxr-xr-x  2 grog  wheel  1039727 Dec 21 06:03 dscn2042.jpg
    -rwxr-xr-x  2 grog  wheel  1092321 Dec 21 06:03 dscn2043.jpg
    -rwxr-xr-x  2 grog  wheel  1218451 Dec 21 07:01 dscn2045.jpg
    -rwxr-xr-x  2 grog  wheel  1162945 Dec 21 07:02 dscn2046.jpg
    -rwxr-xr-x  2 grog  wheel  1047639 Dec 21 17:24 dscn2047.jpg
    -rwxr-xr-x  2 grog  wheel  1069320 Dec 21 17:24 dscn2048.jpg
    -rwxr-xr-x  2 grog  wheel  1009933 Dec 21 17:24 dscn2049.jpg
    -rwxr-xr-x  2 grog  wheel   967944 Dec 21 17:25 dscn2050.jpg
    -rwxr-xr-x  2 grog  wheel   993443 Dec 21 17:25 dscn2051.jpg
    -rwxr-xr-x  2 grog  wheel  1017239 Dec 21 17:25 dscn2052.jpg
    -rwxr-xr-x  2 grog  wheel  1114502 Dec 21 17:26 dscn2053.jpg
    -rwxr-xr-x  2 grog  wheel  1001059 Dec 21 17:26 dscn2054.jpg
    -rwxr-xr-x  2 grog  wheel  1049724 Dec 21 17:31 dscn2055.jpg
    -rwxr-xr-x  2 grog  wheel  1064467 Dec 21 17:31 dscn2056.jpg
    -rwxr-xr-x  2 grog  wheel  1040737 Dec 21 18:33 dscn2057.jpg
    -rwxr-xr-x  2 grog  wheel  1106211 Dec 21 18:35 dscn2058.jpg
    -rwxr-xr-x  2 grog  wheel  1109318 Dec 21 18:35 dscn2059.jpg
    -rwxr-xr-x  2 grog  wheel  1025004 Dec 21 18:36 dscn2060.jpg
    -rwxr-xr-x  2 grog  wheel  1154727 Dec 21 23:14 dscn2061.jpg
    -rwxr-xr-x  2 grog  wheel  1084389 Dec 21 23:15 dscn2062.jpg
    -rwxr-xr-x  2 grog  wheel  1044398 Dec 21 23:15 dscn2063.jpg
    -rwxr-xr-x  2 grog  wheel  1130525 Dec 21 23:19 dscn2064.jpg
    
  3. Enter
    $ xv *&
    
    to look at the photos and decide which ones you want to keep. Press the right button to get this menu:

    image

    You may need to change the photos:

    If the photos are on their side, rotate with the image buttons above AutoCrop on the xv menu.

    The photos may be too dark:

    image

    In this case, press e to get this menu:

    image

    Position the cursor over the Intensity field at bottom middle and press g:

    image

    Enter a value between 1.5 and 2 and press Enter. You should see something like this:

    image

    The quality will be worse; use as low a gamma value as you can.

    You may find that there's lots of irrelevant stuff in the photo:

    image

    Select the section you want with the cursor, then press the Crop button on the xv menu:

    image

    To save the image, choose a descriptive name, such as yvonne-on-lady.jpeg. The name must end in .jpeg. Press the Save button. You'll see this menu:

    image

    Make sure that the Format at the top says JPEG (select it if not), and that the Normal Size button at the bottom is set, as shown. Enter the name in the Save-file box and press Enter. You'll see

    image

    Press Enter again. It should save the message. You might see this, though:

    image

    This means that the file is there already. Decide whether you want to replace it or use a different name.

    If you don't need to change the photo at all, you have the choice: save it anyway, or at the shell prompt enter:

    $ ln dscn2057.jpg yvonne-on-lady.jpeg
    
  4. When you have processed all the photos, enter:
    $ make -f /home/grog/Photos/Makefile webpage
    

    This may take some time, depending on the number of photos. At the end, you should have a file Photos-20021221.html in your public_html directory. You can look at it directly, but you should probably edit it before showing it to anybody else. In particular, you should change the title and the descriptions, which at this point are simply the names of the files.

  5. When you're done, remove all the image files in the directory. The ones for the web page have been put in the subdirectories big and small:
    $ rm -f *.JPG *.jpg *.jpeg
    

Valid XHTML 1.0!

$Id: making-images.html,v 1.2 2002/12/22 03:49:17 grog Exp grog $