ビデオ: Adobe Dreamweaver CC使い方講座 2015対応版中巻 第2章 要素のグループ化【アテイン株式会社】 2025
Dreamweaverのプロパティインスペクタはコンテキスト依存です。つまり、イメージをクリックすると、そのイメージのHTML属性が表示および編集可能になります。編集可能な画像属性の中には、設計要素よりも「技術的」なものがあります。
たとえば、イメージIDは、イメージがJavaScriptプログラムまたはデータベースに接続されている場合に使用されます。プロパティインスペクタのその他のイメージ属性には、実際のイメージ編集ツールのセットが含まれています。これらのツールには、トリミング、コントラストの編集、画像のシャープネスなどがあります。これらのオプションの中で最も重要なものを見てみましょう：
<！マップ領域ツール：-
マップ領域ツールは、選択されたイメージ上でクリック可能なホットスポットを作成し、異なるホットスポットに対して別々のリンクを定義します。ホットスポットは、リンクとして機能するイメージの一部です。 Rectangle、Circle、およびPolygonのホットスポットツールを使用して、選択したイメージにセクションを描画し、プロパティインスペクタでホットポットに特定のリンクを割り当てることができます。 このセットの4番目のツール、Pointer Hotspotツールは、既存のホットスポットの選択、移動、編集に使用されます。
<！ - 2 - >
VスペースとHスペース： -
選択したイメージの周りに水平と垂直の間隔を定義します。 整列：
-
このポップアップを使用して、左または右の整列を選択します。 （他の選択肢は技術的には利用可能ですが、文字サイズのグラフィックシンボルがテキストの行に直接挿入され、今日はイメージアラインメントでは使用されていない時代の残骸です。） Src：
-
埋め込まれたリンクされたイメージ <！ - 3 - >
Alt： -
画像が表示されていないときに表示されるテキストを変更するか、大声で読み上げます。 枠線：
-
枠線の幅（デフォルトでは0ピクセル）を定義するか、画像がリンクとして機能する場合は1ピクセルを定義します。 リンク：
-
画像をクリックすると開くリンクを定義します。リンクが定義されている場合は、[ターゲット]ポップアップから_blankを選択すると、リンクを新しいブラウザウィンドウで開くように設定できます。 クラス：
-
このポップアップを使用して、ページに定義されている、またはリンクされているCSSクラススタイルを割り当てます。 W（幅）とH（高さ）：
-
画像のサイズを変更します。 Toggle Size Constraintsアイコンの選択を解除すると、高さと幅のリンケージが解除され、元の高さと幅の縦横比を維持したままイメージを拡大または縮小できます。また、選択した画像の右下隅のハンドルをクリックしてドラッグすることで、インタラクティブにサイズを変更することもできます。サイズ変更中はShiftキーを押したまま、高さと幅の比率を維持します。 Resample：
-
CS6の新しいツールを使用すると、サイズ変更された（小さい）画像を再サンプリングできます。再サンプリングは、不要なデータを排除し、イメージファイルを小さくするので、イメージをより高速にダウンロードできます。 [画像サイズを確定する]チェックボックスを選択して画像を再サンプリングするか、プロパティインスペクタの横にある[元のサイズにリセット]ボタンをクリックしてサイズ変更を元に戻します。
