Vorlage Hintergründe und Umfärben von Hintergründen

Sie können eine Reihe vorgefertigter Website-Hintergründe direkt aus demElemente /Galerie der Entwürfe für Ihr Webdokument. Wählen Sie aus der Auswahl an Hintergründen in derDruck- & Webkomponenten > Hintergründe Abschnitt, oder wenn Sie mit Web-Blöcken arbeiten, dann inModulare Websites > Stile > Seitenhintergrund. Sie können dann die Texturen mit Ihren eigenen Farben anpassen, indem Sie Farben aus der Farblinie auf den Hintergrund ziehen oder mit der rechten Maustaste auf den Hintergrund klicken, um das Fenster "Papphintergrund"> "Farbe der Pappe bearbeiten"um den Farbeditor anzuzeigen.

Wenn Sie die Farbe eines Hintergrunds ändern, der aus einer Reihe von Farben besteht, werden Sie gefragt, welche Farbe Sie ändern möchten. Dabei kann es sich um benannte Farben handeln - wie es der Fall wäre, wenn Sie mit einem der vorgefertigten Website-Vorlagenthemen oder mit Farben, die Sie zuvor selbst benannt haben, arbeiten - oder um lokale Farben, wie es der Fall wäre, wenn Sie Ihre eigene Farbwahl aus einer früheren Auswahl ändern würden. SieheErsetzen von Farben für weitere Einzelheiten.

Beachten Sie, dass beim Ziehen eines der Standard-Website-Hintergründe auf die Ebene "Hintergrund einfügen" alle anderen Objekte, die sich derzeit auf der Ebene "Hintergrund einfügen" befinden, ersetzt werden und es sich in dieser Hinsicht um einen destruktiven Vorgang handelt.

Feste, nicht scrollende Hintergründe

Wenn Sie eine lange Webseite haben, die im Browser gescrollt werden kann, scrollt der Browser-Hintergrund normalerweise mit, so dass der Seiteninhalt im Verhältnis zum Hintergrund an der gleichen Stelle bleibt. Sie können den Hintergrund jedoch "fixieren", damit er nicht mit dem Seiteninhalt mitläuft. Klicken Sie mit der rechten Maustaste auf die Pinnwand und wählen Sie"Papphintergrund"> "Behoben". Bei der Vorschau gleitet der Inhalt beim Scrollen über den festen Hintergrund (um dies zu sehen, müssen Sie sicherstellen, dass Ihre Seite lang genug ist, damit der Browser eine Bildlaufleiste anzeigt!)

Um zum Standardverhalten, dem Scrollen, zurückzukehren, wählen Sie "Papphintergrund"> "Blättern".

Videos als Hintergründe verwenden

In der Design-Galerie können Sie aus einer großen Auswahl dieser Hintergründe wählenunterModulare Websites > Stile > Seitenhintergrund > Video. Diese Videos werden hinter allen anderen Inhalten Ihrer Website angezeigt und füllen die gesamte Breite und Höhe des Browsers aus.Fenster.

Nachdem Sie einen der Hintergründe eingefügt haben, sehen Sie oben auf der Seite einen Video-Platzhalter, hinter demSeiteninhalt. Zeigen Sie eine Vorschau der Seite an, um das Video hinter Ihrem Inhalt zu sehen.

Um Ihr eigenes Video als Hintergrund zu verwenden, müssen Sie zunächst eines der Videos aus der Design-Galerie einfügen. Die SeiteVideo-Hintergrundobjekt befindet sich auf derPapphintergrund Ebene Ihrer Website, die normalerweisegesperrt. Wenn Sie also das Video durch Ihr eigenes ersetzen möchten, müssen Sie diese Ebene zunächst mit der FunktionSeite& Ebenen-Galerie. Schalten Sie einfach die Sperre um Symbol für diese Ebene.

Wenn Sie das getan haben, können Sie auf das Video klickenObjekt, um es auszuwählen, woraufhin ein Menü mit einerVideo ersetzen Option.

Es ist am besten, die Ebene erneut zu sperren, sobaldSie haben das Video ersetzt.

