アクセシビリティ
デベロッパーリソース
Dan Carr

Dan Carr

Dan Carr Design*

目次

作成日:
2009年2月16日
ユーザレベル:
初心者
製品:
Creative Suite 4 Web Premium

Fireworks、FlashおよびDreamweaverを使用した簡単なインタラクティブコンテンツの作成

このチュートリアルでは、Double Identityという架空の映画のWebサイトで使用する簡単なプロモーション用Webページを作成します。このページは、ページ上部のインタラクティブSWFヘッダ(図1)と、レイアウトを埋める補足のテキストで構成されます。作業を進めながら、Adobe CS4製品のワークフローの概要を示し、モックアップやインタラクティブコンテンツの作成に関する基本的な事項を説明します。

モックアップ

図1. Webページのヘッダムービー用のFireworksのモックアップ

図1に示したモックアップは、このチュートリアルの中心的な部分です。まず、Adobe Photoshop、Adobe IllustratorおよびAdobe Soundboothで、提供するメディアアセットを収集します。次に、Adobe Fireworksでヘッダのモックアップを作成し、そのモックアップをAdobe Flash Professionalでインタラクティブムービーに変換します。最後に、Adobe Dreamweaverで最終的なサイトのファイルを生成すると共に、ファイルの編集に関するいくつかの注意事項を示します。

このチュートリアルを終了すると、CS4のワークフローに従って、独自のプロジェクトを作成するのに必要な知識を得ることができます。このチュートリアルの所要時間は、約1時間30分です。

必要条件

このチュートリアルに従って作業を完了するには、次のソフトウェアとファイルが必要です。

Fireworks CS4

Flash CS4 Professional

Dreamweaver CS4

またはCreative Suite 4 Web Premium(Fireworks、FlashおよびDreamweaverを含む)

サンプルファイル:

この記事に必要な予備知識

このチュートリアルは、Adobe CS4製品を使用したWeb制作ワークフローを習得しようとしている初級レベルのユーザを対象としています。

著者について

Dan Carr。サンフランシスコにある「Dan Carr Design*」のオーナー兼リードデベロッパー。 長年に渡ってマクロメディア社やアドビ システムズ社での開発に携わり、Flashの様々な機能開発に貢献している。例えば、eラーニングテンプレート、UIコンポーネント、 Developer Resource Kit拡張機能など。 また、サンフランシスコではFlashデザインやActionScriptを教え、アドビ システムズ社の製品チームおよび公共機関のためにeラーニングやWebアプリケーションを開発している。