Wie man ein Bild als Hintergrund in Adobe Dreamweaver CS6 verwenden

Erstellen von Hintergründen für Web-Seiten in Adobe Dreamweaver CS6 macht Spaß und kann auf mehr Arten als die meisten Leute würden sich vorstellen, weiterverfolgt werden. Sie können ein sich wiederholendes Muster mit einem einzigen kleinen Bild zu erstellen, ein Wasserzeichen erstellen oder ein großes Bild verwenden, um einen gesamten Hintergrund zu füllen.

Als Standard wiederholt ein HTML-Hintergrund das ausgewählte Bild, bis es den ganzen Bildschirm ausfüllt. In Verbindung mit CSS-Eigenschaften können Sie das Verhalten zu wiederholen und sogar festlegen, präzise Positionierung für ein einzelnes Hintergrundbild zu steuern oder zu beseitigen.

Wenn Sie einen Hintergrund mit einem Muster füllen, müssen Sie ein Musterbild zu erstellen, die keine erkennbaren Kanten hat.

Um den Standard, wiederholte Fliesen für ein Hintergrundbild zu Ihrem Vorteil nutzen, gehen Sie folgendermaßen vor:

  1. In Photoshop wählen Sie Datei-Neu, um ein neues Bild zu erstellen.

  2. Im neuen Dialogfeld, das, erstellen Sie ein Bild erscheint, die viel breiter ist als hoch ist, wählen Sie RGB, wählen 72 dpi, und dann auf OK klicken.

    Geben Sie zum Beispiel 1000 in der Breite Textfeld und 20 in der Höhe Textfeld ein.

  3. Wählen Sie eine Vorder- und Hintergrundfarbe ein Blending verwenden Sie dann das Verlaufswerkzeug zu schaffen + Ziehen von oben nach unten auf der Bildfläche zu verschieben, um eine graduelle Füllung erstellen.

  4. Wählen Sie Datei-Speichern für Web, speichern Sie das Bild als JPEG-Datei in Ihrer Website Web-Content-Ordner, und schließen Sie dann das Bild.

  5. In Dreamweaver, wählen Sie auf Ihrer Webseite Ändern-Seiteneigenschaften oder klicken Sie auf die Seite Schaltfläche Eigenschaften im Eigenschafteninspektor das Bild als Hintergrundbild zu platzieren.

    Wenn die Seiteneigenschaften Schaltfläche nicht sichtbar ist, klicken Sie auf die Seite - sicher sein, nicht ein weiteres Element zu wählen, wie ein Bild.

    Das Dialogfeld Seiteneigenschaften erscheint.

    bild0.jpg
  6. Im Dialogfeld Seiteneigenschaften, klicken Sie auf die Schaltfläche Durchsuchen rechts neben dem Hintergrundbild. In dem Fenster, das Navigieren zum Speicherort der gespeicherten Hintergrundbild, und klicken Sie dann auf OK.

  7. Zurück im Dialogfeld Seiteneigenschaften, klicken Sie auf OK.

    Das Bild erscheint im Hintergrund, zu wiederholen und einen kühlen Hintergrund Gradienten über die Seite zu schaffen!

Je nach Größe und Auflösung eines Monitors des Benutzers, kann Ihr Hintergrundbild zu wiederholen gezwungen werden. ein Hintergrundbild Repeating können einige kreative Ergebnisse.

image1.jpg

In bestimmten Fällen können Sie sehen Ihr Hintergrund nicht, bis Sie die Vorschau / Debug im Browser-Schaltfläche klicken und die Seite in Ihrem Standard-Browser in der Vorschau.

Menü