Sådan oprettes et websted Header

Prøve website header Copyright © 2009 af Aurelio Locsin

Fordi headeren er den første ting, en bruger ser, når du gennemser dit websted, skal det afspejle dit websteds stil og indhold.En titel er også nyttigt at minde brugerne om, hvad de ser.For eksempel, hvis dit websted handler om traditionel rejser, kan headeren indeholde en antik kort, såvel som den konservativt stylet titlen "Classic Traveler."

hvad du har brug

  • billede program som Photoshop
  • Header billede
  • Webdesign program

Oprettelse billedet

  1. Brug dit billede program, åbne en ny fil til dimensionerne af headeren på 72 dots per inch (dpi).Dette er den DPI at bruge for web billeder.Dette eksempel bruger Photoshop til at oprette en "Header" vindue, der er 750 pixels i bredden og 150 pixels højt.

  2. Åbn billedet for at bruge som baggrundsbillede.

    Antikke kort baggrund
  3. Tryk på "Ctrl" og "A" tasterne for at vælge alle af billedet.

  4. Tryk på "Ctrl" og "C" tasterne for at kopiere billedet.

  5. Aktiver header ved at klikke p

    å det.Indsæt det kopierede billede ved at trykke på "Ctrl" og "V" tasterne.

  6. Juster billedet efter behov for at passe inden overskriften.Dette eksempel forstørrer billedet med 125 procent og centre det i "Header" vinduet.

    Background image in "Header" window

Oprettelse titlen

  1. Tilføj tekst til overskriften efter behov ved at klikke på "Tekst" værktøj og derefter klikke i midten af ​​billedet.Skriv den nye tekst.Dette eksempel bruger "Classic Traveler."

    Tilføjelse af en titel
  2. Juster teksten skrifttype og farve efter behov for at matche stilen i dit websted.Dette eksempel vælger teksten og derefter anvender en fed Bookman Old Style skrifttype på 84 point med en "mørkere rød orange" farve (rød: 123, Grøn: 46, Blå: 0).

    Justering skrifttype og farve
  3. Anvend specielle effekter til teksten efter behov.Dette eksempel anvender en "Hvid" drop shadow med en 5 afstand, 7 spredning, 6 størrelse, 75 procent opacitet og 120-graders vinkel.

    Tekst med specielle effekter

Saving til internettet

  1. Transform filen til et format brugbart på nettet, såsom JPG.I dette eksempel, skal du klikke på menuen "Filer" og derefter "Gem til web" valgmulighed for at vise "Gem til web" dialogboksen.

  2. Juster filformatet størrelse for hurtig læsning.Dette eksempel bruger en kvalitet på 60 for at reducere filstørrelsen til 60K.

  3. Gem formateret fil.I dette tilfælde skal du klikke på "Gem" knappen, og indtast derefter et filnavn på "TravelHeader" i "Gem optimeret som" dialogboksen.Klik på "OK" knappen for at gemme web header i JPG-format.

  4. Gem kildefilen, hvis du ønsker at ændre overskriften i fremtiden.Dette eksempel gemmer Photshop kilde som "Header.PSD."

  5. Åbn dit website med et web-design program og importere den formaterede fil som header grafik.I dette tilfælde, "TravelHeader.JPG" bliver overskriften.

544
0
6
Webdesign