Sve što posjetitelj vidi na stranicama stranice pregledavač prikazuje na osnovu detaljnih uputa koje mu je poslao server. Ove se upute nazivaju html-kodom stranice i sastoje se od zasebnih "oznaka" koje opisuju vrstu, izgled i lokaciju svakog elementa pojedinačno. Da biste na stranicu postavili bilo koji novi element (na primjer, sliku), u njegov izvorni kod morate dodati odgovarajuću uputu - oznaku. Razmotrite najlakši način da to učinite.
Instrukcije
Korak 1
Ako koristite bilo kakav sistem za upravljanje sadržajem, vrlo je vjerojatno da uključuje uređivač stranica. Prvo morate otvoriti željenu stranicu u ovom uređivaču. Dalje - opcije 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 originalnim html kodom! Stranica u editoru izgledat će isto kao i na web lokaciji, 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 je još niste prenijeli, postoji i dugme za odabir slike na računaru i prijenos na server. Pored 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 iz razloga ubrzavanja učitavanja stranice i radi sprječavanja narušavanja dizajna, ipak je bolje to učiniti. Kada se popune sva obavezna polja dijaloga, kliknite "U redu", a zatim spremite uređenu stranicu.
Korak 3
Zbog činjenice da ne postoji jedinstveni standard za kontrolne sisteme, postupak umetanja slike u vizualni način rada vašeg sistema može se malo razlikovati, ali princip će biti isti. Iz istog razloga, način WYSIWYG se možda neće pojaviti u sistemu upravljanja vašom web lokacijom. Tada još uvijek morate urediti izvorni kod stranice u HTML-u (HyperText Markup Language - "hipertekstualni markupni jezik"). Morat ćete umetnuti oznaku na pravo mjesto u kodu koji govori pretraživaču da ovdje prikaže sliku. U svom najjednostavnijem obliku to bi trebalo izgledati ovako: Evo "relativne adrese" slike - na ovoj adresi bi pretraživač trebao kontaktirati server da bi od nje preuzeo datoteku slike. Ako je adresa relativna, tada će pregledač pretpostaviti da se datoteka nalazi u istoj direktorijumu servera kao i sama stranica (ili u podmapi). Ali, da ne bi bilo zabune, bolje je navesti "apsolutnu adresu" - na primjer, ovako: Naravno, da bi server mogao pronaći i poslati sliku u preglednik, treba je prenijeti na navedenu lokacija. To ćete najlakše učiniti putem upravitelja datoteka, koji je u svakom sistemu za upravljanje sadržajem, kao i na kontrolnoj ploči vaše hosting kompanije. To možete učiniti i pomoću FTP-protokola (File Transfer Protocol - „protokol za prenos datoteka“), koristeći poseban program - FTP-klijent. Mnogo ih je, i plaćenih i besplatnih - na primjer, slatki FTP, FlashFXP, WS FTP itd. Ali, naravno, instaliranje, svladavanje i konfiguriranje programa će potrajati, pa će upravitelj datoteka za preuzimanje svega što vam treba putem preglednik je lakša opcija.
Korak 4
Pored adrese u html-oznaci slike, možete navesti dodatne informacije - "atributi" oznake. Na primjer, atribut alt="Slika" sadrži tekst za opis alata koji se pojavljuje kada zadržite kursor miša iznad slike: Može se zamijeniti atributom - naslov: - Veličina pravougaonika u kojem bi preglednik trebao prikaz slike postavljen je 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: - Druga dva atributa sadrže informacije o količini uvlačenja slike iz susjednih elemenata (iz redova teksta, drugih slika, itd.) - hspace postavlja veličinu uvlačenje vodoravno (lijevo i desno), razmak - vertikalno (dolje i gore):
