"Rubbery" je slika koja ima mogućnost skaliranja. Takvu sliku možete stvoriti pomoću računarskih programa. Njegova pogodnost leži u činjenici da se "proteže" u željenom smjeru. Takvo stvaranje web stranica uspješno se prikazuje u bilo kojem pregledniku. Ako slika sadrži neke korisne elemente, svojstva "gume" povećavaju njezinu funkcionalnost.
Neophodno je
slika, web stranica, program Adobe Photoshop, aplikacija Notepad, HTML kôd, osnovni direktorij vaše web stranice
Instrukcije
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 za rezanje 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 rezoluciji monitora.
Korak 2
Snimite sliku optimizovanu za web format (Save for web). Prilikom spremanja postavite potreban format datoteke - gif, jpeg ili png. Da biste promijenili pojedinačne 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 ekranu. Nakon promjene slike spremite u html i slike.
Korak 3
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 tabele u koju su ugrađene slike
Korak 4
U redovima, umjesto yourimage.gif, navedite put do slika na računaru. 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 informacije. Navedite parametre (širinu i visinu) vlastite slike.
Korak 6
Učitajte stvorene slike u korijenski direktorij web lokacije. Navedite nove putanje do slika na serveru, 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.
