iWeb

Turn on the alignment guides for a picture perfect layout:

In iWeb, center guides are turned on by default and can help you place objects in the center of the page horizontally or vertically.

However, you can also get object edge guides that help you line up or match size of individual objects on the page.

To turn on edge guides, go to the iWeb menu and select Preferences, then check “Show guides at object edges”.

Now when you select or move an object, you will see blue guidelines showing the center and edge alignment of the objects your are moving in relation to other objects on the page.

It’s a great way to make sure everything on your site lines up just the way you want it.

Post entire photo albums instantly:

When you drop the album onto a page, iWeb will automatically create a new photo page for your album, fill it with the photos from the album you dropped, add the page to your site navigation, and create a link to the new photo page right where you placed it.

By default, the first photo from the album will be used as the image that links to the new page.

If you want to use a different photo as your link image, just drag the desired photo to the placeholder and iWeb will swap it out for you. Done.

It’s a super-easy way to create good looking links to all of your photo albums from anywhere on your site.

Let visitors leave comments on your blogs and podcasts:

When you write (or rant) about the issue of the day, your visitors will be able to leave comments, share opinions, and even attach files to add to the conversation.

To turn comments on, visit the “RSS” tab of the inspector and select “Allow comments.”
You can also allow visitors to attach files of up to 5 MB by selecting “Allow attachments.”
As the site publisher, you can also delete unwanted comments from within iWeb or by visiting your site, clicking on the “lock” icon and signing in with your .Mac/MobileMe account ID.

Masking images to fit your site:

Sometimes an image you want for your website isn’t really framed or cropped the way you would like it. iWeb makes it easy to change the framing of your image to show just the part you want.

  • First drop the image onto your web site.
  • Make sure the image is selected and click the Mask button on the iWeb toolbar.
  • A movable, resizable region will appear on your image.
  • Move or resize it to show just the part of the image you want, and then deselect the image to apply the mask.

Your image is now officially masked. It looks and acts just like any other photo.

However, if you ever want to undo the mask, simply select the image again and click Unmask from the iWeb toolbar.

Share your iTunes playlists:

iWeb enables you to drag iTunes playlists right from the media browser to your web page.

Just click the Media button in iWeb to launch the Media Browser, choose the playlist you want and drag it to your site.

iWeb will format the playlist into a list of links that point right to the iTunes Store.
Your site visitors can now click on the links to check out your selections. Done.

Quickly create links to external sites:

Want to post a list of your favorite links to your website?

You could manually type in the URLs for all your favorite sites, but there’s an easier way.
Just visit any web site using Safari and then drag the icon in the Safari address anywhere on your web page to create a clean, text-based link to the site.

Want to apply the link to an image or icon on your page?

Just drag the link to the image and it will automatically be linked. Simple!

Quickly create links to pages in your own site:

You can also quickly and easily create links between pages on your own site.

Just drag the relevant page icon from the site organizer to your page.

  • If you just drop it on the page, it will create a formatted link to the page.
  • If you drop it onto an image or icon, the image will be linked to the page.

Using this linking method, it’s easy to create a great custom site navigation scheme.
For example, pick a set of images representing the different pages in your site.

Place the images onto your welcome page any way you like and link each to the page it represents by dragging the page icon from the site organizer to the image. Viola!

Your site now has a great-looking custom navigation page.

Suppress iWeb’s Standard Navigation:

iWeb automatically creates and maintains the navigation bar for you, but what if you want to exclusively use your own and lead your guests through your site?

You can remove a page from the navigation bar by going to the page inspector and un-checking the “Include page in navigation menu” box.

  • Uncheck that box for all the pages… and iWeb will completely remove the navigation bar.


Add a search box to your blog:

Make it easy for your visitors to find what they’re looking for.
On the Blog & Podcast inspector, select “Display search field” so visitors can search your archives.

Please note that search only works for sites hosted on .Mac/MobileMe.


Getting More Help:

There are several resources you can consult for additional help with iWeb:

  • Onscreen help: iWeb comes with a built-in help system. When iWeb is open, choose Help > iWeb Help. When the help opens, type a word or phrase in the search field atthe top, or click a topic to get detailed instructions for completing specific tasks.
  • Video tutorials: These short videos demonstrate how to do common tasks in iWeb. To access them, open iWeb Help, and then click “How-to videos” (available in some languages only).
  • Help tags: Available for many onscreen items. To see a help tag, let the pointer restover an item for a few seconds.

