Dodavanje slike
Svaki blog je kvalitetniji sa slikama. Svaka novost je zanimljivija ako je popraćena sa slikama. Ukratko, ljudi su vizualna bića i mogućnost vizualizacije nečega ostavlja bolji dojam, povećava interes i povećava mogućnost kupovine artikla.
Zbog toga su vam bitne kvalitetne slike na internet stranici!
Još jedan bitan faktor kod slika je SEO optimizacija (rangiranje na Googleu). Google rangira stranicu po ključnim riječima (jedan od najbitnijih faktora), ali te ključne riječi su bitne kod slika. Pošto Google-ov algoritam ne razumije sliku (ne zna što je gore), Vi mu morate tekstom napisati što je na toj slici ako želite bolju poziciju na tražilici (tko ne želi?).
Krenimo redom.
Ubacivanje slika se može napraviti na dva načina:
Drag and drop (povuci i otpusti) je način gdje imate sliku na radnoj površini (ili u nekoj drugoj datoteci), kliknete mišem na nju te istu “odvučete” u editor).
Napomena:
Ako koristite drag and drop metodu tada uređujete sliku tako da kliknete na nju desnom tipkom i pritisnite svojstva te se vraćate u gore navedeni postupak.
Kvalitetniji način je da u editoru kliknete na simbol te zatim na pretraži server. Ako imate sliku na serveru samo istu odaberete i tada napravite sljedeće stvari (niže je detaljno opisan način rada)
Nakon što ste to napravili bitno Vam je napraviti “Alternativni tekst” kojim ćete objasniti što je na toj slici (kao što smo već spomenuli to je bitno za google rangiranje), a proizvoljno možete napraviti i sljedeće:
Ručno podesiti širinu i visinu (npr. ako želite da Vam ide od ruba do ruba)
Debljinu okvira oko slike (automatski je nula pa ako ništa ne promijenite to će tako i ostati)
Hspace i Vspace - horizontalni i vertikalni razmak slike od susjednog teksta (definira se u pikselima)
Poravnanje omogućuje da tekst bude smješten s lijeve ili desne strane slike (ako ništa ne odaberete - ništa se neće promijeniti).
Kliknite ovdje i pročitajte na našem blogu kako kvalitetno optimizirati slike.
Video: Drag and Drop dodavanja slika.
Video: Uređivanje nakon dodavanja drag and drop.
2. Način ubacivanja fotografija:
Kako bi dodali sliku na novu stranicu koju uređujete, potrebno je na alatnoj traci pronaći ikonu.
Nakon što kliknete na nju
Otvoriti će se sljedeći prozor:
Kao i u slučaju editora za tablice, riječ je o većoj količini opcija pomoću kojih se može realizirati prikaz slike na stranici pa ćemo one najvažnije detaljnije pojasniti u nastavku:
Sada kada znamo sve funkcionalnosti dijaloškog okvira za slike, možemo opisati točnu proceduru dodavanja slike.
1. Korak
Postavimo kursor na mjesto gdje želimo dodati sliku.
Recimo da je to početak drugog paragrafa:
2. Korak
Vrijeme je da otvorimo već opisani dijaloški okvir za dodavanje slike. Ranije uplodanu sliku dodat ćemo izravno sa servera putem opcije "Pretraži server".
3. Korak
Kada se odlučimo za neku sliku, treba ju još označiti klikom lijeve tipke miša. Nakon što to uradimo, otvara se novi izbornik.
Naša slika je šesta po redu, označena crvenom bojom. Kada smo kliknuli na nju, dobili smo horizontalni izbornik "Odaberi dimenziju" koji nam omogućuje odabir jedne od sedam ponuđenih rezolucija (rezolucija je zapravo veličina slike na ekranu):
Ispod tog izbornika nalaze se još dva checkboxa - pomoću prvog na sliku automatski stavljamo link na izvornu verziju u slučaju da netko od čitatelja želi pogledati sadržaj u izvornoj veličini (u slučaju da smo se odlučili na manju rezoluciju od one koja je prisutna kod uplodanog originala), dok druga opcija ističe sliku iz cjeline pomoću posebnog stila koji pretežito zavisi o dizajnu web stranice. Kada smo zadovoljni s rezolucijom i drugim opcijama, kliknemo na "Ubaci u tekst".
4. Korak
Sada još treba definirati opcije zadane u okviru koji smo na početku opisali.
Prvo je tu rezolucija - u našem slučaju, zadržat ćemo onu početno zadanu (312*312), dok ćemo ostale postavke također zadržati početno zadanima.
Izuzetak ćemo napraviti isključivo po pitanju pozicioniranja slike - poravnat ćemo je prema desnoj margini, tj. prema desnom rubu naše stranice.
5. Korak
Kada smo sa svime zadovoljni, preostalo je još samo kliknuti na dugme "OK" kako bi se slika pojavila na stranici. Rezultat našeg rada je sljedeći:
Na samoj web stranici to izgleda ovako:
