DreamweaverのCC画像とマルチメディアのヒント - ダミー

あなたのコンテンツがどれほど素晴らしいものであっても、イメージ、ビデオ、マルチメディアはDreamweaverのビジターに大きな印象を与えますウェブサイトウェブページの画像、動画、その他のマルチメディアを管理するためのヒントを紹介します。

サムネイルを大きなファイルにリンクする

大きな画像は美しいですが、小さな画像よりもダウンロードに時間がかかります。 1ページに多くの画像を表示するための一般的な手法は、サムネイルと呼ばれる各画像の小さなバージョンを作成し、それぞれを同じ画像のより大きなバージョンにリンクすることです。

<！ - 1 - >

このテクニックは、ビデオやアニメーションのコレクションを紹介する場合にも機能します。ビデオの1つのフレームから静止画を作成し、それを各ビデオファイルにリンクするサムネイルとして使用することができます。

Cinembargoのウェブサイトのフォトギャラリーを見せる図からわかるように、この技術は1つのフォトギャラリーに多くの写真やビデオファイルを含めることを可能にします。各サムネイルをクリックすると、その画像の上に同じ画像のより大きなバージョンが表示されます。

<！ - 2 - >

このインタラクティブなイメージエフェクトは、Dreamweaverのビヘイビア機能を使用して作成されました。 Dreamweaverを使用して、画像を動画、アニメーション、その他のファイルタイプにリンクすることもできます。

原稿を常に保存する

ほとんどのデザイナーは、Photoshopなどのプログラムを使用してウェブ用の画像を作成します。最良の結果を得るには、高解像度バージョンの写真やグラフィックスを使用して、すべての色補正、レタッチなどの編集を行いたいとします。

<！しかし、画像があなたのウェブサイトに入る前に、ファイルを圧縮するか（jpegとして保存するか）、色の数を減らして最適化する必要があります。 PNGまたはGIF）。イメージを最適化するプロセスにより、イメージのダウンロードが速くなりますが、品質も大幅に低下します。

次の図には、AssetShieldのWebサイトが表示されています。このWebサイトには、Webブラウザですばやく読み込まれるように最適化された比較的大きなイメージが含まれています。

ウェブに最適化された画像を元に戻したい場合は、元のソースファイル、画像を圧縮する前に保存したバージョン、または色を減らす必要があります。同様に、Photoshopなどのプログラムで複数のレイヤーを持つ画像を扱っている場合、それらのレイヤーを平坦化してから、その画像をWebサイトに組み込む必要があります。