How to Use iWeb to Make a Website

by Shawn M. Tomlinson
Apple's iWeb software is design as a blogger's tool, but can be used to design basic websites.

Apple's iWeb software is design as a blogger's tool, but can be used to design basic websites.

Apple Computer’s iWeb program, part of the iLife suite of applications, really is designed for personal blogging, but it will work for simple website design, too. Dreamweaver is the top-of-the-line website design program, but it’s far too difficult to use for many people. iWeb simplifies everything. It works well with Apple’s Pages program and iPhoto as well as with higher-end programs such as Adobe Photoshop.To get started with iWeb, just start playing around.

iWeb provides a variety of themes, but if you don't like them, you can start with blank basic pages.
1

Decide what kind of website you want to make. iWeb has a variety of templates to get you started, but it also provides blank page templates in each theme. If you need a small website for a business, choose a simple background or one appropriate to the business. For a personal website, you can be more playful.

This image shows a basic Home page in iWeb with images added and sample text.
2

Write everything you need except headlines or subheads in Pages or TextEdit. The reason is that it is easier to edit and spell check in a word processing program.

This
3

Format all photos in Photoshop or another photo manipulation program. Make sure the photos are in 72 dots per inch resolution. Any higher resolution will be lost on most computer screens and will make the website pages load slower.

This image shows an entire front page of an iWeb website.
4

Start dragging photos into the page on iWeb. You can resize them there. You can drag photos from the desktop, from a folder or directly from Photoshop or Pages. Use the Inspector popup’s graphics pane to add shadows, borders or other effects.

This image shoes a single page of a website with a
5

Copy and paste text from the word processing program. You can format it in iWeb. If you use Pages, formatting will stay with the text in iWeb.

This image shows the Internet Inspector to the left of four buttons on the lower right of the screen.
6

Add buttons to navigate to other web pages. You can do this using iWeb’s object tool or you can design custom buttons in Photoshop and bring them in by dragging. To activate buttons, go to the Inspector’s Link Inspector pane. Here you can direct each piece of text or object to take the user to another page of your website or to an external website.

The hit counter, in the lower left, only will work when uploading through Apple's host site.
7

Add a hit counter and publish to a folder to see what the website will look like or directly to the Web. If you are uploading to Apple’s MobileMe host, you can add a hit counter and Google advertisements. You also can upload to a different host via a standard FTP program like Fetch, but not every function works without going through Apple's host.

Tip

  • check Archive your website pages. Because iWeb is a low-end program, it doesn’t allow you to save website pages off to a PDF or other format, so archiving is a good idea. You can do this by going to the Finder>Admin>Library>Application Support>iWeb. In the iWeb folder you will find a file called “Domain.” Everything you have done in iWeb is saved here. Archive this file to a CD, DVD or external hard drive in an archive file. This will keep a backup of your domain up to the date you made the archive. If you need to make major changes to your website, you will need to make a new backup.

Warning

  • close iWeb is designed as a personal blog website maker. You can only make changes to an existing website from the same Mac you built the site on. If you need to change it to a different Mac, you must follow the steps in “Tips” above to copy the Domain file.

Items you will need

About the Author

Shawn M. Tomlinson has been a newspaper and magazine writer for more than 28 years. He has written for a variety of publications, from "MacWEEK" and "Macintosh-Aided Design" to "Boys' Life," "Antique Week" and numerous websites. He attended several colleges, majoring in English, writing and theater, and has taught college classes about writing.

Photo Credits

  • photo_camera Apple, Shawn M. Tomlinson, Gary Ziroli