PART 3　 Webサイトの制作テクニック Chapter 09　 Webサイト制作の準備

248 249

作成するWebサイトについて01例として作成するのは、コンテンツ制作会社 「株式会社フラッショリック」のWebサイト 「FLASHOLIC」です。サイトでは、写真やビデオなどの画像データを数多く公開します。各ページを作りながら、写真の効果的な見せ方や、ビデオやサウンドの基本も解説していきます。

01　 作成するWebサイトについて

Webサイト「FLASHOLIC」では、表紙となるTOPペー

ジの下に次の4ページを作成します。

サイトのページ構成

コンテンツ制作会社「株式会社フラッショリック」のWebサイト。これまで の 仕 事をまとめた「CONTENTS ARCHIVE」ページでは、ビデオ作品も紹介している

PRESS RELEASE：会社の最新情報を表示するページ

RECENT WORKS：最近の仕事を紹介するページ

CONTENTS ARCHIVE：これまでの仕事をまとめたページ

ABOUT US：会社概要のページ

TOPページ

「FLASHOLIC」では、サイト全体をFlashで作成します。

ただし、全ページを1つのSWFファイルにまとめること

はしません。コンテンツを別々のSWFファイルに分け、

TOPページ（index.swf）の右側に必要に応じて読み込み

ます。ページの切り替えは、TOPページのボタンで行い

ますが、このメニューボタンも別のSWFファイルにして

います。

このように複数のSWFファイルでサイトを構成すると、

ページの読み込みを分散させられます。読み込みがスムー

ズになりますし、ページ構成も分かりやすくなります。ま

たメンテナンスするときも、必要なファイルだけを開いて

作業できます。

各ページをSWFファイルに分ける

TOPページ（index.swf）

右側に対象ページのSWFファイルを読み込む

RECENT WORKSページ（recent.swf）

読み込むページを切り替えるボタン

テキストや画像はダイレクトに読み込む

各ページに表示するテキスト、写真、ビデオクリップもペー

ジ内に埋め込まず、外部ファイルをダイレクトに読み込み

ます。例えばRECENT WORKSページでは8種類の写真

をボタンで切り替えますが、ボタンをクリックしたときに、

対象のJPEGファイルがムービー内に読み込まれるように

します。

RECENT WORKSページ（recent.swf）

対象のJPEGファイルを読み込む

ボタンで写真を切り替える

P O I N T

「FLASHOLIC」はサイト全体をFlashムービーで作成しますが、Webサイトの一部にFlashムービーを利用することも可能です（→p.999）。オープニングムービーだけに使ったり、サイトをナビゲーションするボタンをFlashで作ったり、写真やビデオを表示する仕掛けにしたり、ゲームコンテンツだけに使ったり。活用の形態はさまざまです。

menu.swf

Flash_C09.indd 248-249 04.09.02 0:10:04 PM