Publish Your Website on the Internet:

First, make sure you have at least a free trial MobileMe subscription.

You (and others) can access your iWeb website until the trial period expires; as soon as you become a MobileMe member, you can publish your site again.

To get a free or full MobileMe subscription, visit www.me.com.

To publish your website to MobileMe:

  • Click Publish (or choose File > “Publish to MobileMe”).

When you see the message that your site has been published, you can click Visit Site
Now to go to the site in your web browser. To send an email notifying people about your website, click Announce.

If you purchased your own domain name (for example, www.example.com) from a service provider, you can use that URL for websites you create with iWeb.

To use your own domain name for a site published to MobileMe:

1. Choose File > Set Up Personal Domain.

2. On the MobileMe website, follow the onscreen instructions.

Anyone who has access to the Internet can visit your site.

People who know the URL can go directly to your website, or your website might appear as a search result.

If you don’t want your website to be visible to everyone on the Internet, you can set up your website so that only people who know the user name and password can visit it.

To protect your site with a password:

1. If the Site Inspector isn’t open, click Inspector in the toolbar (or choose View > Show Inspector), and then click the Site Inspector button.

2. Click Password.
3. Select the “Make my published site private” checkbox.

4. Type a user name and password in the fields.
Everyone you want to access your site uses the same user name and password.

Important: Don’t enter your MobileMe user name and password; create a name and password that would be hard to guess.
They don’t have to be real words; you could use a combination of letters and numbers. Passwords are case-sensitive.

5. Publish your website by clicking the Publish button.
When the message appears saying that your site has been published successfully, click Announce.
The email message notifying people about your website will include the user name and password you specified.

Some of the features in iWeb can’t be used with any hosting service other than MobileMe.

If you publish your website to another hosting service, see “Publishing to a server or hosting service other than MobileMe” in iWeb Help.


If You Already Have HomePage Content on Your MobileMe Site:

If you have previously published webpages using HomePage, they are still available at:

  • http://homepage.mac.com/YourMemberName

Websites you create in iWeb and publish to MobileMe are available at:

  • http://web.me.com/YourMemberName

Note: You can’t edit HomePage sites in iWeb.

Making Changes to Your Website:

Most websites need to be updated from time to time.
If you have a blog or published podcasts, you will be making frequent changes.
For these changes to be seen on the Internet, you must republish your site to update the webpages.

When you click Publish (for MobileMe websites), all the sites and pages you changed since the last time you published are published again.

In other words, you can’t publish only selected sites or pages; each time you click Publish or choose one of the Publish commands in the File menu, your published sites will match the sites and pages in iWeb.

Organizing Your Website:

iWeb automatically creates a navigation menu—a table of contents that appears on every page of your website. Users click a page title in the navigation menu to go to that page.

When you add a new page to a site, iWeb automatically adds a link for it to the navigation menu.
You determine the order of items in the navigation menu by rearranging pages in the sidebar.

The navigation menu is automatically updated to reflect the new organization.

The first page in the sidebar is the website’s homepage and the first page that visitors see when they visit your website.

To make a different page the homepage, simply drag it to the top of the list, just below the site name.

You can create more than one website in iWeb and they all appear in the sidebar.
The first site in the sidebar is also referred to as the start site.

Note: You can prevent a page from appearing in the navigation menu using the Page Inspector.

For more information, see “Modifying the navigation menu (table of contents)” in iWeb Help.

Deleting Webpages, Blogs and Websites:

You can delete a webpage or website by selecting it in the sidebar and pressing Delete.

The webpage is automatically removed from the navigation menu and the content is permanently deleted unless you immediately choose Edit > Undo Delete.

If you already published a website to MobileMe, deleting the site or one of its pages in iWeb doesn’t immediately delete it from the web.

The site or page is removed from the web the next time you publish using iWeb.

A website must contain at least one page, so if you try to delete the only page in a site, the template chooser appears.

When you delete a published website and don’t republish a site with the same site name, anyone who tries to visit the site by typing in the URL or using a bookmark sees a message that the site couldn’t be found.

For more information, see iWeb Help.

Renaming Your Site, Blog or Page:

When you add a new website or webpage, iWeb gives it a default name.

1. The site name appears in your website’s URL:

  • http://web.me.com/YourMemberName/SiteName