Videos können auch als Hintergründe für Blöcke verwendet werden, sieheVideo-Hintergrund-Webblöcke?

Fotos als Hintergründe verwenden

Erstellen von Fotohintergründen.

Wenn Sie Ihre eigenen Foto- oder Textur-Bitmap-Hintergründe erstellen möchten, anstatt die vorgefertigten Hintergründe aus demElemente/ Galerie der Entwürfe es ist einfach zu tun.

Importieren Sie zunächst das Foto oder die Textur in Ihr Dokument, so wie Sie es auf einer Seite platzieren würden. Klicken Sie dann mit der rechten Maustaste auf das Foto und wählen Sie entwederSeite als Hintergrund festlegen oderLegen Sie Pappe als Hintergrund fest,je nachdem, was Sie einstellen möchten.

Kacheln

Je nach Art und Größe des Bildes kann es sein, dass Sie nicht möchten, dass das Bild wiederholt "gekachelt" wird, um den Hintergrund zu füllen. Um diese Einstellung zu ändern, klicken Sie mit der rechten Maustaste auf den Seiten- oder Papphintergrund (je nachdem, was Sie ändern möchten) und aktivieren oder deaktivieren Sie die Option "gekachelt" im Untermenü "Seitenhintergrund/Papphintergrund".

Browserfenster ausfüllen

Wenn Sie ein Foto auf dem Papphintergrund verwenden (der zum Hintergrund des Webbrowsers wird), gibt es eine weitere Option. Sie können festlegen, dass sich die Größe Ihres Fotos je nach Größe des Browserfensters des Besuchers ändert. Wenn die Größe des Browser-Fensters geändert wird, passt sich das Foto an die Größe an. Klicken Sie mit der rechten Maustaste auf die Pinnwand und schalten Sie "Papphintergrund"> "Browserfenster ausfüllen".

Versatz des oberen Seitenrandes

Wenn Sie die Seite und die Papptafel auf unterschiedliche Farben einstellen, sehen Sie in der Vorschau normalerweise, dass die Seite bis zum oberen Rand des Browserfensters reicht. Über der Seite ist nichts von der Farbe der Papptafel zu sehen. Sie können jedoch einen Versatz hinzufügen, damit über der Seite im Webbrowser etwas Platz bleibt.

Um einen Versatz hinzuzufügen, müssen Sie den Seitenursprung ändern. Normalerweise ist der Seitenursprung auf die linke obere Ecke der Seite festgelegt. Wenn Sie den Ursprung beispielsweise um 20 Pixel nach oben verschieben, fügen Sie einen 20-Pixel-Rand zum oberen Rand Ihrer Seite hinzu, wenn diese in einem Webbrowser angezeigt wird.

Sie können den Ursprung auf zwei Arten ändern. Der einfachste Weg ist das Öffnen des Fensters "Versorgungsunternehmen"> "Optionen" Dialog (oder klicken Sie mit der rechten Maustaste auf eine Seite und wählen SieSeite Optionen), gehen Sie zumRaster & Lineal und erhöhen Sie den Wert der Y-Koordinate des Ursprungspunkts. Dieser Wert ist normalerweise auf die vertikale Größe Ihrer Seite eingestellt, also erhöhen Sie ihn einfach um die gewünschte Randgröße. Wenn Ihre Seite also beispielsweise 700 Pixel hoch ist, ändern Sie den Y-Wert der Ursprungskoordinate von 700 auf 720, um einen Versatz von 20 Pixel hinzuzufügen.

Alternativ können Sie den Ursprungspunkt auch interaktiv festlegen. Aktivieren Sie die Lineale mit einem Rechtsklick und wählen Sie "Raster/Handbücher anzeigen" > "Lineale anzeigen" oder durch Auswahl vonLineale anzeigen von der FensterMenü ("Strg + L"). Klicken und ziehen Sie dann auf die Fadenkreuz-Schaltfläche, die sich dort befindet, wo das horizontale und das vertikale Lineal zusammentreffen, oben links auf der Leinwand. Jetzt ziehen Sie um die Ursprungsposition herum, also positionieren Sie sie im entsprechenden Abstand vertikal über der oberen linken Ecke Ihrer Seite.

