"Kumi" on kuva, jolla on kyky skaalata. Voit luoda tällaisen kuvan tietokoneohjelmilla. Sen mukavuus on siinä, että se "venyttää" haluttuun suuntaan. Tällainen web-luominen näkyy onnistuneesti missä tahansa selaimessa. Jos kuvassa on hyödyllisiä elementtejä, "kumi" -ominaisuudet lisäävät sen toimivuutta.
Se on välttämätöntä
kuva, verkkosivusto, Adobe Photoshop -ohjelma, Muistio-sovellus, HTML-koodi, verkkosivustosi juurihakemisto
Ohjeet
Vaihe 1
Etsi tai luo kuva, jonka haluat skaalata ja sijoittaa Internetiin. Käynnistä Adobe Photoshop. Avaa tämä kuva ohjelmassa. Etsi Slice-työkalu työkaluriviltä. Käytä sitä leikkaamaan kuva paloiksi. Jaa se siten, että koko kuva koostuu kolmesta graafisesta elementistä ja keskimmäinen on tyhjä. Tämä auttaa kuvaa venymään kaikilla näytön tarkkuuksilla.
Vaihe 2
Tallenna verkkomuotoon optimoitu kuva (Tallenna verkkoon). Määritä tallennettaessa tarvittava tiedostomuoto - gif, jpeg tai png. Jos haluat muuttaa kuvan yksittäisiä osia, etsi valikosta Viipaleiden valintatyökalu -vaihtoehto ja vaihda kuvan osat siten, että koko on minimaalinen ja laatu heikkenee pienimmällä määrin ruudulla renderoinnin aikana. Kun olet muuttanut, tallenna kuvat HTML-muodossa ja kuvina.
Vaihe 3
Kun olet tallentanut kuvasi, aloita HTML-koodin muokkaaminen. Avaa tallennettu html-asiakirja Muistiossa. Poista kaikki koodirivit, joita ei tarvita. Pidä vain sen taulukon tiedot, johon kuvat upotetaan, ennallaan
Vaihe 4
Määritä riveillä yourimage.gif: n sijaan polku tietokoneellasi oleviin kuviin. Korkeuden ja leveyden on oltava sopiva.
Vaihe 5
Kuvan keskiosan venyttämiseksi kirjoita tarvittavat tiedot koodiriveille, kun äärimmäiset osat ovat levinneet toisistaan. Määritä oman kuvan parametrit (leveys ja korkeus).
Vaihe 6
Lataa luodut kuvat sivuston juurihakemistoon. Määritä uudet polut kuville palvelimella ja muokkaa siten HTML-koodia. Lisää kuvakoodi tunnisteiden väliin.
Vaihe 7
Tarkista kuvan ominaisuudet. Yritä laajentaa sitä verkossa. Kuvan on oltava joustava mihin tahansa suuntaan.
