Einrichten von Div-Tags in DreamWeaver
Eine Website-Layout, bestehend aus einer Anzahl der Unterteilungen. Hyper Text Markup Language bietet eine Reihe von Elementen und Tags, die es verwendet, um Vorort zu erstellen, Tabellen, Ebenen und Div-Tags enthält. DIV-Tags sind aufgrund ihrer Flexibilität im Einsatz im Laufe der Jahre gestiegen. Div-Tags finden Sie in Verbindung mit Cascading Style Sheet für die Formatierung von HTML. Verwenden Sie ein Webdesignprogramm wie Dreamweaver, entwerfen und entwickeln von Websites und -Seiten. Dreamweaver enthält vordefinierte Befehle, die ausführbare Datei für das Einrichten von Div-Tags in Ihre HTML Website oder Webseite.
Anweisungen
1 Klicken Sie auf "Start", "Programme" "Adobe" und klicken Sie zum Öffnen von "Dreamweaver."
2 Klicken Sie auf "Datei" und klicken Sie auf "Neu." Wählen Sie "Leere Seite" auf der linken Seite des Fensters "Neues Dokument" und "HTML" auf der rechten Seite des Fensters.
3 Klicken Sie auf die Schaltfläche "Erstellen". In Dreamweaver wird eine leere Seite angezeigt.
4 Einfügen eines Div-Tags in Dreamweaver. Klicken Sie auf "Einfügen", "Layout-Objekte" und klicken Sie auf "Div Tag." Dies öffnet das "Div-Tag einfügen".
5 Geben Sie eine ID für Ihre DIV-Tag im Feld "ID". Ein Beispiel aussehen würde: "MyDiv." Klicken Sie auf "Ansicht" und klicken Sie auf "Code". Beachten Sie einen ähnlichen Code < Div Id = "MyDiv" > Content für "MyDiv" Goes Here-Id < / Div >
6 Klicken Sie "Fenster" und dann auf "CSS-Stile." Tun Sie dies, wenn das CSS-Formatvorlagen-Fenster auf der rechten Seite von Dreamweaver nicht bereits angezeigt wird.
7 Suchen Sie im Fenster "CSS-Stile" unten rechts. Klicken Sie auf das zweite Symbol auf der linken beschriftete "neue CSS-Regel" markiert ist. Es öffnet sich das Fenster "CSS-Regel".
8 Wählen Sie "Erweitert" (IDs, Pseudoklasse Selektoren) für den "Selektor-Typ" und wählen Sie das Feld "Auswahl" den Namen des Div-Tag. Wählen Sie die Option "Nur dieses Dokument" und klicken Sie auf "OK". Es öffnet sich das Fenster "CSS-Regel-Definition für [Ihr CSS-Name]".
9 Wählen Sie die verschiedenen Kategorien im linken Bereich des Fensters CSS-Definition und definieren Sie Ihre Div-Tags mit CSS. Legen Sie Folgendes fest: Schriftart, Hintergrundfarbe, Breite, Höhe usw..
Hier finden Sie Beispielcode mit Dreamweaver generiert:
<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional / / EN" "als http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html Xmlns = "als http://www.w3.org/1999/xhtml" >
< Head >
< Meta http-Equiv = "Content-Type" Content = "Text/html; CHARSET = Iso-8859-1 "/ >
< Titel >< / title >
< Typ style = "Text/Css" >
MyDiv {} font-family: "Times New Roman", Times, serif;
background-color: #FFFFCC;
height: 100px;
width: 200px;
}
< / style >
< / head >
< Körper >
< Div Id = "MyDiv" > Ihre Inhalte ginge hier, zwischen den Div-Tags < / Div >
< / body >
< / html >
Die Code-Setups Div Anruf "MyDiv" in Dreamweaver dann mithilfe CSS Attribute wie seine: Hintergrund, Farbe, Schriftart, Breite und Höhe.
10 Klicken Sie auf "Datei" und dann "Speichern unter" um Ihre Arbeit zu speichern.
11 Klicken Sie auf "Datei", "Vorschau in Browser" und klicken Sie auf Ihren Web-Browser, um eine Vorschau anzeigen.