"Rubbery" je slika, ki ima možnost spreminjanja velikosti. Takšno sliko lahko ustvarite z uporabo računalniških programov. Njegova priročnost je v tem, da se "razteza" v želeni smeri. Takšno spletno ustvarjanje se uspešno prikaže v katerem koli brskalniku. Če slika vsebuje nekaj uporabnih elementov, lastnosti "gume" povečajo njeno funkcionalnost.
Potrebno je
slika, spletno mesto, program Adobe Photoshop, aplikacija Notepad, HTML-koda, korenski imenik vašega spletnega mesta
Navodila
Korak 1
Poiščite ali ustvarite sliko, ki jo želite povečati in postaviti v internet. Zaženite Adobe Photoshop. Odprite to sliko v programu. V orodni vrstici poiščite Slice Tool. Z njim razrežite sliko na koščke. Razdelite ga tako, da je celotna slika sestavljena iz treh grafičnih elementov, osrednja pa prazna. To bo pomagalo, da se slika raztegne pri kateri koli ločljivosti monitorja.
2. korak
Shranite sliko, optimizirano za spletni format (Save for web). Pri shranjevanju nastavite želeno obliko datoteke - gif, jpeg ali png. Če želite spremeniti posamezne dele slike, v meniju poiščite možnost Slice Select Tool in spremenite dele slike tako, da je velikost minimalna in z najmanjšo izgubo kakovosti med upodabljanjem na zaslonu. Po spremembi shranite slike kot html in slike.
3. korak
Ko shranite slike, začnite urejati kodo HTML. Odprite shranjeni html dokument v Beležnici. Izbrišite vse vrstice kode, ki niso potrebne. Ne spreminjajte samo podatkov tabele, v katero so vdelane slike
4. korak
V vrsticah namesto yourimage
5. korak
Če želite, da se srednji del slike raztegne, ko se skrajni deli razmaknejo, v vrstico kode zapišite potrebne podatke. Določite parametre (širino in višino) lastne slike.
6. korak
Ustvarjene slike naložite v korenski imenik spletnega mesta. Določite nove poti do slik na strežniku in tako uredite kodo HTML. Med oznake vstavite kodo slike.
7. korak
Preverite lastnosti slike. Poskusite ga povečati na spletu. Slika mora biti prilagodljiva v katero koli smer.