2. The page name appears at the top of the visitor’s browser window:

You might want to rename your site or any of your pages to reflect their content.

Important: If you publish a site and later rename it, previously created links to your site (such as bookmarks created by your visitors) won’t work. Be sure to notify your visitors if you rename your site, especially your blog or podcast subscribers.

To rename a site or page:

  • Double-click the name in the sidebar and type the new name.

Hot Tips

Turn on the alignment guides for a picture perfect layout:

In iWeb, center guides are turned on by default and can help you place objects in the center of the page horizontally or vertically.

However, you can also get object edge guides that help you line up or match size of individual objects on the page.

To turn on edge guides, go to the iWeb menu and select Preferences, then check “Show guides at object edges”.

Now when you select or move an object, you will see blue guidelines showing the center and edge alignment of the objects your are moving in relation to other objects on the page.

It’s a great way to make sure everything on your site lines up just the way you want it.

Post entire photo albums instantly:

When you drop the album onto a page, iWeb will automatically create a new photo page for your album, fill it with the photos from the album you dropped, add the page to your site navigation, and create a link to the new photo page right where you placed it.

By default, the first photo from the album will be used as the image that links to the new page.

If you want to use a different photo as your link image, just drag the desired photo to the placeholder and iWeb will swap it out for you. Done.

It’s a super-easy way to create good looking links to all of your photo albums from anywhere on your site.

Let visitors leave comments on your blogs and podcasts:

When you write (or rant) about the issue of the day, your visitors will be able to leave comments, share opinions, and even attach files to add to the conversation.

To turn comments on, visit the “RSS” tab of the inspector and select “Allow comments.”
You can also allow visitors to attach files of up to 5 MB by selecting “Allow attachments.”
As the site publisher, you can also delete unwanted comments from within iWeb or by visiting your site, clicking on the “lock” icon and signing in with your .Mac/MobileMe account ID.

Masking images to fit your site:

Sometimes an image you want for your website isn’t really framed or cropped the way you would like it. iWeb makes it easy to change the framing of your image to show just the part you want.

  • First drop the image onto your web site.
  • Make sure the image is selected and click the Mask button on the iWeb toolbar.
  • A movable, resizable region will appear on your image.
  • Move or resize it to show just the part of the image you want, and then deselect the image to apply the mask.

Your image is now officially masked. It looks and acts just like any other photo.

However, if you ever want to undo the mask, simply select the image again and click Unmask from the iWeb toolbar.

Share your iTunes playlists:

iWeb enables you to drag iTunes playlists right from the media browser to your web page.

Just click the Media button in iWeb to launch the Media Browser, choose the playlist you want and drag it to your site.

iWeb will format the playlist into a list of links that point right to the iTunes Store.
Your site visitors can now click on the links to check out your selections. Done.

Quickly create links to external sites:

Want to post a list of your favorite links to your website?

You could manually type in the URLs for all your favorite sites, but there’s an easier way.
Just visit any web site using Safari and then drag the icon in the Safari address anywhere on your web page to create a clean, text-based link to the site.

Want to apply the link to an image or icon on your page?

Just drag the link to the image and it will automatically be linked. Simple!

Quickly create links to pages in your own site:

You can also quickly and easily create links between pages on your own site.

Just drag the relevant page icon from the site organizer to your page.

  • If you just drop it on the page, it will create a formatted link to the page.
  • If you drop it onto an image or icon, the image will be linked to the page.

Using this linking method, it’s easy to create a great custom site navigation scheme.
For example, pick a set of images representing the different pages in your site.

Place the images onto your welcome page any way you like and link each to the page it represents by dragging the page icon from the site organizer to the image. Viola!

Your site now has a great-looking custom navigation page.

Suppress iWeb’s Standard Navigation:

iWeb automatically creates and maintains the navigation bar for you, but what if you want to exclusively use your own and lead your guests through your site?

You can remove a page from the navigation bar by going to the page inspector and un-checking the “Include page in navigation menu” box.

  • Uncheck that box for all the pages… and iWeb will completely remove the navigation bar.


Add a search box to your blog:

Make it easy for your visitors to find what they’re looking for.
On the Blog & Podcast inspector, select “Display search field” so visitors can search your archives.

Please note that search only works for sites hosted on .Mac/MobileMe.


Getting More Help:

