Vse, kar obiskovalec vidi na straneh spletnega mesta, brskalnik prikaže na podlagi podrobnih navodil, ki mu jih pošlje strežnik. Ta navodila se imenujejo html-koda strani in so sestavljena iz ločenih "oznak", ki opisujejo vrsto, videz in lokacijo vsakega elementa posebej. Če želite na stran postaviti kateri koli nov element (na primer sliko), morate svoji izvorni kodi dodati ustrezno navodilo - oznako. Razmislite o najlažjem načinu za to.
Navodila
Korak 1
Če uporabljate kakršen koli sistem za upravljanje vsebine, potem zelo verjetno vključuje urejevalnik strani. Najprej morate v tem urejevalniku odpreti želeno stran. Nadalje - možne so možnosti. V najboljšem primeru bo urejevalnik strani imel "vizualni način", z drugimi besedami - "način WYSIWYG" (kar vidite, to dobite - "kar vidite, to dobite"). V tem načinu vam sploh ne bo treba obravnavati prvotne html-kode! Stran v urejevalniku bo videti enako kot na spletnem mestu, dovolj bo, da pomaknete miško na želeno mesto in pritisnete gumb "vstavi sliko" na urejevalni plošči.
2. korak
Posledično se odpre pogovorno okno, v katerem morate izbrati želeno sliko. Če je še niste naložili, obstaja tudi gumb za izbiro slike v računalniku in njeno nalaganje na strežnik. Poleg tega lahko v tem pogovornem oknu nastavite barvo in širino okvirja okoli slike, razdaljo in barvo polnila med okvirjem in sliko ter besedilo za opis orodja. Tu ni treba določiti dimenzij, vendar je zaradi hitrejšega nalaganja strani in za preprečevanje izkrivljanja zasnove vseeno bolje, da to storite. Ko so izpolnjena vsa zahtevana polja v pogovornem oknu, kliknite »V redu« in shranite urejeno stran.
3. korak
Ker ni enotnega standarda za nadzorne sisteme, se postopek vstavljanja slike v vizualni način vašega sistema lahko nekoliko razlikuje, vendar bo načelo enako. Iz istega razloga se način WYSIWYG morda ne bo pojavil v sistemu upravljanja spletnega mesta. Nato morate še vedno urediti izvorno kodo strani v HTML-ju (HyperText Markup Language - "hipertekstni označevalni jezik"). Oznako boste morali vstaviti na pravo mesto v kodo, ki brskalniku sporoča, naj tukaj prikaže sliko. V najpreprostejši obliki bi moral biti videti takole: Tu je "relativni naslov" slike - na tem naslovu naj brskalnik stopi v stik s strežnikom, da od njega dobi slikovno datoteko. Če je naslov relativni, potem brskalnik domneva, da je datoteka v isti strežniški mapi kot sama stran (ali v podmapi). Da pa se ne bi zmotili, je bolje, da navedete "absolutni naslov" - na primer tako: Seveda, da bi strežnik našel in poslal sliko v brskalnik, jo je treba naložiti na določeno lokaciji. To najlažje storite z upraviteljem datotek, ki je v vseh sistemih za upravljanje vsebin, pa tudi na nadzorni plošči vašega gostiteljskega podjetja. To lahko storite tudi s FTP-protokolom (File Transfer Protocol - "protokol za prenos datotek"), s posebnim programom - FTP-odjemalcem. Veliko jih je, tako plačljivih kot brezplačnih - na primer Cute FTP, FlashFXP, WS FTP itd. Seveda pa bo namestitev, obvladovanje in konfiguriranje programa trajalo nekaj časa, zato bo upravitelj datotek za prenos vsega, kar potrebujete, brskalnik je lažja možnost.
4. korak
Poleg naslova v html-oznaki slike lahko določite dodatne informacije - "atributi" oznake. Atribut alt="Image" na primer vsebuje besedilo za opis orodja, ki se prikaže, ko miškin kazalec premaknete nad sliko: Lahko ga nadomestite z atributom - title: - Velikost pravokotnika, v katerem naj brskalnik prikaz slike je nastavljen z atributoma širine in višine: - Atribut border določa širino obrobe okoli slike (v slikovnih pikah): Če je slika postavljena kot povezava, bo brskalnik okoli nje narisal modro obrobo. Če se želite znebiti tega, nastavite vrednost meje na nič: - Druga dva atributa vsebujeta informacije o količini vdolbin slike od sosednjih elementov (iz vrstic besedila, drugih slik itd.) - hspace nastavi velikost vdolbina vodoravno (levo in desno), preslednica - navpično (spodaj in zgoraj):