Eine Änderung der horizontalen Position des Ursprungs hat keine Auswirkung auf die horizontale Positionierung Ihrer Seite, daher sollte diese unverändert bleiben.

Seite und Pasteboard Hintergrund-Ebenen

Wenn Sie dieSeite & Ebene Galeriesehen Sie sowohl dieHintergrund-Ebene der Seite und diePasteboard-Hintergrundebene.Diese Ebenen enthalten die Objekte, aus denen die beiden Hintergründe in Ihrem Dokument bestehen.

Diese Ebenen sind normalerweise gesperrt, so dass Sie ihren Inhalt nicht auswählen und bearbeiten können. Sie können sie jedoch im MenüSeite & Ebene Galerie um einige begrenzte Bearbeitungen vorzunehmen, damit Sie Ihre Seiten- oder Papphintergründe anpassen können. Klicken Sie einfach auf die Schlosssymbole neben den Ebenen, um sie zu entsperren. Nach dem Aufheben der Sperre können Sie eine Hintergrundebene aktuell machen (so dass neue Objekte auf ihr gezeichnet werden) oder die Objekte auf ihr wie bei normalen Ebenen bearbeiten.

Wenn Sie beispielsweise eine andere Farbe für Ihren Seitenhintergrund gewählt haben, wird ein Rechteck ausgewählt (sehen Sie sich die Statusleiste an!), wenn Sie auf Ihren Seitenhintergrund klicken. Sie können dieses Rechteck nun in begrenztem Umfang bearbeiten, z. B. mit der Funktion "Füllung" eine graduelle Füllung erzeugen.Werkzeug ausfüllenoder geben Sie ihm abgerundete Ecken mit der OptionRechteck-Werkzeug.

Wenn Sie Elemente auf der Zwischenablage platziert haben - zum Beispiel Grafiken, Fotos oder andere in Arbeit befindliche Elemente, die nicht als Teil Ihres Webdokuments erscheinen sollen - dann werden diese Elementewird nichterscheinen, wenn Sie eine Vorschau der Webseite anzeigen. Wenn Sie möchten, dass sie als Teil des Hintergrunds erscheinen, sollten Sie sie in den BereichPapphintergrund Ebene.

Die beiden Sterne befinden sich auf der PasteBoard-Ebene und erscheinen daher als Teil der Webseite, wenn sie im Browserfenster angezeigt werden.

Hinweis Sobald Sie eine Hintergrundebene freigeschaltet haben, verhält sie sich genau wie jede andere geöffnete Ebene. Wenn Sie also zum Beispiel mit der rechten Maustaste auf ein Objekt auf der entsperrten Hintergrundebene klicken, sehen Sie das normale Ebenenmenü, das sich auf die Objekte auf der Ebene bezieht, undnicht das Menü, das sich auf die Hintergrundebene selbst bezieht und das Sie sehen, wenn sich die Ebene im standardmäßig gesperrten Zustand befindet.

.

Responsive Webdesign: Varianten und Hintergründe

Mit einemReaktionsfähiges Web-Design Website kann die Hauptfarbe oder das Design des Papphintergrunds (der Bereich um die Seite, der den Hintergrund des Browserfensters bestimmt, wenn die Seite veröffentlicht wird) von einer Website-Variante zur anderen variieren, und jede Seite und Seitenvariante wird mit ihrem eigenen Papprechteck exportiert.

Die Ausnahmen sind, wenn die vertikalen und horizontalen Bildlaufoptionen in der Registerkarte Export eingestellt sind. Da nur ein Hintergrund angezeigt werden kann, wird nur der Papphintergrund der ersten Variante der ersten Seite verwendet.

Sie können zusätzliche Objekte auf der Ebene "Pasteboard Background" platzieren, und diese können auch zwischen den einzelnen Seitenvarianten variieren. So können Sie z. B. eine Form haben, die den Seitenrand überlappt, und diese kann in jeder Variante anders positioniert sein oder in einigen Varianten fehlen.

Copyright © Xara