So Fügen Sie Ein Bild In Den Header Einer Website Ein

Inhaltsverzeichnis:

So Fügen Sie Ein Bild In Den Header Einer Website Ein
So Fügen Sie Ein Bild In Den Header Einer Website Ein

Video: So Fügen Sie Ein Bild In Den Header Einer Website Ein

Video: So Fügen Sie Ein Bild In Den Header Einer Website Ein
Video: Grafiken und Bilder in deine HTML-Website einbinden 2024, Kann
Anonim

Ein richtig ausgewähltes Bild charakterisiert die Ausrichtung der Site am besten, verleiht ihr Individualität. Darüber hinaus sind die meisten Menschen von Natur aus visuell, was bedeutet, dass das grafische Bild für sie viel besser in Erinnerung bleibt.

So fügen Sie ein Bild in den Header einer Website ein
So fügen Sie ein Bild in den Header einer Website ein

Anleitung

Schritt 1

Wenn Sie Ihre Site nur auf der Grundlage einer vorgefertigten Vorlage erstellen, können Sie durch einen einfachen Austausch ein Bild in die Kopfzeile einfügen. Dazu genügt es, ein passendes Bild auszuwählen und es unter dem Namen einer Standardillustration erneut zu speichern. Die Hauptsache ist hier, die Abmessungen anzupassen, sonst passt Ihr Bild einfach nicht in die Ressourcenparameter. Dasselbe können Sie mit einer vorgefertigten Website tun, die über ein Kontrollsystem verfügt und bereits über das Internet gesendet wurde.

Schritt 2

Es ist besser, Adobe Photoshop zum Bearbeiten des Bildes zu verwenden. Denken Sie daran, dass die Versionen des Programms auf Englisch sein können und Sie zur Erleichterung der Arbeit einen Crack benötigen. Es kann kostenlos im Internet heruntergeladen werden.

Schritt 3

Öffnen Sie das Bild, das Sie ersetzen möchten, in einem Grafikeditor und wählen Sie "Bild" - "Bildgröße" aus dem Menü. Merken Sie sich die Werte in Pixeln oder notieren Sie sie besser. Sie können das Bild schließen - Sie brauchen es nicht mehr.

Schritt 4

Wählen Sie im Menü "Datei" "Neu", woraufhin sich ein Formular vor Ihnen öffnet. Geben Sie die aufgezeichneten Werte der Bildgröße ein und klicken Sie auf "OK". Sie können auch andere Parameter festlegen, beispielsweise den Namen der Ebene oder die Art des Hintergrundinhalts, die jedoch nicht grundlegend sind.

Schritt 5

Erstellen Sie eine neue Ebene ("Ebene" - "Neu").

Schritt 6

Öffnen Sie im Programm das Bild, das Sie in der Kopfzeile der Site sehen möchten ("Datei" - "Öffnen").

Schritt 7

Wählen Sie in der Symbolleiste das Symbol "Rechteckiger Bereich" und wählen Sie damit ein Bild aus.

Schritt 8

Verwenden Sie den Befehl "Kopieren" aus dem Menü "Bearbeiten" und fügen Sie das Bild auf einer neuen Ebene der vorbereiteten Form ein ("Bearbeiten" - "Einfügen"). Wählen Sie das Verschieben-Werkzeug und verschieben Sie das Bild nach Bedarf.

Schritt 9

Wenn die Größe des Bildes größer oder kleiner ausgefallen ist, kann dies mit den Befehlen aus dem Menü "Bild" korrigiert werden. Auf jeden Fall stimmen die Parameter des Hauptbildes selten mit den erforderlichen überein, so dass fast immer ein Leerraum vorhanden ist. Es muss ausgefüllt werden, dafür verwenden Sie am besten den "Hintergrund". Sie können beispielsweise mit einer einzigen Farbe füllen oder das Verlaufswerkzeug verwenden und dann den Übergang mit Abweichen / Abdunkeln, Finger, Schwämme usw. glätten.

Schritt 10

Es gibt einen speziellen Tag zum Einfügen von Bildern in der HTML-Sprache

mit verschiedenen Attributen:

• src - Bildadresse;

• Höhe - Höhe in px;

• width - Breite in px;

• Rahmen - Rahmen in px;

• alt – eine Erklärung für das Bild, das Benutzern angezeigt wird, wenn die Bildempfangsfunktion ausgeschaltet ist.

Beispielsweise,. Kein Reverse-Tag erforderlich.

Empfohlen: