Dreamweaver MX 2004 von Grund auf (3)
Autor:Eve Cole
Aktualisierungszeit:2009-05-31 21:02:57
Verwenden Sie Frameworks zum Erstellen von Webseiten <BR> Nachdem wir uns in einigen Foren angemeldet haben, können wir links den Namen jedes Diskussionsbereichs sehen. Klicken Sie auf einen beliebigen Diskussionsbereich, um den Inhalt des entsprechenden Diskussionsbereichs im rechten Bereich anzuzeigen Der linke und der rechte Teil werden unabhängig voneinander angezeigt. Das Ziehen der Bildlaufleiste auf der linken Seite hat beispielsweise keine Auswirkungen auf die Anzeige auf der rechten Seite. Tatsächlich handelt es sich dabei um die Verwendung der Frame-Technologie auf der Seite, sodass der Anzeigebereich des Browsers in mehrere Teile unterteilt werden kann und jeder Teil den Inhalt der Webseite unabhängig anzeigen kann. Und die Kombination mehrerer Frames zu einem Frame-Set kann der Seite eine reichere Wirkung verleihen.
1. Erstellen Sie Frames und Framesets
Schritt 1: Erstellen Sie eine neue Seite in Dreamweaver MX 2004. Nachdem Sie den Befehl „Ansicht→Visuelle Hilfsmittel→Rahmenränder“ ausgeführt haben, wird im Bearbeitungsfenster ein Rand angezeigt. Nachdem Sie mit der Maus auf den Rand geklickt haben, wird ein gepunkteter Rand angezeigt Rahmen, der darauf hinweist, dass die neu erstellte Seite mit einem Rahmen versehen wurde.
Schritt 2: Drücken Sie die „Alt“-Taste und ziehen Sie den Rand mit der Maus. Nach dem Loslassen der Maus können Sie das Fenster in zwei Teile teilen und so die Seite in zwei Ränder teilen. Beispielsweise kann durch Ziehen des linken und rechten Rands das Fenster in einen linken und rechten Teil geteilt werden, und durch Ziehen des oberen und unteren Rands kann das Fenster in einen oberen und einen unteren Teil geteilt werden. Darüber hinaus können auch die vier Ecken des Fensters gezogen werden, sodass das Fenster direkt in vier Bereiche unterteilt werden kann (Abbildung 1). Wenn das Fenster in mehrere Frames unterteilt ist, kann jeder Frame als eigenständige Webseite bearbeitet werden oder eine vorhandene Seite direkt einem Frame zugewiesen werden.
Abbildung 1
Schritt 3: Rahmen dürfen verschachtelt werden. Um beispielsweise den in Abbildung 2 gezeigten Rahmen zu erstellen, können Sie ihn zunächst mit der oben beschriebenen Methode horizontal in zwei Teile teilen, aber dann können Sie den Rand nicht direkt ziehen, sonst erhalten Sie den Rahmen in Abbildung 1 dargestellt. Die richtige Methode besteht darin, zuerst auf den rechten Rahmen im Rahmenfenster in der unteren rechten Ecke zu klicken und dann die „Alt“-Taste zu drücken, um den Rand zu ziehen.
Abbildung 2
Tipp: Wenn Sie versehentlich den Rand ziehen, ziehen Sie einfach die zu löschende Linie mit der Maus an den Rand des übergeordneten Rahmens, um ihn zu löschen.
2. Bearbeitungsrahmen
Auf Seiten werden häufig Frames und Framesets gemischt, und durch Auswahl verschiedener Objekte können unterschiedliche Attributeinstellungen vorgenommen werden.
Schritt eins: Eigenschaften des Framesets. Nachdem Sie das Frameset ausgewählt haben, können Sie das Eigenschaftsobjektfenster sehen (wie in Abbildung 3 dargestellt). Mit dem Element „Rand“ können Sie festlegen, ob der Rahmen angezeigt werden soll, mit dem Element „Randbreite“ können Sie die Rahmenbreite und die „Randfarbe“ festlegen " kann die Rahmenfarbe festlegen. . Darüber hinaus können Sie auch die Größe jedes Rahmens festlegen. Wählen Sie zu diesem Zeitpunkt eine Zeile oder Spalte in der Miniaturansicht auf der rechten Seite des Bedienfelds aus, geben Sie dann einen Wert in das Eingabefeld „Alue“ daneben ein und wählen Sie aus Pixel oder Prozent als Einheit.
Abbildung 3
Schritt 2: Eigenschaften des Rahmens. Wenn Sie im Rahmenfenster einen beliebigen Rahmen auswählen, wird der ausgewählte Rahmen mit einem schwarzen Rand angezeigt. Zu diesem Zeitpunkt können Sie im Eigenschaftenfenster entsprechende Einstellungen vornehmen (Abbildung 4). Hier können Sie beispielsweise die Webseitendatei im Frame über die Adressleiste „Src“ festlegen, „Scrollen“ gibt an, ob eine Bildlaufleiste hinzugefügt werden soll, „Rahmen“ kann bestimmen, ob der Rahmen angezeigt werden soll, „Keine Größenänderung“ ermöglicht dies Rahmengröße, die im Browser geändert werden soll, und „Randbreite“ und „Randhöhe“ legen jeweils die Breite und Höhe des Rahmens fest, um den Abstand zwischen dem Inhalt im Rahmen und dem Rahmen zu bestimmen.
Abbildung 4
Schritt 3: Geben Sie den Inhalt in den Rahmen ein. Nachdem Sie mit der Maus auf einen beliebigen Rahmen geklickt haben, können Sie wie bei normalen Bearbeitungsseiten verschiedene Textinhalte, Bilder, Flash-Animationen, Hintergrundmusik und andere Webseitenelemente einfügen.
Tatsächlich kann die Verwendung von Frameworks eine sinnvolle Planung des Webseitenlayouts ermöglichen, was besonders in den frühen Phasen des Webdesigns wichtig ist. Daher muss jeder im täglichen Gebrauch mehr üben, was für den Aufbau einer hervorragenden Website sehr hilfreich ist!