There are several resources you can consult for additional help with iWeb:

  • Onscreen help: iWeb comes with a built-in help system. When iWeb is open, choose Help > iWeb Help. When the help opens, type a word or phrase in the search field atthe top, or click a topic to get detailed instructions for completing specific tasks.
  • Video tutorials: These short videos demonstrate how to do common tasks in iWeb. To access them, open iWeb Help, and then click “How-to videos” (available in some languages only).
  • Help tags: Available for many onscreen items. To see a help tag, let the pointer restover an item for a few seconds.

Publishing

Publish Your Website on the Internet:

First, make sure you have at least a free trial MobileMe subscription.

You (and others) can access your iWeb website until the trial period expires; as soon as you become a MobileMe member, you can publish your site again.

To get a free or full MobileMe subscription, visit www.me.com.

To publish your website to MobileMe:

  • Click Publish (or choose File > “Publish to MobileMe”).

When you see the message that your site has been published, you can click Visit Site
Now to go to the site in your web browser. To send an email notifying people about your website, click Announce.

If you purchased your own domain name (for example, www.example.com) from a service provider, you can use that URL for websites you create with iWeb.

To use your own domain name for a site published to MobileMe:

1. Choose File > Set Up Personal Domain.

2. On the MobileMe website, follow the onscreen instructions.

Anyone who has access to the Internet can visit your site.

People who know the URL can go directly to your website, or your website might appear as a search result.

If you don’t want your website to be visible to everyone on the Internet, you can set up your website so that only people who know the user name and password can visit it.

To protect your site with a password:

1. If the Site Inspector isn’t open, click Inspector in the toolbar (or choose View > Show Inspector), and then click the Site Inspector button.

2. Click Password.
3. Select the “Make my published site private” checkbox.

4. Type a user name and password in the fields.
Everyone you want to access your site uses the same user name and password.

Important: Don’t enter your MobileMe user name and password; create a name and password that would be hard to guess.
They don’t have to be real words; you could use a combination of letters and numbers. Passwords are case-sensitive.

5. Publish your website by clicking the Publish button.
When the message appears saying that your site has been published successfully, click Announce.
The email message notifying people about your website will include the user name and password you specified.

Some of the features in iWeb can’t be used with any hosting service other than MobileMe.

If you publish your website to another hosting service, see “Publishing to a server or hosting service other than MobileMe” in iWeb Help.


If You Already Have HomePage Content on Your MobileMe Site:

If you have previously published webpages using HomePage, they are still available at:

  • http://homepage.mac.com/YourMemberName

Websites you create in iWeb and publish to MobileMe are available at:

  • http://web.me.com/YourMemberName

Note: You can’t edit HomePage sites in iWeb.

Making Changes to Your Website:

Most websites need to be updated from time to time.
If you have a blog or published podcasts, you will be making frequent changes.
For these changes to be seen on the Internet, you must republish your site to update the webpages.

When you click Publish (for MobileMe websites), all the sites and pages you changed since the last time you published are published again.

In other words, you can’t publish only selected sites or pages; each time you click Publish or choose one of the Publish commands in the File menu, your published sites will match the sites and pages in iWeb.

Organizing

Organizing Your Website:

iWeb automatically creates a navigation menu—a table of contents that appears on every page of your website. Users click a page title in the navigation menu to go to that page.

When you add a new page to a site, iWeb automatically adds a link for it to the navigation menu.
You determine the order of items in the navigation menu by rearranging pages in the sidebar.

The navigation menu is automatically updated to reflect the new organization.

The first page in the sidebar is the website’s homepage and the first page that visitors see when they visit your website.

To make a different page the homepage, simply drag it to the top of the list, just below the site name.

You can create more than one website in iWeb and they all appear in the sidebar.
The first site in the sidebar is also referred to as the start site.

Note: You can prevent a page from appearing in the navigation menu using the Page Inspector.

For more information, see “Modifying the navigation menu (table of contents)” in iWeb Help.

Deleting Webpages, Blogs and Websites:

You can delete a webpage or website by selecting it in the sidebar and pressing Delete.

The webpage is automatically removed from the navigation menu and the content is permanently deleted unless you immediately choose Edit > Undo Delete.

If you already published a website to MobileMe, deleting the site or one of its pages in iWeb doesn’t immediately delete it from the web.

The site or page is removed from the web the next time you publish using iWeb.

A website must contain at least one page, so if you try to delete the only page in a site, the template chooser appears.

