Wie man einen flüssigen Hintergrund in Dreamweaver

June 18

Adobes Dreamweaver Webentwicklungssoftware kann zwei Arten von Hintergrund erstellen: fester und flüssiger. Ein festes Hintergrundbild bleibt an der gleichen Position, wenn der Benutzer die Browsergröße ändert; ein flüssiger Hintergrund ändert auf der anderen Seite seine Position anhand der Größe des Browser-Fensters. Obwohl Dreamweaver mehrere vorkonfigurierte liquid Layouts enthält, hilft erstellen Ihre eigenen Flüssigkeiten Hintergrund für eine Webseite Ihnen vertraut mit dem Programm und der CSS-Stile, die Steuern zu einer Webseite aussehen.

Anweisungen

1 Starten Sie Dreamweaver. Klicken Sie "Datei", dann "Neuen." Stellen Sie sicher, dass "Leere Seite", "HTML" und "< none >" ausgewählt sind, dann klicken Sie auf "Erstellen".

2 Maustaste auf das CSS-Stile-Fenster in der oberen rechten Ecke des Fensters Dreamweaver. Wählen Sie "Neu".

3 Geben Sie in das Feld Name Selector "Körper". Klicken Sie "OK" und anschließend "Ja".

4 Klicken Sie auf "Hintergrund" im das sich öffnenden Fenster. Klicken Sie auf "Durchsuchen" und navigieren Sie zu dem Bild, die, das Sie als Flüssigkeit Hintergrund verwenden möchten. Doppelklicken Sie auf das Bild; Falls ein Dialogfeld erscheint, klicken Sie auf "OK".

5 Klicken Sie auf "Background-Position (X)" Drop-Down-Menü und wählen Sie "(Wert)." Öffnen Sie "px" Drop-Down-Menü zu, und wählen Sie "%". Klicken Sie auf "(Wert)" und geben Sie "100." Klicken Sie auf "OK".

6 Mit der rechten Maustaste in das Dreamweaver-Dokument und wählen Sie "CSS-Stile" aus dem Menü, das erscheint. Klicken Sie auf "Körper."

7 Drücken Sie die Taste "F12" und klicken Sie auf "Ja". Geben Sie einen Namen für das Dokument, und drücken Sie "Enter" den Hintergrund in Ihrem Standard-Webbrowser in der Vorschau anzeigen. Klicken Sie und ziehen Sie entweder den linken oder rechten Rand des Browserfensters, flüssigen Hintergrund wirksam zu sehen.