Hoe maak je een website Header Creëer

Monster website header Copyright © 2009 door Aurelio Locsin

Omdat de header is het eerste wat een gebruiker ziet bij het doorbladeren van uw website, moet uw site stijl en inhoud te geven.Een titel is ook nuttig voor de gebruikers van wat ze zien te herinneren.Bijvoorbeeld, als uw site over traditioneel, kan de header onder andere een antieke kaart, evenals de conservatief vormgegeven titel "Classic Traveler."

wat je

  • Afbeelding programma nodig zoals Photoshop
  • Header picture
  • webdesign programma

creëren het beeld

  1. Gebruik uw afbeelding programma opent een nieuw bestand met de afmetingen van de header op 72 dots per inch (DPI).Dit is de DPI te gebruiken voor web afbeeldingen.Dit voorbeeld gebruikt Photoshop om een ​​venster "Header", dat is 750 pixels breed en 150 pixels hoog te maken.

  2. Open op de afbeelding om te gebruiken als achtergrondafbeelding.

    Antieke kaart achtergrond
  3. Druk op de "Ctrl" en "A" toetsen om alle van de afbeelding te selecteren.

  4. Druk op de "Ctrl" en "C

    " toetsen om de afbeelding te kopiëren.

  5. Activeer de header venster door erop te klikken.Plak de gekopieerde afbeelding door op de "Ctrl" en "V" toetsen.

  6. Pas het beeld zo nodig aan te passen binnen de header.Dit voorbeeld vergroot het beeld met 125 procent en centreert in het venster "Header".

    Background image in "Header" window

Het creëren van de titel

  1. tekst toe aan de header als nodig is door te klikken op de "Text" tool en vervolgens te klikken op in het midden van het beeld.Typt u de nieuwe tekst.Dit voorbeeld maakt gebruik van "Classic Traveler."

    Een titel toe te voegen
  2. Stel het lettertype en de kleur als nodig is om de stijl van uw website te passen.In dit voorbeeld selecteert u de tekst en past vervolgens een vet lettertype Bookman Old Style op 84 punten met een "donkerder rood oranje" kleur (Rood: 123, Groen: 46 Blauw: 0).

    Instellen van lettertype en kleur
  3. Pas speciale effecten op de tekst zoals nodig.Dit voorbeeld geldt een "witte" slagschaduw met een 5 afstand, 7 spreiding, 6 grootte, 75 procent dekking, en de hoek van 120 graden.

    Tekst met speciale effecten

Sparen voor het web

  1. Transformeer het bestand naar een formaat dat bruikbaar is op het web, zoals JPG.Voor dit voorbeeld, klikt u op het menu "Bestand" en vervolgens op de "Opslaan voor web" optie om de "Opslaan voor web" dialoogvenster weer te geven.

  2. Stel het bestandsformaat grootte voor snel laden.Dit voorbeeld maakt gebruik van een kwaliteit van 60 om de bestandsgrootte te reduceren tot 60K.

  3. Sla het bestand opgemaakt.In dit geval, klik op de "Save" knop en voer vervolgens een bestandsnaam van "TravelHeader" in de "Optimale opslaan als" dialoogvenster.Klik op de "OK" knop om de web header in JPG-formaat op te slaan.

  4. Sla het bronbestand voor het geval u wilt de header in de toekomst veranderen.Dit voorbeeld slaat de Photshop bron als "Header.PSD."

  5. Open uw website met een web design programma, en importeer de opgemaakte bestand als de header afbeelding.In dit geval, "TravelHeader.JPG" wordt de header.

371
0
6
Web Design