When you delete a published website and don’t republish a site with the same site name, anyone who tries to visit the site by typing in the URL or using a bookmark sees a message that the site couldn’t be found.

For more information, see iWeb Help.

Renaming Your Site, Blog or Page:

When you add a new website or webpage, iWeb gives it a default name.

1. The site name appears in your website’s URL:

  • http://web.me.com/YourMemberName/SiteName

2. The page name appears at the top of the visitor’s browser window:

You might want to rename your site or any of your pages to reflect their content.

Important: If you publish a site and later rename it, previously created links to your site (such as bookmarks created by your visitors) won’t work. Be sure to notify your visitors if you rename your site, especially your blog or podcast subscribers.

To rename a site or page:

  • Double-click the name in the sidebar and type the new name.

Adding

Adding Links to Other Pages:

You can put hyperlinks on your pages that visitors can click to open another website.

To add a link to another website:

1. Open the page in iWeb where you want to add the link.
2. In Safari, open the page that you want to link to.
3. Select the website URL in the address bar at the top of Safari and drag it to the webpage canvas in iWeb.

You can also add links to open a file or a song in the iTunes Store. For more information, see the hyperlinks topics in iWeb Help.

Links in iWeb are turned off so you can edit them without accidentally clicking them. If you want to test your links, you can turn them on in the Link Inspector.

To make links active in iWeb:

1 Click the Inspector button in the toolbar (if you don’t see it, click the right arrow in the toolbar and select Inspector).

2 Click the Link Inspector button, and then click Hyperlink.

3 Select the “Make hyperlinks active” checkbox.

Important: This setting doesn’t affect links on your published website; it only turns links on or off in iWeb so you can edit and test them.

Adding an Email Me button:

Websites usually have a way for visitors to contact the owner or administrator of the site.
You can add an Email Me button to any page in your website so that visitors can contact you.
When visitors click the button, they’ll see a new email message addressed to your MobileMe email address.

  • If you don’t publish your site to MobileMe, the address on the Me card in Address Book is used.
  • If you want to use a different email address, open the Site Inspector (click the Inspector button in the toolbar, then click the Site Inspector button) and type your email address in the Contact Email box.

To add an Email Me button:

  • Choose Insert > Button > Email Me.

Turn Anything into a Hyperlink:

In addition to creating text hyperlinks, you can make any image, photo, or shape initiate one of the actions available in the Link To pop-up menu in the Link Inspector.

For example, you could insert an arrow shape and then make it a link that visitors can click to go to the next page.

For information about creating these kinds of hyperlinks, see “Creating a hyperlink” in iWeb Help.

Adding Your Own Text:

Each template contains text boxes with placeholder text for titles, headings, and body text.
You’ll replace the text on the page with your own text; you can move, resize, or delete text boxes to fit your content.

To replace placeholder text with your own text:

  • Double-click the placeholder text and start typing.

When you start typing, the highlighted placeholder text is replaced by what you type.

You can move text boxes to different locations on the page or make them larger or smaller to accommodate more or less text.

To move or resize a text box:

1. Click the text one time to show the selection handles around the text box.
2. Click inside the text box and drag the text box to reposition it.
3. Drag a selection handle to resize the text box.

Experiment with adding your own text and moving and resizing text boxes.

You can always choose Edit > Undo to reverse any actions you don’t want to keep, until you publish your website.

To see the borders of all the text boxes on the page:

  • Choose View > Show Layout to see all the text boxes.

Adding Your Own Graphics:

The iWeb templates include placeholder graphics that are similar to placeholder text; they indicate the size and placement of graphics in a template.

The easiest way to add graphics, music, and movies to your website is with the Media Browser.
When you click the Media button in the toolbar, you gain instant access to your iTunes and iPhoto libraries.

You don’t need to open these applications to access their contents.


To replace a placeholder graphic with a photo:

1. Click Media in the toolbar.
2. Click Photos.
3. Choose the album or Event that contains the photo you want.
4. Locate the photo in the thumbnails at the bottom of the Media Browser and drag it on top of the placeholder graphic on your webpage.

The placeholder graphic disappears and your photo is now in place.

When you click the photo, selection handles appear so that you can resize it.

You can also drag a photo from the desktop, the iPhoto application, or a folder on your computer and place it on top of the placeholder graphic.

Experiment with replacing placeholder graphics with your own photos, movies, or audio files using the Media Browser.

