< ダミー

ビデオ: 042_海に浮かぶヨットを作成する① 2024

Adobe Creative Suite 5（Adobe CS5）のDreamweaverページで、メニュー項目の使用、コピーアンドペースト、イメージのドラッグアンドドロップを行うことができます。その結果、他のAdobe製品との統合が主な理由で、DreamweaverのWebページに画像を配置することがこれまで以上に簡単になりました。

画像の挿入

あらかじめ画像を準備している場合は、最適化された画像を保存するか、サイトフォルダに移動します。

<！ - 1 - >

ページをクリックして、画像を配置する位置にカーソルを置きます。
[挿入]パネルの上部にあるドロップダウンリストから[共通]カテゴリを探し、[画像の挿入]ボタンをクリックするか、[挿入]→[画像]を選択します。

画像が画像の挿入ボタンのデフォルトでない場合は、ボタンの右にある矢印をクリックしたままにして、ドロップダウンリストから画像を選択します。

[イメージソースの選択]ダイアログボックスが表示されます。
<！ - 2 - >
画像がある場所に移動し、[OK]（Windows）または[選択]（Mac）をクリックして選択した画像を配置します。

画像がサイトフォルダにある場合は、[画像ソースの選択]ダイアログボックスの[サイトルート]ボタンをクリックして、すぐに移動できます。イメージがサイトフォルダにない場合は、そのファイルを今すぐコピーするかどうかを尋ねるアラートボックスが表示されます。
画像をサイトのルートフォルダにコピーするように求められたら、[はい]をクリックします。 [ファイルを別の場所にコピー]ダイアログボックスが開いたら、名前が正しいことを確認し、[保存]をクリックします。
<！ - 3 - >
画像タグのアクセシビリティの属性ダイアログボックスでは、代替テキストを入力するよう要求されます。
あなたのイメージ（家族写真など）を最もよく表す単語をAltテキストフィールドに入力し、[OK]をクリックします。

画像が挿入されます。

画像のドラッグアンドドロップ

[挿入]パネルまたはアプリケーションメニューから画像を挿入するだけでなく、[ファイル]パネルから画像を直接ドラッグしてページに配置することもできます。イメージをドラッグしている場合は、ドキュメントの周りを移動する間にカーソルが移動します。画像をドロップしたい場所にカーソルが移動したら、マウスボタンを離します。

Adobe Bridgeワークフローを利用している場合は、Bridgeを実行したままにして、必要に応じてBridgeウィンドウからDreamweaverページに画像をドラッグできます。 BridgeでFile→Browseを選択すると、Bridgeにアクセスできます。

画像がネイティブのPhotoshop（PSD）ファイルまたはFireworks（PNG）ファイルの場合、画像プレビューダイアログボックスが表示され、画像を配置する前に最適化する機会が与えられます。

最適化されたイメージをデスクトップや他のフォルダからDreamweaverページにドラッグアンドドロップすることもできます。画像がサイトフォルダにない場合は、その画像をサイトフォルダにコピーすることができます。