"Rubbery" je slika koja ima sposobnost skaliranja. Takvu sliku možete stvoriti pomoću računalnih programa. Njegova pogodnost leži u činjenici da se "proteže" u željenom smjeru. Takvo stvaranje weba uspješno se prikazuje u bilo kojem pregledniku. Ako slika sadrži neke korisne elemente, svojstva "gume" povećavaju njezinu funkcionalnost.
Nužno je
slika, web stranica, program Adobe Photoshop, aplikacija Notepad, HTML-kôd, korijenski direktorij vaše web stranice
Upute
Korak 1
Pronađite ili stvorite sliku koju želite prilagoditi i smjestiti na Internet. Pokrenite Adobe Photoshop. Otvorite ovu sliku u programu. Pronađite alat Slice na alatnoj traci. Pomoću nje izrežite sliku na komade. Podijelite ga tako da se cijela slika sastoji od tri grafička elementa, a središnji je prazan. To će pomoći rastezanju slike u bilo kojoj razlučivosti monitora.
Korak 2
Spremite sliku optimiziranu za web format (Save for web). Prilikom spremanja postavite potreban format datoteke - gif, jpeg ili png. Da biste promijenili pojedine dijelove slike, u izborniku pronađite opciju Slice Select Tool i promijenite dijelove slike tako da veličina bude minimalna uz najmanji gubitak kvalitete tijekom prikazivanja na zaslonu. Nakon promjene slike spremite u HTML i slike.
3. korak
Nakon što spremite slike, počnite uređivati HTML kôd. Otvorite spremljeni html dokument u Notepadu. Izbrišite sve retke koda koji nisu potrebni. Zadržite nepromijenjenim samo podatke tablice u koju su ugrađene slike
4. korak
U redovima, umjesto yourimage.gif, navedite put do slika na računalu. Visina i širina moraju biti odgovarajuće.
Korak 5
Da bi se srednji dio slike razvukao, kada se krajnji dijelovi rašire, u redove koda napišite potrebne podatke. Navedite parametre (širinu i visinu) vlastite slike.
Korak 6
Prenesite stvorene slike u korijenski direktorij web mjesta. Navedite nove staze do slika na poslužitelju, uređujući tako HTML-kod. Umetnite kod slike između oznaka.
Korak 7
Provjerite svojstva slike. Pokušajte ga povećati na mreži. Slika mora biti fleksibilna u bilo kojem smjeru.