Inserting fixed and floating objects:

If you want to place an object (including photos and other graphics) in the middle of text or somewhere that doesn’t have a placeholder graphic, there are two ways to do it: as a fixed object or as a floating object. Fixed objects are inserted outside of text boxes.

You can drag a fixed object anywhere on the page and it won’t affect text or be affected by text or other objects.

Floating objects are inserted within text and get pushed along as the text grows.
If you place an object inside a text box, it must be a floating object.

You can wrap text only around floating objects. For more information, see iWeb Help.

Adding Photos and Photo Albums:

iWeb provides templates for pages that contain mainly photos and movies instead of text.

  • The Photos template includes a photo grid that automatically sizes and positions each photo as you add it and provides a placeholder caption for each photo. It alsoincludes a Play Slideshow button that your visitors can click to view your photos as a slideshow.
  • The My Albums template creates an index page for multiple photo and movie
    albums. Each album is represented on the page by one of the album’s photos.
    Movies are represented by their poster frames. Visitors click a photo or poster frame
    to view the album or watch the movie. When visitors move their mouse over the
    album, they see a mini-slideshow.

Note: You can add photos and movies to any page (not just pages created with the Photos or My Albums templates) by simply dragging them to the page.
However, only pages created with the Photos or Movies templates can be added to the My Albums index page.

For this tutorial, you will add a Photos page and a My Albums page to your website and add your photos and albums to them.

To add a Photos page:

1. Click the Add (+) button (or choose File > New Page).

2. In the template chooser, select a theme in the list on the left.

3. Select Photos from the templates on the right, and then click Choose.
The new page contains a photo grid with placeholder photos.

4. If the Media Browser isn’t open, click Media in the toolbar and then click Photos.

5. Choose the Event or album that contains the photos you want to add.

6. Select the photos from the thumbnails at the bottom of the Media Browser.
You can Shift-click multiple photos or Command-click photos that aren’t next to each other.

7. Drag the photos to the photo grid on the Photos page.
A blue line appears around the photo grid when you drag the pictures over it.
When you drop the photos on the photo grid, they replace the existing placeholder graphics.
If you drag only one photo, all the extra placeholders in the photo grid disappear.
Don’t worry, though—the next photo you drag to the photo grid will be automatically formatted like the first one, using the same style and size.
You can add up to 500 photos or movies to an album on a Photos page.

8. Click the placeholder text below each photo and type a caption.
With your photos in place, now you can adjust the layout of the photos on the photo grid.
Just drag the photos to rearrange their order.

When you click a photo, a Photo Grid window appears.
Use the settings in this window to change the style of the frame for all the photos on the page, change the number of columns, turn captions on or off, and more.

For more information about using these settings, see “Changing the layout of photos on a Photos template” in iWeb Help.

If the number of photos in the photo grid exceeds the “Photos per page” setting in the Photo Grid window, iWeb divides the photo grid into multiple pages for your photos and adds page numbers and navigation arrows.

Another way to organize your photos is to use the detail view.

When you double-click a photo on a Photos page, the photo is enlarged so you can see it in more detail. Click the view buttons at the top of the detail window to see thumbnails of the photos in a photo browser across the top.

When you click a thumbnail in the photo browser, the enlarged photo is shown below.
Visitors to your website will also be able to see this view when they click a photo on your Photos page.

Adding Multiple Photo Albums to a Page:

If you have several photo or movie albums, you can create a My Albums page to provide a single index page for all of your albums.
Instead of seeing many albums in your website navigation menu, visitors can click the single link for your My Albums page and instantly have access to all your albums.

When visitors to your My Albums page move their mouse over albums, they can view a slideshow within the album frame without leaving the page.

When they click the album, the album opens and they can view the pictures in a larger slideshow.

To add a My Albums page:

1. Click the Add (+) button (or choose File > New Page).

2. In the template chooser, select a theme in the list on the left.

3. Select My Albums from the templates on the right, and then click Choose.
The new page contains an album grid with a placeholder album.

4. Drag your Photos page from the sidebar to the album grid on the My Albums page.
When you drag photo albums from the Media Browser onto the album grid, iWeb automatically creates a Photos page for the album and adds it to the My Albums index.

To reorganize albums on a My Albums page:

  • Drag the Photos pages (under My Albums in the sidebar) into the order that you want them to appear.

