ビデオ: What is Dreamweaver - Introduction to Dreamweaver - Dreamweaver Tutorial [3/54] 2024
Adobe Dreamweaver CS6で描画する各絶対位置指定（AP）部は、[AP要素]パネルに自動的に表示されます（[ウィンドウ]→[それを表示するためのAPエレメント）。 AP Elementsパネルは、ページ上のAP Divを選択、非表示、および表示するのに役立ちます。このパネルは、ページ上に多くのAP divがあり、それらの間を正確にナビゲートしたいときに便利です。
ほとんどの場合、AP部門のプロパティを対応するIDスタイルから変更できるため、パネルはどのIDスタイルがAP部門に属しているかを把握するのに役立ちます。
<！ - 1 - >
APエレメントパネルは、あなたが探している場合に備えて、CSSスタイルパネルでグループ化されることがよくあります。
ボックス（APディビジョン）を変更するには、以下の手順に従います。
-
ウィンドウ→APエレメントを選択してAPエレメントパネルを開きます。
-
パネルで、apDiv1を見つけて選択し、ページ上で強調表示します。
<！ - 2 - >プロパティインスペクタは、他のプロパティに加えてサイズと位置を表示します。
-
プロパティインスペクタのテキストボックスを使用して、Wフィールドに数値を入力してボックスの幅を変更し、Hフィールドに数値を入力してボックスの高さを変更します。
-
Bg Colorの横にある色見本をクリックし、ポップアップスウォッチパネルから色を選択して、ボックスの背景色を設定します。
<！ - 3 - >枠線や余白などのプロパティを追加するには、[CSSスタイル]パネルに追加します。
-
[CSSスタイル]パネルが表示されていない場合は、[ウィンドウ]→[CSSスタイル]を選択して開きます。
-
ボックスを制御する#apDiv1 IDスタイルをダブルクリックします。
[CSSルール定義]ダイアログボックスが表示されます。
-
枠線を変更するには、左から枠線カテゴリを選択します。
-
「スタイル」列で、「上」ドロップダウンリストを使用して、四角形などの境界線スタイル（「ソリッド」など）を設定します。
「幅」カテゴリの「上」ドロップダウンリストを使用して、4辺のすべての境界線の太さ（中程度など）を選択します。 [色]列の一番上の[カラーピッカー]を使用して、4辺のすべてに境界線の色を割り当てます。
スタイル、幅、または色のいずれかまたはすべての辺に異なる値を割り当てるには、それぞれの列の下にある[すべて同じ]チェックボックスの選択を解除します。
-
左側のボックスカテゴリで、[パディング]の下で、ボックスの四辺すべてのパディングを希望の太さに設定します（たとえば、テキストボックスに5 pxを入力します）。
-
「OK」をクリックしてパネルを終了し、変更を適用します。
適用したCSSプロパティがページのapDiv1ボックスにどのように影響するかを確認します。
APエレメントパネルの下に表示されるボックスを非表示にするには、目のアイコンの下にある名前の左側の列をクリックして目のアイコンが閉じられるまでクリックします。ボックスを再び表示させるには、ボックスが再び開くまで目のアイコンをクリックします。
[AP要素]パネルの上部に、デフォルトでは選択解除されている[オーバーラップ防止]チェックボックスが表示されます。 AP divは互いに重なり合う可能性があるため、このチェックボックスをオンにすると、隣り合わせにボックスを強制し、互いの上に新しいボックスを作成しないようにすることで、その動作をオーバーライドします。
