分12345第7回目と第8回目では,2回に渡りコンポーネントスタイルでの制作を紹介していきます。それでは,早速制作していきましょう。プロジェクト制作それでは,コンポーネントスタイルのプロジェクトを作成して開発の初期設定を行っていきます。Flashを起動してください。Progressionプロジェクト起動2.プロジェクトパネルProgressionプロジェクトを起動させると,プロジェクトパネルが表示されます。ここで,プロジェクトの作成や管理,各種設定を行っていきます。クリックすると,作成するプロジェクトの初期設定を決定する画面が表示されます。3.プロジェクト基本設定プロジェクトの基本事項を設定していきます。[プロジェクト名]は任意で構いません。今回は「Project_gihyo_comp」としておきます。[書き出し先]の設定も任意の場所で構いません。続いて,制作スタイルを選択します。デフォルトの「コンポーネント」のままで結構です。9」でも構いません⁠)⁠。デフォルトの「Webコンテンツ」のままで結構です。選択してみれば分かるように,Progressionは様々な制作のコンテンツやスタイルに対応できるように設計されています。設定が完了したら,「⁠作成する」ボタンを押してプロジェクトを作成しましょう。プロジェクトの基本設定4.プロジェクトのテストプロジェクトを作成すると,以下の図のようにプロジェクトパネルにプロジェクト[Project_gihyo_comp]のファイルが表示されます。今後プロジェクトの管理はプロジェクトパネルでも行えるようになります。それでは,作成したプロジェクト[Project_gihyo_comp]が問題ないかをテストしてみましょう。プロジェクトパネルの[プロジェクトをテスト]ボタンを押してください。ログにProgression関連のログが表示されたらテスト成功です。プロジェクトソース一覧サンプルサイト制作はじめに,今回のサンプルファイルを以下からダウンロードしましょう。サンプルファイルサンプルサイト用のフォルダからFlaファイル(index.fla)を,作成したプロジェクト[Project_gihyo_comp]フォルダのFlaファイルに移動(上書き)します。サンプル用のFlaファイル(index.fla)には,今回のサンプルサイト作成のために必要な画像データなどが用意されています。制作を始める前に実際に制作を始める前に,今回制作するサンプルサイトの概要について説明します。GALLERY」という動物の閲覧サイトです。閲覧サイトやギャラリーサイトといったときに,どういったイメージをお持ちでしょうか。あると思いますが,今回は画像のスライドコンテンツをサイト内に盛り込んでいます。サイトの構成は,「⁠トップ」ページから「サイトについての説明」ページ,「⁠動物の写真一覧」ページに遷移できます。「⁠動物の写真一覧」ページから写真を選択すると拡大表示され,「⁠動物の詳細」ページが表示されます。ジでは,左右に遷移でき,写真がスライドショーのように表示されます。サンプルサイト構成図サイトの構成については以上です。それでは,実際にサイトを制作していきましょう。コンポーネントスタイル前半の今回は,「⁠トップ」ページと「サイトについての説明」ページを作成していきます。