iWebのブログとポッドキャストのページでは、複数のエントリを作成し、メインページからリンクさせることができます。しかし、写真をアップロードする場合は、それぞれのエントリごとに個別のページを作成する必要があります。写真を大量に撮影すると、写真ページが数十ページにもなり、サイトのナビゲーションメニューが埋もれてしまう可能性があります。
ウェブデザイナーは長年、サブメニューを作成することでこの問題を解決してきました。例えば、より一般的な「写真」という見出しの下に、写真ページのグループを整理するなどです。これにより、メインのナビゲーションメニューのスペースを節約しながら、閲覧者は個々の写真に簡単にアクセスできます。
iWeb ではサブメニューを自動的に作成することはできませんが、作成することは可能です。最も簡単な方法の一つは、ナビゲーションメニューから個々の写真ページを非表示にし、単一の写真ページからそれらのページへのリンクを設定することです。手順は以下のとおりです。
ステップ1：ページを非表示にする iWebのサイトオーガナイザで最初の写真ページを選択し、インスペクタパネルの「ページ」セクションを開いて、「ナビゲーションメニューにページを含める」オプションの選択を解除します。非表示にしたい写真ページごとにこの手順を繰り返します。
ステップ2：インデックスページを作成する 様々な写真コレクションのインデックスページとなる新しいページを作成します。（Modernテーマの「About Me」ページが特に効果的です。）サイトオーガナイザー列でページを選択し、名前を「フォトアルバム」に変更します。ページ上の不要なものはすべて削除します。
 |
| みんな一緒に ナビゲーション メニュー (上部) にすべての写真ページを一覧表示するのではなく、非表示のページへのリンクを含むメインの写真ページ (下部) を作成しました。 |
ステップ3：画像リンクを追加する メディアブラウザの「写真」セクションを開き、リンク先となる最初の「写真」ページを最もよく表す写真を探します。その画像を「フォトアルバム」ページにドラッグし、適切なサイズに変更します。新しい写真を選択した状態で、リンクインスペクタを開き、「ハイパーリンクとして有効にする」オプションを選択します。「リンク先」ポップアップメニューで「マイページのいずれか」を選択し、「ページ」メニューから適切な「写真」ページを選択します。
リンクするすべての写真ページに対してこのプロセスを繰り返します。
ページのダウンロードを高速化する
大きなグラフィック、動画、特殊効果は画面上では美しく見えるかもしれませんが、ダウンロードに時間がかかるというデメリットもあります。ダイヤルアップやDSLなどの比較的低速な接続でウェブサイトを閲覧する訪問者がいる場合は、サイトをできるだけスリムにすることで、訪問者にとってメリットになります。ここでは、4つの簡単なスリム化テクニックをご紹介します。
特殊効果を制限する ドロップシャドウや反射は画像のファイルサイズを大きくします。画像の回転も同様です。これらの効果は、極力控えめに、あるいは全く使用しないようにしましょう。
画像マスクの使用は避けましょう 。写真を切り抜くためにマスクを作成すると、Webブラウザは画像全体をダウンロードすることになります。そのため、iPhotoなどの画像エディタで不要な部分を切り抜いてから、iWebに写真をインポートしてください。
デフォルトのフォントを使いましょう 。iWeb は、スタイル設定されたテキストを画像に変換してしまうという厄介な傾向があります。これはページのファイルサイズを大きくするだけでなく、ブラウザで他の問題を引き起こします。安全のために、Apple が各テンプレートに提供しているフォントを使い続けることをお勧めします。
ビデオを圧縮する ビデオファイルはサイズが大きくなる傾向があります。iWebにムービーをドラッグする前に、iMovie HDで圧縮されていることを確認してください。
[ チャック・トポレクは、O'Reilly Mediaのシニアエディターであり、 『Mac OS X Tiger Pocket Guide』 （O'Reilly Media、2005年）および 『Inside .Mac』 （O'Reilly Media、2004年）の著者です 。写真はピーター・ベランジャーによるものです 。]
