So Erstellen Sie Ein Hintergrundbild Auf Einer Website

Inhaltsverzeichnis:

So Erstellen Sie Ein Hintergrundbild Auf Einer Website
So Erstellen Sie Ein Hintergrundbild Auf Einer Website

Video: So Erstellen Sie Ein Hintergrundbild Auf Einer Website

Video: So Erstellen Sie Ein Hintergrundbild Auf Einer Website
Video: HTML & CSS Tutorial für Anfänger 30 -- Hintergrundbild einfügen 2024, Kann
Anonim

Die Grundlagen der Seitenerstellung können Sie sich selbst aneignen, Informationen zu diesem Thema gibt es genug im Internet und in Büchern. In der Anfangsphase treten jedoch häufig Schwierigkeiten bei der Verwendung des einen oder anderen Etiketts auf. Tatsächlich merkt man sich die gebräuchlichsten Komponenten am besten, da sie beim Schreiben einer Website unerlässlich sind.

So erstellen Sie ein Hintergrundbild auf einer Website
So erstellen Sie ein Hintergrundbild auf einer Website

Anleitung

Schritt 1

Wählen Sie das Bild aus, das Sie als Hintergrundbild verwenden möchten. Wenn Sie Text über die Abbildung einfügen möchten, ist es in diesem Fall ratsam, sich auf Optionen ohne übermäßige Buntheit zu beschränken, bei denen mehrere Farben verwendet werden, die der Natur nahe kommen. Um Wellen zu beseitigen, können Sie im Prinzip einen "Hintergrund" für den Inhalt erstellen - und das Problem wird erfolgreich gelöst.

Schritt 2

Korrigieren Sie das Bild mit Adobe Photoshop. Wenn Sie fertig sind, wählen Sie im Menü Datei den Befehl Für Web speichern und wählen Sie den gewünschten Ordner aus. Wenn dies das erste Bild ist, das für die Site verwendet wird, wird automatisch ein Ordner "Bilder" erstellt.

Schritt 3

Schreiben Sie in das Tag das Attribut background = "Pfad zum Bild". Aufnahmebeispiel: oder. Beachten Sie dabei, dass das Tag nur einmal im Code vorkommen und nicht multipliziert werden sollte.

Schritt 4

Speichern Sie die Änderungen im Editor, klicken Sie im Browser auf die Schaltfläche "Aktualisieren". Das Hintergrundbild wird auf dem Bildschirm angezeigt. Wenn die Abmessungen des Bildes kleiner sind als die Parameter der Webseite, wird das Bild so oft wie nötig dupliziert, um den gesamten Raum auszufüllen. Es gibt zwei Möglichkeiten, diesen Mangel zu beheben:

• Stellen Sie mit dem Programm Adobe Photoshop die erforderlichen Bildparameter in Pixeln ein ("Bild" - "Bildgröße");

• Stellen Sie die erforderlichen Abmessungen im HTML-Code ein.

Wenn die Breite beispielsweise 1250 px und die Höhe 650 px beträgt, müssen Sie die erforderlichen Attribute für die Tabellenzelle hinzufügen, in der das Bild platziert wird.

Sie können die Größe im Tag nicht einstellen - das Bild wird immer in voller Größe angezeigt.

Schritt 5

Analog zu ccs zum Einfügen eines Hintergrundbildes:

Hintergrundbild

KÖRPER {

Hintergrundbild: URL (Bilder / bg.jpg);

}

Das Attribut "background-image: url (images / bg.jpg)" ist der Pfad zum Hintergrundbild.

Empfohlen: