There are three different ways of adding a photo to
styled pages: drag and drop, assets, and iMedia. This
tutorial will demonstrate how to do all three as well as
how to text wrap and resize photos.
1). Using the drag and drop method, we will pull a photo
of Charlie Cardinal from the desktop to the page in
2). You can see the photo of Charlie Cardinal on the
desktop, so click on Charlie and pull him over onto the
page until there is a green "+"sign next to your mouse
and the photo you are dragging onto the page. Let go of
your mouse whenever the "+" sign appears and your image
3). After adding the photo you may want to resize the
4). If you double click on the image, the Media Inspector
window will appear. Look for scale and change from 100%
to the size you desire. You can also use the arrows to
adjust the size. Once you have adjusted to the size you
desire, you can close the window.
5). If you would like to align your photo to the left,
right, or center you can do so by selecting the image,
then go to Format --> Align Left/Center/Right.
iMedia to insert photos
1). Go to View --> Show iMedia Browser. A box will
2). Select iPhoto and find your portfolio album, and find
the image you wish to use. Drag and drop the photo from
the iMedia Browser.
NOTE: It is highly recommended that if you are going to
use iPhoto to store your images you should create an
album to organize and hold your images that is associated
and used with your portfolio. You'll want to do this
before you start adding images to your portfolio.
3). The photo will appear just as your photos did with
the drag and drop method. You may need to resize the
image (double click on the image) to fit it into the
Inserting photos using Assets
Assets is a way of linking a file to a word or sentence
on your page.
1. Open Page Info (lower left hand corner) to access
Assets. Select Header and at the bottom of the box, you
will see Assets. You can add files by selecting "Add
2. Find the photo you would like use, select it and click
3. This is what the box should look like after you have
loaded the file into Assets.
4. Type or highlight the word you'd like to set as link
to your image. Make sure the word is selected and go to
the bottom of the window and click the arrow with the
plus sign to create a link to your Asset.
5. Once the dialog box appears to create a link, click
the URL and select "Asset" then the photo you uploaded
into Assets. You can also select "Current Window" or
"New Window." Click "Set Link" when you have the
6. When you have finished creating the link, you can test
the link in Preview mode. If you click the link, it will
lead you to a page where your image appears. If you set
your Asset to open in a "New Window" and wish to see the
action, you will need to publish your site first.