14. Slike in ozadja

Slike

O slikah na spletnih straneh smo osnovne stvari že spoznali. Uporabljamo le slike formatov jpg, gif in png; sliko pripravimo v takšni velikosti, kot jo bomo na spletni strani tudi prikazali. Slika naj bo shranjena v isti mapi kot spletna stran ali pa v neki podmapi. Slike na spletni strani lahko po namenu razdelimo v dve skupini: na ikone in slike, ki dopolnjuje besedilo (ali obratno). Ikone so majhne slikice za sprožanje povezav v druge strani in tudi tapete za ozadja. Slike so risbe ali fotografije. 

Kadar slika dopolnjuje besedilo, napišemo najprej besedilo in k besedilu vstavimo sliko: kliknemo na ikono [Orodjarna[Slika]], ali izberemo operacijo v menuju [Vstavi[Slika...]]. V obeh primerih dobimo na zaslonu obrazec za vstavljanje slike, ki ima štiri zavihke. Uporabljamo le prvega [Mesto], v katerem s klikom na gumb [Izberi datoteko...] poiščemo sliko. Če ne dodelimo alternativnega imena, kliknemo radio gumb [Ne uporabi nadomestnega besedila], sicer pa vnesemo nadomestno ime. To ime se pojavi na spletni strani ob postavitvi kazalca na sliko.

Slika zavzame svoj prostor in besedilo ga obliva le z eno vrstico. Če hočemo, da je prazen prostor ob sliki zapolnjen z besedilom, (oblivanje) moramo sliko postaviti pred tisti del besedila, ki naj obliva sliko. Potem moramo sliko oblikovati: na sliki izvedemo desni klik in v menuju izberemo operacijo [Slika Lastnosti...]. Pojavi se nastavitveni obrazec, v katerem so isti podatki kot pri vstavljanju. Klinemo na gumb [Napredno spreminjanje...] in pojavi se nov nastavitveni obrazec z tremi zavihki. Ostanemo na prvem [Atributi HTML], na katerem v spodnejm levem delu kliknemo v spustno polje [Atributi] in izberemo parameter align. V desnem spustnem polju izberemo vrednost left ali right, odvisno od tega, kam postavimo sliko. Lahko bi uporabili še parametra hspace in vspace, ki določata odmik slike od oblivajočega besedila (10px). Da bodo nastavitve uveljavljene, je potrebno klikniti na gumb [V redu].

Barvna ozadja

Barvno ozadje je smiselno dodeliti strani, celicam v tabelah in bolj poredko gradnikom besedila.

Določanje barvnega ozadja za spletno stran sprožimo v menuju [Oblika[Barve strani in ozadje...]]. Nastavitveni obrazec omogoča določanje osnovne barve besedila in povezav na spletni strani; z gumbom [Napredno spreminjanje...] pa se na zaslonu pojavi že znani obrazec za določanje značilnosti gradnika. V spodnjem levem spustnem polju izberemo parameter bgcolor, v desnem spustnem polju pa lahko izberemo eno izmed šestnajst ponujenih osnovnih barv. Lahko pa vtipkamo barvo označeno po sistemu rgb(,,) ali #. Nerodno je le, da tu ne moremo barve izbrati iz palete, temveč moramo oznako izbrane barve ugotoviti drugje (barva besedila). Lahko pa poljubno barvo določimo na drugačen način. V vrstici stanja izvedmo desni klik na oznaki <body> in v menuju izberemo operacijo [Notranji slogi[Lastnosti ozadja]]. V prikazanem obrazcu lahko s klikom na gumb za določanje barve izberemo barvo v standardni paleti.

Slikovna ozadja

Namesto barvnih ozadij lahko uporabljamo tudi slikovna ozadja. Datoteke z ozadji imamo običajno shranjene v isti mapi kot druge slike v spletnem sestavu. Ozadja so v takšnem primeru tapete (slike, ki ob večkratnem sestavljanu na stiku ne delajo roba) in risbe ali slike pripravljene za ozadje (kontrastne medle slike, ki ne motijo drugih stvari v ospredju). Vključujemo jih na popolnoma enak način kot ozadja, z istimi operacijami, le da v nastavitvenem obrazcu določimo v polju [Slika za ozadje...] ime slike, ali pa po kliku na gumb [Izberi datoteko...] izberemo sliko v prikazanem seznamu. 

Pri slikah za ozadja, ki niso tapete, je zelo pomembno, kako je slika pripravljena. Velikost mora ustrezati velikosti gradnika, običajno je malo večja. Slika se v ozadju ne sme ponavljati, ker bodo stiki prav gotovo neestetski. V nastavitvah iz  vrstice stanja, se lahko parametri določijo tako, kot nam ustreza, vendar je za to potrebna podrobnejša razlaga in in razumevanje delovanja spletnih brskalnikov.