Gewusst wie: Erstellen einen Website-Header

July 23

Gewusst wie: Erstellen einen Website-Header

Da der Header die erste Sache, die ein Benutzer sieht ist, wenn Sie Ihre Website durchsuchen, muss es Stil und Inhalt Ihrer Website widerspiegeln. Ein Titel ist auch hilfreich, erinnern Sie Benutzer von was sie sehen. Zum Beispiel wenn Ihre Website über traditionelle Reisen, kann den Header enthalten einer antiken Karte sowie den konservativ gestaltetes Titel "Classic Traveler."

Anweisungen

Erstellen der image

1 Öffnen Sie Ihr Bildprogramm eine neue Datei mit den Abmessungen des Headers bei 72 Punkten pro Zoll (DPI). Dies ist die DPI für Web-Bilder zu verwenden. Dieses Beispiel verwendet Photoshop ein "Header" Fenster zu erstellen, die 750 Pixel breit und 150 Pixel hoch ist.

2Gewusst wie: Erstellen einen Website-Header

Öffnen Sie das Bild als Hintergrundbild verwenden.

3 Tasten Sie "Ctrl" und "A" drücken, um alle des Bildes auszuwählen.

4 Tasten Sie "Ctrl" und "C" drücken, um das Bild zu kopieren.

5 Aktivieren Sie das Header-Fenster, indem Sie darauf klicken. Fügen Sie das kopierte Bild durch Drücken der Tasten "Ctrl" und "V".

6Gewusst wie: Erstellen einen Website-Header

Passen Sie das Bild nach Bedarf in den Header passen. In diesem Beispiel vergrößert das Bild um 125 Prozent und zentriert es im Fenster "Header".

Den Titel erstellen

7Gewusst wie: Erstellen einen Website-Header

Fügen Sie Text in den Header, Bedarf, indem Sie auf das Werkzeug "Text" klicken und dann auf in der Mitte des Bildes. Geben Sie den neuen Text ein. In diesem Beispiel wird "Classic Traveler."

8Gewusst wie: Erstellen einen Website-Header

Passen Sie die Schriftart und Farbe nach Bedarf, um den Stil Ihrer Website passen. In diesem Beispiel wählt den Text und wendet dann eine Fett formatierte Schriftart Bookman Old Style bei 84 Punkte durch ein "dunkler rot Orange" Farbe (rot: 123, grün: 46, blau: 0).

9Gewusst wie: Erstellen einen Website-Header

Wenden Sie spezielle Effekte auf den Text an, je nach Bedarf. In diesem Beispiel wird "White" Schlagschatten mit 5 Entfernung, 7 Verbreitung, Größe 6, 75 Prozent Deckkraft und 120-Grad-Winkel.

Speichern für das web

10 Wandeln Sie die Datei in ein Format verwendbar im Web, wie JPG. In diesem Beispiel klicken Sie auf das Menü "Datei" und dann die Option "Für Web speichern" im Dialogfeld "Für Web speichern" angezeigt.

11 Passen Sie die Größe der Datei-Format zum schnellen laden. Dieses Beispiel verwendet eine Qualität von 60 bis 60 K die Dateigröße zu reduzieren.

12 Speichern Sie die formatierte Datei. In diesem Fall klicken Sie auf "Speichern" und geben Sie dann in die "optimiert" im Dialogfeld Speichern unter einen Dateinamen von "TravelHeader". Klicken Sie auf "OK", um den Web-Header im JPG-Format zu speichern.

13 Speichern Sie die Quelldatei für den Fall, dass Sie in Zukunft den Header ändern möchten. In diesem Beispiel speichert die Photshop-Quelle als "Header.PSD."

14 Öffnen Sie Ihre Website mit einem Webdesignprogramm, und importieren Sie die formatierte Datei als die Header-Grafik. In diesem Fall wird "TravelHeader.JPG" der Header.