Dreamweaver でスライド ショーを作成する方法

Dreamweaver は Adob​​e の専門的な Web 開発ソフトウェアで、Web ページを作成するためのさまざまな機能を提供します。これらの機能は、バックエンド データベースの統合から、一定の間隔で画像を変更する JavaScript スライド ショーにまで及びます。 Dreamweaver の標準化された JavaScript を使用すると、Web サイト開発者はコードを直接掘り下げることなくスライドショーを作成できます。 「スライドショー」と呼ばれる Web 要素は、PowerPoint スライドのデッキと同じ名前を共有していますが、Dreamweaver の出力は、任意の Web ブラウザーで表示できる標準の HTML です。

ステップ 1

Dreamweaver を起動し、[ファイル] メニューから Web サイト プロジェクトを開きます。スライドショーが統合される Web サイト プロジェクトのページに移動します。

ステップ 2

一番上のレイヤーメニューから「挿入」→「レイヤー」をクリックします。これにより、ダイアログ ボックスが開きます。そのボックス内のレイヤーの種類の [画像] をクリックします。

ステップ 3

[参照] をクリックして、イメージ ディレクトリに移動します。最初のレイヤーの画像を選択します。これがスライドショーに表示される最初のスライドになります。画像ではなく他の HTML ページを指すこともできます。これは、Web サイトのスライドショーにテキストとクリック可能なリンクを統合する 1 つの方法です。

ステップ 4

前の 2 つの手順を繰り返して、表示する各スライドに新しいレイヤーと適切なコンテンツを追加します。 Web ブラウザーでスライドショーを表示するために使用される JavaScript はすべてのコンテンツをプリフェッチするため、Web ページが妥当な時間内に読み込まれるように、スライドショーの要素を 6 つまたは 7 つ以下に抑える必要があります。

ステップ 5

最上層のメニューから「ウィンドウ」→「タイムライン」をクリックします。タイムライン エディターが表示されます。作成したレイヤー セットの各画像のデュレーションを入力します。表示する最初の画像を選択し、そのタイムライン エントリを右クリックして、[キーフレームの追加] を選択します。

ステップ 6

選択したキーフレームのレイヤーと画像の組み合わせを選択し、タイムラインに必要なレイヤーと画像ごとにこの手順を繰り返します。

ステップ 7

[OK] をクリックして設定を保存します。