If your family is spread out and the best way for you to share your pictures is on the web then this is for you. I love to share my pictures of my family online but don’t like not having the control over them that I may have to give sites like flickr and others like it. In this post I am going to show you how to use iWeb to take total control over how you share your photos online.
Once you have iWeb opened lets create a new site for our photos. Start by selecting a theme and in that theme the “My Albums” page type. For my example I am going to use Darkroom.
After you have the new page opened lets make the page our own. First I would double click on the Page title on the left and Rename the page. I made mine “Chandler Family”. Next you should edit the text on the page to make it what you want. I am going to leave it alone for the most part because I don’t want to confuse anyone.
After you have customized it as much as you want it is time to start adding photos. (This is a good time to save the file if you have not yet so you don’t mess up the work you have done to this point). Open the Media Browser by clicking on the “Media” button on the bottom of the preview area. Make sure that the photo tab is selected. If you have your photos organized by events then just drag the event you want to share to the iWeb preview area right on top of the blank album. You will notice that there will be a new page added under the “My Album” page, or what ever you renamed it to. This is what will be displayed when someone clicks on the album page.
If you want to change the lay out of the My albums page just select the first album and a H.U.D. will display titled “Media Index”. In the Media Index you can change:
- Number of columns
- the animation effect that is used when someone mouses over the album, the skim effect is the same that iphoto has when you mouse over the event.
- Whether or not there will be an RSS feed for this page (Allow Subscribe)
- Whether or not you want the title of the album and the number of photos to be displayed
- You can even choose what the album look like on the page (Index style). This is fun to play with, each template uses different ones as a default.
Now that the page is set up, oh yeah, save again, lets get some more albums in there. To do that open the Media button again and find the event or album you want and just drag it over to the preview area.
Now we need to deal with each of the photo pages that have been generated. Select one of the photo pages and select one of the photos on the page to bring up the “Photo Grid”. In the Photo grid we will be able to customize the page to our liking. There are many of the same options as the Media Index. In the Photo Grid you can:
- Select the number of columns
- Spacing of the photos
- How many of the photos will load on each page
- The amount of caption lines you want to display (I set mine to 0 because I don’t rename my photos and the names look funny)
- Change how the photo is displayed on the page using the Album Style drop down
You will need to do this for all of the photo pages you have made. For good design try to keep them all the same. For example if you set the captions to 0 lines do it on all the pages.
There are a few other things that we can do to help make the site better for your family. I would love to let them comment on the pictures. To do this we need to allow the comments on the site. This is a very easy thing to do in iWeb. All you will need to do is open the inspector and make sure that you are on the photo tab. Move down to the moments section and check the “Allow Comments” box. If you want to enable or disable any of the other features that go with the comments do so now. After you check the “Allow Comments” box you will be presented with a confirmation window. Make sure you read and agree with it and press the OK button.
There is one other thing you may want to consider, if you want to make sure that you and your family are the only ones who can view and comment your photos and such then you will want to enable passwords.
To enable a password for the site (yes it is the entire site) you will need to open the inspector. Make sure you are on the Site tab (it’s the blue globe on the very left side of the inspector) and click the password button. Putting a check on the “Make my published site private” will enable the password boxes. Just enter a Username and password and you are ready to go. If you have any questions about the password feature the “help” link has a real nice explanation for you. The password feature is not available unless you use .Mac
Now all you have to do is publish this site to your .Mac account or your private domain. I put this one out for you to look at (newmacuser.com/family).