Adding Words and Pictures to Your Website

When you’ve chosen your iWeb template, the next step is to make it your own with words and pictures. Each page design has placeholders where you can add your text and images.

You can type directly into any text box in your template or create a new one wherever you want. Your images will fall right into place when you drag them from the iLife Media Browser. Once you’ve added your content, it’s easy to move things around on the page to create a layout that’s just right.

Tips

Format your text

In the iWeb toolbar you can select Fonts to change the typeface, size, style and color of the text. For more advanced formatting you can use the Text Inspector. For example, if you want to create different types of lists you can use the List Pane in the Text Inspector to format bullets and lists.

Use a Text Box

To include text on a webpage, you type the text in a text box. iWeb templates include text boxes with placeholder text, which you can replace with your own. To make text box borders visible, from the View menu choose Show Layout. Text boxes grow to accommodate the text. To manually resize a text box, click the box and drag the selection handles. You can change the appearance of a text box—fill it with a color, change its border style, add a shadow behind the box, and so on—the same way you manipulate other objects.

Navigate the Webpage Canvas

The Webpage Canvas is where you create the content for your webpage. You can easily drag graphic files, movie files, and sound files to the canvas to add them to your website. You can even upload files that were created by applications like Keynote or Pages to the canvas for visitors to download simply by dragging them to your page. iWeb will take care of the rest and upload the file for you when you publish again.

Use the iWeb Toolbar

The toolbar at the bottom of the iWeb window give you access to many of the actions you’ll perform as you create webpages. You can add text boxes and shapes, move and mask objects, adjust images, and access the iLife Media Browser from the toolbar, among other things.

Work with inline and fixed objects

Inline objects are inserted within a block of text and get pushed along as the text grows. Inline objects are perfect when you want to have text wrap around the 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.

Wrap text around a shape or image

You can have your text wrap around a photo or other object. Place the object inline with text and select the object. If the Text Inspector isn’t open, click Inspector in the toolbar, and then click the Text Inspector button. Click Wrap. Select the "Object causes wrap" checkbox. Click a Wrap button to make the text wrap to the right or left of the object. To adjust the amount of space between the object and the text, enter a new value in the Extra Space field. Text can wrap around inline objects but not fixed objects.