Kuinka Tehdä Kumitunniste Verkkosivustolle

Sisällysluettelo:

Kuinka Tehdä Kumitunniste Verkkosivustolle
Kuinka Tehdä Kumitunniste Verkkosivustolle

Video: Kuinka Tehdä Kumitunniste Verkkosivustolle

Video: Kuinka Tehdä Kumitunniste Verkkosivustolle
Video: XRP AIRDROP SOLOGENIC - kuinka hakea SOLO-merkkejä 2024, Marraskuu
Anonim

Kun luot Internet-sivuston, yksi tärkeimmistä seikoista, jotka kehittäjän on otettava huomioon, on sen toiminnallisuus, monipuolisuus ja suorituskyky. Jotta sivusto voidaan näyttää täysin ja oikein kaikissa selaimissa tietokoneissa, joissa on laaja valikoima näytön tarkkuutta, voit luoda kätevän "kumi" -otsikon, joka koostuu useista graafisista elementeistä.

Kuinka tehdä kumitunniste verkkosivustolle
Kuinka tehdä kumitunniste verkkosivustolle

Ohjeet

Vaihe 1

Ensimmäisessä vaiheessa luomalla tällainen otsikko verkkosivustolle, avaa Photoshopissa kuva, jonka olet jo valmistellut julkaisemista varten verkkoon, ja leikkaa se sitten paloiksi työkalupalkin Slice-työkalulla. Leikkaa otsikko siten, että keskiosa on tyhjä, niin että päädyt kolmeen graafiseen elementtiin. Tämä antaa otsikon venyttää mitä tahansa näytön tarkkuutta varten.

Vaihe 2

Kun olet leikannut otsikon, tallenna se optimoimalla tiedostot, kun tallennat verkkomuotoa varten (Tallenna verkkoon). Aseta tallennukseen haluamasi tiedostomuoto - esimerkiksi gif, jpeg tai png. Voit vaihtaa kutakin kuvan osaa napsauttamalla valikossa Viipaleiden valintatyökalu -vaihtoehtoa ja muuttamalla kuvien kokoa niin, että niiden koko on mahdollisimman pieni ja kuvan visuaalisen näytön laatu heikkenee mahdollisimman vähän. Tallenna muokatut kuvat HTML-tiedostoina ja kuvina.

Vaihe 3

Kun kuvat on tallennettu, muokkaa HTML-koodia avaamalla tallennettu HTML-asiakirja Muistiossa. Poista kaikki tarpeettomat koodirivit muistilehdessä. Jätä vain tarvittavat rivit - tiedot taulukosta, johon kuvasi upotetaan:

Vaihe 4

Näillä riveillä, sinunimage.gif: n sijaan, tulisi määrittää polku kuviin, joilla on sopiva leveys ja korkeus.

Vaihe 5

Kirjoita kuvan keskiosat venymään levittämällä äärimmäiset kuvat sivuille kirjoittamalla vastaavat koodimääritteet riveille. Määritä omat leveys- ja korkeusparametrit koodiin.

Vaihe 6

Lataa luotut otsikkokuvat sivustosi juurihakemistoon ja muokkaa sitten HTML-koodia ja uusia polkuja palvelimen otsikkokuviin. Liitä otsikkokoodi tunnisteiden väliin.

Suositeltava: