Dreamweaver 4 の簡潔なチュートリアル (7. Web ページのレイアウト 3)
著者：Eve Cole
更新時間：2009-05-30 18:35:47
レイヤーの使用
テーブルを使用してページ要素を配置するのが難しすぎると感じる場合は、レイヤーの優れた機能を使用してみてもよいでしょう。プロパティパネルをクリックします
ボタンをクリックすると、カーソルが十字になり、編集ウィンドウ上にドラッグしてレイヤーを作成します。写真やテキストなど、ほとんどの Web ページ要素をレイヤーに入力できます。レイヤーの利点は、以下に示すように、ページ上のどこにでも配置できることです。
レイヤーを選択すると、対応するプロパティ パネルは次のようになります。
①レイヤー ID: 異なるレイヤーを識別するために使用されるレイヤーの名前。
② L、T: レイヤーの位置、L はページの左端からの距離、T はページの上端からの距離です。
W、H: レイヤーの幅と高さ。
③ Z-Index: レイヤーの Z 軸順序。
④ Bg Image: レイヤーの背景画像。
⑤ Vis: レイヤーの表示状態。Hidden はレイヤーを非表示にして非表示にします。
⑥ Bg Corlor: レイヤーの背景色です。
⑦タグ: レイヤーで使用されるコードメソッド。通常はデフォルトの DIV が使用できます。
⑧オーバーフロー レイヤー内のテキストが多すぎる場合、または画像が大きすぎてレイヤーのサイズがすべてを表示するのに十分でない場合は、次のいずれかを選択できます。
表示可能: 超過した部分は引き続き表示されます。
hidden: 余分な部分は非表示になります。
scrool: スクロール バーは、それを超えるかどうかに関係なく表示されます。
auto: スクロール バーは制限を超えた場合にのみ表示されます。
たとえば、自動を選択すると、上の例のレイヤーは次のように表示されます。
レイヤーの利点は明らかですが、欠点も同様に明らかです。たとえば、ページで複数のレイヤーを使用すると、ページの複雑さが増し、編集が非常に面倒になります。編集状況と閲覧状況 実際の効果には明らかな違いがあります。通常、レイヤーを植字に使用してから、レイヤーをテーブルに変換します (Modefy > 変換 > レイヤーをテーブルに)、ここでは具体的な操作については説明しません。