Click an album to see the Media Index window, where you can set the number of columns, adjust spacing, and make other adjustments to the layout of the page.

You can change the transition effect between photos by choosing an option from the “Album animation” pop-up menu.

Experiment with adding photos and albums and adjusting the layout of the Photos and My Albums pages.

You can find more information in iWeb Help.


Adding a Map:

You can easily add a map to your website so that, for example, customers can find your store or friends can find your party. The map is a graphic from Google Maps.

To add a map:

1. Choose Insert > Google Map (or click Web Widgets in the toolbar and choose Google Map).

2. In the Google Map window that appears, type the address and click Apply.

3. Double-click the map and then use the zoom controls on the map to refine the amount of detail it shows.

4. In the Google Map window, select the checkboxes to set whether visitors to your website will see the zoom controls and the address bubble.

5. Drag the map selection handles to resize the map.

6. Drag the map to where you want it to appear on your page.

To restore the original map view for this address, click Apply again.

For information about adding other web widgets, videos, and Google AdSense ads to your webpages, see iWeb Help.

Creating

Creating a Website:

Do one of the following:

  • If iWeb isn’t open, click its icon in the Dock or double-click the iWeb application icon in your Applications folder.
  • If iWeb is already open and you don’t see the template chooser shown below, click the Add (+) button at the bottom of the iWeb window (or choose File >New Page).

In the template chooser, click one of the themes on the left.

This tutorial uses the Modern Frame theme.

Choose a template on the right.

  • The Welcome template is already selected for you (the selected template has a yellow border around it).
  • Click Choose.

Now you have your first webpage. The sidebar shows your site and a Welcome page:

Done !

Creating a Blog:

iWeb provides two kinds of blog templates: Blog and Podcast.

A podcast is an audio or video file that is like an Internet radio or TV show.

  • You can produce your own podcasts and let visitors download them one by one, or they can download new episodes automatically through a subscription.
  • You can add audio and video to both Blog and Podcast templates.

For this tutorial, you’ll add a blog to your website and learn how to add new entries to it.

To add a blog:

1. Click the Add (+) button (or choose File > New Page).

2. In the template chooser, select a theme in the list on the left (the tutorial uses Modern Frame).

3. Select Blog from the thumbnails on the right, and then click Choose.
The first blog entry appears with the current date.

4. Double-click the placeholder text to create your own title and body text, or to change the date.

When you add a page using one of the blog templates (Blog or Podcast), three icons appear in the sidebar:

  • Blog is the page that your website visitors see. It contains excerpts (the opening text) from your most recent blog entries. Visitors can click “Read more” to see the whole entry.
  • Entries is where you create and manage your blog entries. Your website visitors won’t see this page, but if they click an excerpt on the main blog page, they’ll see the full
  • entry.
  • Archive contains all your entries, including those that don’t appear on the main page. The blog templates include a link to the archive on the main blog page.

To add a new blog entry:

1. In the sidebar, click Entries.

2. Click the Add Entry button. The new entry appears below the Title list with placeholder text and graphics.

3. Double-click the placeholder text to change the title and add your own text to the entry.

4. Drag graphics from iPhoto or elsewhere on your computer to replace the placeholder graphics.
(If the Media Browser isn’t open, click Media in the toolbar and then click Photos to access your photos.)

If you make changes to a blog entry, such as changing the font or the background color, you can duplicate the entry the next time you add an entry and keep the same formatting.

To create a new entry with your own formatting:

1 In the Entries list, select the page whose format you want to duplicate.

2 Choose Edit > Duplicate.

3 Type a title for the new entry and replace the text and graphics with your new content.

To edit existing blog entries:

  • Select the entry in the Title list and make your changes in the entry below the list.

Letting Visitors Add Comments to Your Website:

If you publish your site to MobileMe, you can allow website visitors to add comments to your blog or photos. These comments are visible to anyone who visits your website.

On blog pages, you can also allow visitors to attach files—which other visitors can download—to their comments. To prevent automated programs from posting spam to your site, anyone who posts a comment is first required to type a displayed word.

Make sure to delete material that is objectionable or for which you don’t own the necessary rights. You can easily remove comments and their attachments anytime, using iWeb or any web browser. This gives you control over the content of your website.

For more information about visitor comments and how to manage them, see iWeb Help.

Keyboard Shortcuts

You can use your keyboard and mouse to quickly accomplish many tasks in iWeb.

