iWeb Getting Started Get to know iWeb and learn how to create your own website 1 Contents Preface 4 4 5 5 6 7 8 8 8 9 10 13 14 16 18 20 21 23 24 24 25 26 27 28 30 31 32 33 33 34 Welcome to iWeb About This Document About iWeb iWeb Highlights Useful Words to Know For More Information Creating a Website With iWeb What You'll Learn Before You Begin Overview of Creating a Website Create a Website Add Your Own Text and Graphics Add a Photo Page Add a Blog Organize Your Website Add Links Publish Your Website on the Internet Next Steps Inspectors and Other Windows at a Glance The Inspector Window The Site Inspector The Page Inspector The Blog & Podcast Inspector The Text Inspector The Graphic Inspector The Metrics Inspector The Link Inspector The Media Browser Photos Pane Movies Pane Chapter 1 Chapter 2 2 35 36 Audio Pane The Adjust Image Window Contents 3 This document will help you quickly create a website using iWeb. If you've always wanted your own website but weren't sure how to create one, iWeb is an easy and fun way to accomplish that goal. If you already have a website but you want a new look for it, or an easier way to update it, you can use iWeb to re-create a professional-looking, easy-to-manage website. About This Document This document contains two chapters, which you can use in the order that suits you:  Chapter 1, "Creating a Website With iWeb," is a tutorial that takes you step by step through the process of creating a website using iWeb. Completing the tutorial--using your own photos, movies, and so on--is a great way to learn your way around the basic features of iWeb, so that you can confidently explore from there. The tutorial also provides tips for using iWeb and how to find more detailed information.  Chapter 2, "Inspectors and Other Windows at a Glance," briefly describes the tools and windows you'll use in iWeb. You can use this chapter as a handy reference as you create your own websites and webpages. Throughout the document are sidebars--such as "About Templates" on page 10--that provide background or related information. 4 Preface Welcome to iWeb About iWeb iWeb is the easiest way to create and publish great-looking websites. You see what each webpage will look like as you work on it--you don't have to know anything about programming or web-authoring languages such as HTML. iWeb Highlights  Apple-designed templates. The collection of templates that comes with iWeb provides an elegant starting point for any website. Templates have been specially designed for photo pages, blogs, and more. Each template comes with coordinated layouts, background images, and other formatting already set. Use the templates as they are or customize them.  Worry-free navigation. As you add, remove, and rearrange webpages, iWeb automatically updates the navigation menu (the website's clickable table of contents) for you.  Easy blogs. iWeb provides special templates for creating blogs (a blog is a web journal; see "What Is a Blog?" on page 16) that make it easy to set one up. iWeb also provides a Subscribe button so that your visitors can be automatically notified whenever you update your blog.  Podcasts. Create your own radio or TV show. You can export audio podcasts you create in GarageBand and video podcasts you create in iMovie directly to iWeb. You can also easily submit your podcast to the online iTunes Music Store.  Easy-to-incorporate website features. iWeb provides ready-to-use elements such as a visitor counter, an Email Me button, buttons for subscribing to blogs and podcasts, and more.  iLife integration. Easily add photos and other graphics, movies, and music to your websites. Export photos or a whole album from iPhoto directly to iWeb. Add a link to subscribe to a photocast. Create a movie webpage with a single click in iMovie.  One-click publishing. When you're ready to share your website on the web, just click a button, and your site is stored on .Mac, visible to anyone who knows the web address (URL). (To publish to .Mac, you need at least a free trial .Mac membership.) If you prefer, you can easily make the website accessible only to people who know the user name and password, or who belong to a particular .Mac group. You can also publish your site to a folder on your computer so that you can upload it to the server of your choice. Preface Welcome to iWeb 5 Useful Words to Know Here are brief definitions of some of the terms you'll see as you work with iWeb.  Blog: A web-based journal that can contain text, photos, and other media. For more information, see "What Is a Blog?" on page 16.  Browser: An application you use to visit websites. (Mac OS X comes with a browser called Safari.)  Hyperlink: Text or an object you can click to initiate an action, such as going to another webpage or opening a document. Most text hyperlinks (also called links) look different from surrounding text (they are underlined or a different color) to indicate that you can click them.  Internet: A worldwide network of computers that makes it possible for people to communicate with one another and share information.  .Mac: A membership-based service that provides such features as an ad-free .Mac email address, file sharing with iDisk online storage, groups for coordinating events and communicating with friends and family, and more. .Mac is where your iWeb sites are stored. For more information, visit www.mac.com.  Navigation menu: The website table of contents. The navigation menu lists each page in your website as a link that visitors can click to go to that page. iWeb automatically creates a navigation menu on each page in your website.  Photocast: An iPhoto photo album that's been published. Others can subscribe to photocasts to receive the latest photos when the album is modified.  Podcast: An audio file that's been set up so that it can be easily downloaded to a computer. You can listen and subscribe to podcasts with iTunes. You can add a podcast to your blog for your visitors to listen to at their convenience.  RSS: A subscription service that many websites offer. For example, your website visitors can subscribe to your blog so that they'll know when you post new entries. When you create a blog or a podcast, iWeb provides a Subscribe button automatically. (RSS stands for "really simple syndication.")  Start page: The page that appears first when you visit a website. Sometimes called the home page or default page.  URL: The website address, which you enter in a browser to go to the website. A typical URL looks like this: http://www.apple.com  Video podcast: A podcast that contains video as well as audio. You can listen and subscribe to video podcasts with iTunes. You can also transfer video podcasts to an iPod that supports video.  Web: A part of the Internet that supports graphics in addition to text. Many people use the web (also called the World Wide Web) and the Internet interchangeably. 6 Preface Welcome to iWeb  Website: A collection of information--usually including graphics and hyperlinks to other parts of the website or to other websites--made available on the Internet. A website, or site, consists of one or more webpages that are linked together.  Webpage: Most websites are organized into webpages, or pages, that are linked together. For More Information To get the most out of iWeb, consult these resources:  Onscreen help: iWeb Help provides detailed instructions for accomplishing tasks in iWeb. To open the help, open iWeb, click the Help menu, and choose iWeb Help. iWeb Help also provides access to the following items:  What Is iWeb? A brief overview that shows you what you can do with iWeb.  iWeb tutorial: A multimedia tutorial to help you learn to use iWeb. (Available in some languages only.)  iWeb website (www.apple.com/ilife/iweb/): The latest news and information about iWeb.  Hot Tips website (www.apple.com/support/iweb/hottips/): Great ideas for working more effectively in iWeb.  Support website (www.apple.com/support/iweb/): Detailed information about solving problems.  Help tags are available for many onscreen items. To see a help tag, let the pointer rest over an item for a few seconds. Preface Welcome to iWeb 7 1 Creating a Website With iWeb 1 This tutorial takes you step by step through the process of creating a simple website. What You'll Learn In this tutorial, you'll learn to do the following:  Create a website that has three different webpages--a welcome page, a photo page, and a blog (a web journal--see "What Is a Blog?" on page 16).  Add a link to another website.  Add an Email Me button, so that your visitors can contact you.  Publish your website, so that anyone with access to the Internet--or only people who know the user name and password, if you set it up that way--can visit it. Before You Begin To make it easier to complete this tutorial, you may want to print it. In many tasks shown in the tutorial (and in iWeb Help), you need to choose menu commands, which look like this: Choose Edit > Copy. The first word after Choose is the name of a menu in the iWeb menu bar. The next word (or words) indicates the item to choose from that menu. Make sure you save your work from time to time by choosing File > Save. You can stop doing the tutorial at any time by choosing iWeb > Quit iWeb. You can save the work you've done so far and continue whenever you want. 8 Overview of Creating a Website Step 1: Plan your website. A website consists of one or more webpages, which can contain text, graphics, video, audio, and more. The number of webpages in your website depends on what you are going to use the website for. Do you want to share photos? Write a travel journal? Display a portfolio of your work? With iWeb, it's easy to modify, add, or remove webpages at any time, so you don't have to decide every detail before you begin. It's also easy to create multiple websites so that you can, for example, have a personal website, a website for a .Mac group, and one for your business. Step 2: Create your website. In this step, you assemble and organize your website content--write your text, add photos and other graphics, set up links to other websites, and so on. Step 3: Publish your website on the Internet. Your website isn't visible to the public until you publish it. With iWeb, this step is as easy as clicking a button. Note: To complete step 3 using the instructions in this tutorial, you need at least a trial .Mac membership and enough available iDisk storage space for your webpages, including your media (the movies, photos, and so on that you add to your website). If you don't have a .Mac account, you can sign up for one (a free 60-day trial or a paid yearly membership) by opening System Preferences and clicking .Mac (or by going to www.mac.com). If you're not sure exactly what you want to put on your website (step 1), you can still go through the tutorial and learn how to use iWeb (step 2). Then, when you're ready to "go live" with your website, you can publish it (step 3). Chapter 1 Creating a Website With iWeb 9 Create a Website To get started, you'll create a website that consists of one page (a welcome page). To create a website: 1 If iWeb isn't open, 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 Page (+) button at the bottom of the iWeb window (or choose File > New Page). In the template chooser that appears, click Freestyle on the left. In the thumbnails on the right, the Welcome template should already be selected for you (the selected templae has a yellow border around it). Select a template here. Select a webpage type here. 2 Click Choose. About Templates Each time you add a new webpage, you select the page's template. A template is a predesigned page with placeholders for text and graphics; you can easily replace the placeholders with your own text and graphics. iWeb provides templates designed for specific categories of webpages. For example, the Photos templates contain placeholders for photos and captions. By using the iWeb templates, you can create an attractive webpage without having to do any design work. Your website can use as many or as few of the templates as you want, depending on the content you put on your site. 10 Chapter 1 Creating a Website With iWeb Now you have your first webpage. The iWeb window looks like this: The navigation menu All of the pages in the site are listed here. Visitors click these links to view your webpages. The site organizer All the websites (globes) and webpages (rectangles) you create with iWeb appear here. Click a page to display it in the webpage canvas. The webpage canvas This area shows what the webpage looks like. Edit the webpage here-- customize the text, add graphics and movies, arrange items on the page, add links, and more. Placeholder text and graphics Click the ...