|
Inhalt: |
Layer (Ebenen)
Layer sind "Ebenen", die beliebige Inhalte enthalten können, und die durch DIV-Tags mit besonderen Attributen definiert werden. In Dreamweaver heißen die Layoutobjekte AP Div (AP-Elemente) und werden über den Menüpunkt [1] -> Einfügen -> Layoutobjekte -> AP Div eingefügt.
In der Entwurfsansicht werden die [2] AP-Elemente durch eine Umrahmung, welche links oben eine Griffmarke enthält, kenntlich gemacht.
Layer benötigen eindeutige Namen (id), wobei Dreamweaver automatisch einen [3] Namensvorschlag (zB apDiv1) vergibt. Dieser Name (Layer-ID) wird in der Tag-Leiste und im Eigenschaftsinspektor unter [3] "CSS-P-Element" angezeigt.
Bei der Layer-Definition legt Dreamweaver vorläufig einige Attribute, die natürlich verändert werden können, fest:
[4] L: Abstand vom linken Rand: nicht festgelegt (bedeutet praktisch: "kein Abstand):
[5] O: Abstand vom oberen Rand: nicht festgelegt (bedeutet praktisch: "kein Abstand);
[6] B 200px: Vorgabe-Breite der Ebene in Pixel;
[7] H 115px: Vorgabe-Höhe der Ebene in Pixel;
[8] Z-Index: 1 -> bei mehreren Ebenen ist dies die unterste Ebene;
[9] Sichtb. default: Sichtbarkeit der Ebene (standardmäßig sichtbar);
Die [10] Position (Abstand vom linken und oberen Rand) der Ebene kann durch Ziehen mit dem Zeigegerät oder durch Eingabe von Zahlenwerten in die Felder [11] "L" und [12] "O" geändert werden.
Die Ebenennamen mit Angabe der Sichtbarkeit und des Z-Index sind auch im Fenster [13] "AP-Elemente" zu finden.
Die Ebeneneigenschaften werden durch CSS-Eingaben im Head-Teil festgelegt.
Beispiel für eine Ebene (hier noch ohne Inhalt):
<html>
<head>
..........
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
left: 45px;
top: 44px;
}
-->
</style>
</head>
<body>
<div id="apDiv1"></div>
</body>
</html> |
