スライドショーは、最近のコンテンツを強調するために使用される一般的なWebサイトインターフェイスです。
画像クレジット： Miriam2009 / iStock /ゲッティイメージズ
Dreamweaverは、アドビのプロフェッショナルなWeb開発ソフトウェアであり、Webページを構築するためのさまざまな機能を提供します。 これらの機能は、バックエンドデータベースの統合から、一定の間隔で画像を変更するJavaScriptスライドショーまで多岐にわたります。 Dreamweaverの標準化されたJavaScriptを使用すると、Webサイト開発者は、コードを直接掘り下げることなくスライドショーを作成できます。 「スライドショー」と呼ばれるWeb要素はPowerPointスライドのデッキと同じ名前を共有しますが、Dreamweaverの出力はどのWebブラウザでも表示できる標準のHTMLです。
ステップ1
Dreamweaverを起動し、[ファイル]メニューからWebサイトプロジェクトを開きます。 スライドショーが統合されるWebサイトプロジェクトのページに移動します。
今日のビデオ
ステップ2
最上位のレイヤーメニューから[挿入]、[レイヤー]の順にクリックします。 これにより、ダイアログボックスが開きます。 そのボックスのレイヤーのタイプについては、「画像」をクリックしてください。
ステップ3
「参照」をクリックして、画像ディレクトリに移動します。 最初のレイヤーの画像を選択します。これがスライドショーに表示される最初のスライドになります。 画像ではなく他のHTMLページを指すこともできます。 これは、テキストとクリック可能なリンクをWebサイトのスライドショーに統合する1つの方法です。
ステップ4
前の2つの手順を繰り返し、表示するスライドごとに新しいレイヤーと適切なコンテンツを追加します。 Webブラウザでスライドショーを表示するために使用されるJavaScriptはすべてのコンテンツをプリフェッチするため、次のようになります。 おそらく、スライドショーを6つまたは7つの要素以下に抑えて、Webページが妥当なサイズで読み込まれるようにします。 時間。
ステップ5
最上位のメニューから[ウィンドウ]、[タイムライン]の順にクリックします。 タイムラインエディタが表示されます。 作成したレイヤーセットの各画像の期間を入力します。 表示する最初の画像を選択し、その画像のタイムラインエントリを右クリックして、[キーフレームの追加]を選択します。
ステップ6
選択したキーフレームのレイヤーと画像の組み合わせを選択し、タイムラインに必要なレイヤーと画像ごとにこの手順を繰り返します。
ステップ7
「OK」をクリックして設定を保存します。
