Sve što posjetitelj vidi na stranicama stranice preglednik prikazuje na temelju detaljnih uputa koje mu je poslao poslužitelj. Te se upute nazivaju html-kodom stranice i sastoje se od zasebnih "oznaka" koje opisuju vrstu, izgled i mjesto svakog elementa pojedinačno. Da biste bilo koji novi element (na primjer, sliku) smjestili na stranicu, u njegov izvorni kôd morate dodati odgovarajuću uputu - oznaku. Razmotrite najlakši način da to učinite.
Upute
Korak 1
Ako koristite bilo kakav sustav za upravljanje sadržajem, vrlo je vjerojatno da uključuje uređivač stranica. Prvo morate otvoriti željenu stranicu u ovom uređivaču. Dalje - mogućnosti su moguće. U najboljem slučaju, uređivač stranice imat će „vizualni način rada“, drugim riječima - „WYSIWYG način rada“(Ono što vidite je ono što dobijete - „ono što vidite je ono što dobijete“). U ovom načinu rada uopće vam neće biti potrebno raditi s izvornim html kodom! Stranica u uređivaču izgledat će isto kao i na web mjestu, bit će dovoljno pomaknuti miš na željeno mjesto i pritisnuti gumb "umetni sliku" na ploči uređivača.
Korak 2
Kao rezultat, otvorit će se dijaloški okvir u kojem trebate odabrati željenu sliku. Ako ga još niste prenijeli, postoji i gumb za odabir slike na računalu i prijenos na poslužitelj. Osim toga, u ovom dijaloškom okviru možete postaviti boju i širinu okvira oko slike, udaljenost i boju ispune između okvira i slike, tekst za opis. Ovdje nije potrebno navesti dimenzije, ali zbog ubrzavanja učitavanja stranice i radi sprječavanja narušavanja dizajna, ipak je bolje to učiniti. Kada se popune sva obavezna polja dijaloškog okvira, kliknite "U redu", a zatim spremite uređenu stranicu.
3. korak
Zbog činjenice da ne postoji jedinstveni standard za kontrolne sustave, postupak umetanja slike u vizualni način rada vašeg sustava može se malo razlikovati, ali princip će biti isti. Iz istog razloga, WYSIWYG način rada možda se neće pojaviti u sustavu upravljanja vašom web lokacijom. Tada još uvijek morate urediti izvorni kod stranice u HTML-u (HyperText Markup Language - "jezik hipertekstualnog označavanja"). Morat ćete umetnuti oznaku na pravo mjesto u kodu koji govori pregledniku da ovdje prikaže sliku. U najjednostavnijem obliku to bi trebalo izgledati ovako: Evo "relativne adrese" slike - na toj bi se adresi preglednik trebao obratiti poslužitelju kako bi od nje preuzeo slikovnu datoteku. Ako je adresa relativna, tada će preglednik pretpostaviti da se datoteka nalazi u istoj mapi poslužitelja kao i sama stranica (ili u podmapi). No, da ne bi bilo zabune, bolje je navesti "apsolutnu adresu" - na primjer, ovako: Naravno, da bi poslužitelj mogao pronaći i poslati sliku u preglednik, treba je prenijeti na navedenu mjesto. To ćete najlakše učiniti putem upravitelja datoteka, koji je u svakom sustavu za upravljanje sadržajem, kao i na upravljačkoj ploči vaše hosting tvrtke. To možete učiniti i pomoću FTP-protokola (File Transfer Protocol - "protokol za prijenos datoteka"), pomoću posebnog programa - FTP-klijenta. Mnogo ih je, i plaćenih i besplatnih - na primjer, slatki FTP, FlashFXP, WS FTP itd. Ali, naravno, instaliranje, svladavanje i konfiguriranje programa potrajat će, pa će upravitelj datoteka za preuzimanje svega što vam treba putem preglednik je lakša opcija.
4. korak
Pored adrese u html-oznaci slike, možete navesti i dodatne informacije - "atribute" oznake. Na primjer, atribut alt="Slika" sadrži tekst za opis koji se pojavljuje kada zadržite pokazivač miša iznad slike: Može se zamijeniti atributom - naslov: - Veličina pravokutnika u kojem bi preglednik trebao prikaz slike postavlja se atributima širine i visine: - Atribut obruba određuje širinu obruba oko slike (u pikselima): Ako je slika napravljena kao veza, preglednik će oko nje povući plavi obrub. Da biste ga se riješili, postavite vrijednost obruba na nulu: - Ostala dva atributa sadrže informacije o količini uvlačenja slike iz susjednih elemenata (iz redaka teksta, drugih slika, itd.) - hspace postavlja veličinu obruba uvlačenje vodoravno (lijevo i desno), vsprostor - okomito (dolje i gore):