Viewing:

Open iWeb Help > Command-question mark (?)

Open iWeb preferences > Command-comma (,)

Show/hide layout > Shift-Command-L

Show/hide Inspector > Option-Command-I

Selecting and editing text:

Select one or more characters
> Click in front of the first character and drag across the characters you want to select

Select a word > Double-click the word

Select a paragraph > Triple-click in the paragraph

Select multiple words or blocks of text that aren’t next to one another
> Select the first text, then select additional text while pressing Command

Extend text selection > Click in the text, then Shift-click in another location in the text

Extend selection one character to the right > Shift-Right Arrow

Extend selection one character to the left > Shift-Left Arrow

Extend selection to the end of the current word > Shift-Option-Right Arrow

Extend selection to the beginning of the current word > Shift-Option-Left Arrow

Extend selection to the end of the current line > Shift-Command-Right Arrow

Extend selection to the beginning of the current line > Shift-Command-Left Arrow

Extend selection to the line above > Shift-Up Arrow

Extend selection to the line below > Shift-Down Arrow

Extend selection to the beginning of the current paragraph > Shift-Option-Up Arrow

Extend selection to the end of the current paragraph > Shift-Option-Down Arrow

Extend selection to the beginning of the text (in the current text box)
> Shift-Command-Up Arrow or > Shift-Home

Extend selection to the end of the text (in the current text box)
> Shift-Command-Down Arrow or > Shift-End

Move one character to the right > Right Arrow

Move one character to the left > Left Arrow

Move to the line above > Up Arrow

Move to the line below > Down Arrow

Move to the beginning of the current or previous word > Option-Left Arrow

Move to the end of the current or next word > Option-Right Arrow

Move to the beginning of the current line > Command-Left Arrow

Move to the end of the current line > Command-Right Arrow

Move to the beginning of the current paragraph > Option-Up Arrow

Move to the end of the current paragraph > Option-Down Arrow

Move to the beginning of the current text box > Command-Up Arrow

Move to the end of the current text box > Command-Down Arrow

Scroll to the top of the page > Home

Scroll to the end of the page > End

Formatting text:

Show Fonts window > Command-T

Show Colors window > Shift-Command-C

Make selected text bold > Command-B

Make selected text italic > Command-I

Underline selected text > Command-U

Delete the previous character or selection > Delete

Delete the next character or selection > Del (not available on all keyboards)

Make selected text bigger > Command-plus sign (+) or Command-equal sign (=)

Make selected text smaller > Command-minus sign (-)

Make selected text superscript > Control-Command-plus sign (+)

Make selected text subscript > Control-Command-minus sign (-)

Align text flush left > Shift-Command-left curly brace ( { )

Center text > Shift-Command-vertical line ( | )

Align text flush right > Shift-Command-right curly brace ( } )

Align text flush right and flush left (justify) > Shift-Command-Option-vertical line ( | )

Copy paragraph style > Option-Command-C

Copy character tyle > Shift-Option-Command-C

Paste character or paragraph style > Option-Command-V

Paste and match style of destination text > Shift-Option-Command-V

Insert nonbreaking space > Option-Space bar

Insert line break (soft return) > Shift-Return

Edit hypertext without disabling hyperlinks > Arrow keys into text

Manipulating objects:

Draw a shape > Option-click Shapes toolbar button, choose a shape, and drag to size

Move selected object one point > Arrow key

Move selected object ten points > Shift-arrow key

Send selected object to the back > Shift-Command-B

Send selected object back (down) one layer > Shift-Option-Command-B

Bring selected object to the front > Shift-Command-F

Bring selected object forward one layer > Shift-Option-Command-F

Constrain movement of object to 45 degrees > Shift-drag

Resize object from center > Option-drag handle

Constrain aspect ratio when resizing object > Shift-drag handle

Constrain aspect ratio when resizing object from center > Shift-Option-drag handle

Rotate object > Command-drag handle

Rotate object 45 degrees > Shift-Command-drag handle

Rotate object around opposite handle (instead of center) > Option-Command-drag handle

Turn off alignment guides while dragging object > Command-drag

Mask or unmask object > Shift-Command-M

Exit mask mode > Return, Command-Return, Enter, double-click

Reenter mask mode > Double-click the masked image

Open shortcut menu for selected object > Control-click

Exit text edit mode and select text box or shape > Command-Return