Miten luodaanWeb-sivuston Header

Näyte verkkosivuilla header Copyright © 2009 Aurelio Locsin

Koska otsikko on ensimmäinen asia käyttäjä näkee kun selailemassa sivustossasi, se on heijastettava sivuston tyyliä ja sisältöä.Otsikko on myös hyödyllistä muistuttaa käyttäjiä siitä, mitä he näkevät.Esimerkiksi, jos sivusto on noin perinteinen matkailu, otsikko voi sisältää antiikki kartta, sekä konservatiivisesti tyylistä otsikko "Classic Traveler."

mitä tarvitset

  • Kuva ohjelmaa kuten Photoshop
  • Pusku kuva
  • Web design ohjelma

luominen kuvan

  1. käyttäminen kuvasi ohjelma, avaa uusi tiedosto mitat otsikon 72 pistettä tuumalla (DPI).Tämä on DPI käyttää web kuvia.Tässä esimerkissä käytetään Photoshop luoda "Otsikko" ikkunasta on 750 pikseliä leveä ja 150 pikseliä korkea.

  2. Avaa kuva käyttää taustakuvan.

    Antiikki kartta tausta
  3. Paina "Ctrl" ja "" avaimet valita kaikki kuvan.

  4. Paina "Ctrl" ja "C" avaimet kopioi kuva.

  5. Aktivoi otsikon ikkunan klikkaamalla sitä.Liitä kopioitu kuva painamalla "Ctrl" ja "V" avaimet.

  6. Säädä kuvan tarpeen mukaan sopimaan otsikon.Tämä esimerkki suurentaa kuvaa 125 prosenttia ja keskittää se "Otsikko" -ikkuna.

    Background image in "Header" window

luominen otsikko

  1. Lisää tekstiä otsikon tarvittaessa klikkaamalla "teksti" työkalu ja sitten klikkaamalla kuvan keskellä.Kirjoita uusi teksti.Tässä esimerkissä käytetään "Classic Traveler."

    Lisääminenotsikko
  2. Säädä tekstin fonttia ja väriä tarvittaessa vastaamaan tyyli sivuston.Tämä esimerkki valitsee tekstin ja sitten soveltaa rohkea Bookman Old Style kirjasin 84 pistettä "tummempi punainen oranssi" väri (Punainen: 123, vihreä: 46, sininen: 0).

    Säätäminen fontin ja värin
  3. Erikoisväritehosteiden tehosteita tekstiin tarpeen mukaan.Tämä esimerkki koskee "Valkoinen" varjon kanssa 5 matkan, 7 leviäminen, 6 koko, 75 prosenttia peittävyyttä, ja 120 asteen kulmassa.

    Teksti erikoistehosteita

tallentaminen web

  1. Transform tiedosto muotoon käyttökelpoinen verkossa, kuten JPG.Tässä esimerkissä, klikkaa "File" -valikosta ja sitten "Tallenna Web" valinta näyttää "Tallenna Web" valintaikkuna.

  2. Säädä tiedostomuoto koko nopea lastaus.Tässä esimerkissä käytetään laadun 60 pienentää tiedoston kokoa 60K.

  3. Tallenna muotoisen tiedoston.Tässä tapauksessa, valitse "Save" -painiketta ja anna tiedostonimi "TravelHeader" in "Tallenna optimoitu nimellä" valintaikkuna.Napsauta "OK" painiketta tallentaaksesi web otsikon JPG-muodossa.

  4. Tallenna lähdetiedosto jos haluat muuttaa otsikon tulevaisuudessa.Tämä esimerkki säästää Photshop lähteeksi "Header.PSD."

  5. Avaa sivuston kanssa web design ohjelma, ja tuoda muotoiltu tiedosto otsikko graafinen.Tässä tapauksessa "TravelHeader.JPG" tulee otsikko.

684
0
6
Web Suunnittelu