Frage: Es kann implementiert werden, wenn Bilder in beiden Ebenen vorhanden sind, aber es funktioniert nicht, wenn FLASH vorhanden ist, was bedeutet, dass die Bilder immer von FLASH abgedeckt werden. Was soll ich tun?
Informationen zu
Ebenen Eine Ebene
in Dreamweaver ist ein HTML-Seitenelement, dem eine absolute Position zugewiesen ist – insbesondere ein div-Tag oder ein anderes Tag.Ebenen können Text, Bilder oder alles andere enthalten, was im Hauptteil eines HTML-Dokuments platziert werden kann.
Beachten Sie, dass
die in diesem Kapitel erwähnte Ebene zum Layoutkonzept von Dreamweaver gehört und nicht zum Ebenen-Tag.
Verstehen Sie das Konzept von Ebenen
. Mit Dreamweaver können Sie Ebenen verwenden, um das Layout Ihrer Seiten zu gestalten. Sie können Ebenen hintereinander platzieren, einige Ebenen ausblenden und andere anzeigen und Ebenen auf dem Bildschirm verschieben. Sie können ein Hintergrundbild in einer Ebene platzieren und dann vor dieser Ebene eine zweite Ebene platzieren, die Text mit transparentem Hintergrund enthält.
Ebenen bieten große Flexibilität bei der Platzierung von Inhalten. Website-Besucher, die ältere Versionen von Webbrowsern verwenden, können jedoch Probleme beim Anzeigen der Ebene haben. Um sicherzustellen, dass jeder Ihre Webseite sehen kann, können Sie das Seitenlayout mithilfe von Ebenen entwerfen und die Ebenen dann in Tabellen umwandeln. Weitere Informationen finden Sie unter Konvertieren von Ebenen in Tabellen. Wenn die Besucher, mit denen Sie es zu tun haben, jedoch wahrscheinlich einige der neuesten Browser verwenden, können Sie Ihr Layout vollständig in Ebenen entwerfen, ohne die Ebenen in Tabellen umzuwandeln.
Informationen zum HTML-Code einer Ebene
Wenn Sie eine Ebene in einem Dokument platzieren, fügt Dreamweaver die HTML-Tags der Ebene in den Code ein. Standardmäßig erstellt Dreamweaver Ebenen mithilfe von div-Tags.
Beachten Sie, dass
Sie zum Erstellen von Ebenen auch zwei andere Tags verwenden können: „layer“ und „ilayer“. Diese Tags werden jedoch nur von Netscape Navigator 4 unterstützt; Internet Explorer unterstützt diese Tags nicht und Netscape unterstützt diese Tags in neueren Browsern nicht mehr. Dreamweaver erkennt die Tags „layer“ und „ilayer“, verwendet sie jedoch nicht zum Erstellen von Ebenen.
Wenn Sie mit dem Werkzeug „Ebenen zeichnen“ eine Ebene zeichnen, fügt Dreamweaver ein div-Tag in das Dokument ein und weist der Ebene einen ID-Wert zu (standardmäßig stellt Ebene1 die erste gezeichnete Ebene dar, Ebene2 die zweite gezeichnete Ebene usw.). Später können Sie die Ebene über das Bedienfeld „Ebenen“ oder den Eigenschafteninspektor beliebig umbenennen. Dreamweaver verwendet außerdem eingebettetes CSS im Dokumentkopf, um Ebenen zu positionieren und ihre genauen Abmessungen zu bestimmen.
Hier ist ein Beispiel für HTML-Code für eine Ebene:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Seite mit Beispielebenen</title>
<style type="text/css">
<!--
#Layer1 {
Position:absolut;
links:62px;
oben:67px;
Breite:421px;
Höhe:188px;
z-index:1;
}
->
</style>
</head>
<body>
<div id="Layer1"></div>
</body>
</html>
Sie können Eigenschaften für die oberen Ebenen der Seite festlegen, einschließlich X- und Y-Koordinaten, Z-Achse (auch Stapelreihenfolge genannt) und Sichtbarkeit. Weitere Informationen finden Sie unter Festlegen von Layer-Einstellungen und -Eigenschaften.