Dodaj in uredi slike

Z uporabo urejevalnika teksta in slik, lahko vašo vsebino ilustrirate tudi s slikami. 
S tem lahko naredite vašo vsebino še bolj privlačno in kot tako še bolj atraktivno.  Za dodajane slike odprite urejevalnik teksta in slik in kliknite tja, kamor želite vstaviti sliko. V orodni vrstici kliknite na ikono Vstavi sliko. Na desni strani se bo pojavilo okence za dodajanje slik:

S klikom na  ali Upload image lahko naložite sliko, ki je shranjena lokalno na vašem računalniku. To naredite teko, da na vašem računalniku poiščite želeno sliko in jo naložite.

Z izborom možnosti Add from URL iz spustnega seznama na desni ob Upload Image lahko dodate sliko, ki je že naložena na nekem strežniku. To naredite teko, da vpišete ali prilepite povezavo do slike in kliknete gumb Add Image.

Ko ste v urejevalnik teksta in slik že vstavili sliko, jo lahko nato še naknadno oblikujete. Kliknite na sliko in na desni strani se vam bodo ponudile različne možnosti. Sliki lahko določite rob, oblivanje, velikost, položaj in razne dodatne efekte.  

Spremenite lahko izbrano sliko v vsakem trenutku s klikom na gumb Spremeni. Izberite Uredi in slika se bo odprla v zunanjem urejevalniku kjer velja osnovno urejanje slik, kot so rastline, obrnite in zavrtite, spreminjanje velikosti in omejene posebne učinke.

Izbrano sliko lahko spremenite kadarkoli s klikom na gumb Spremeni. 

Če bi želeli sliko urejati kliknite na gumb Edit in slika se bo odprla v zunanjem urejevalniku, ki vam omogoča osnovno urejanje slik, kot so crop, flip, rotate, resize, in omejeni posebni učinki.
Privzete možnosti vam omogočajo, da nastavite poljubno velikost slike tako, da določite želeno širino in višino. V kolikor sliki želite povrniti prvotno velikost pa to lahko naredite s klikom na ikono Original. 

OPOMBA: Spreminjanje širine in veliskosti slike v urejevalniku ne spremeni dejanske velikosti slike ampak sliko ob vizualni naložitvi strani v brskalnik  le prilagodi na velikost, ki ste jo določili. Za optimizacijo večjih slik pa je priporočljivo, da velikost slike spremenite z nekim zunanjim programom za urejanje slik in s tem pripomoremo k hitrejšemu nalaganju spletne strani.

Mouse-over caption polje omogoča, da sliki dodate poljuben opis, v katerem na kratko vpišete kaj slika predstavlja. To besedilo se bo nato prikazalo, ko uporabnik zapelje miško čez sliko. Rollower napis je tudi pomemben za pravilno optimizacijo za iskalnike, zato je priporočljivo, da jih dodate pri slikah, ki so pomembne za vašo spletno stran.

Image Alignment vam omogoča tri različne poravnave slike (leva, sredinska in desna poravnava) in stile poteka besedila za vsako sliko posebej.

Zatem sledijo napredne možnosti za urejanje slik.

Z možnostjo Padding določimo okoli slike slike prazen prostor. Torej, če imamo sliko dodano med besedilo, lahko besedilo odmaknemo od slike.

Možnost Image Effects vam omogoča, da na sliko lahko dodate razne posebne efekte.

Opomba: Učinki efektov na sliki, ne bodo vidni v urejevalniku besedila in slik.

Border Width vam omogoči, da sliki dodate rob. Samemu robu slike lahko določite kakšne barve bo rob in širino roba. Možnost Border Color omogoča spremembo barve roba.

Mouse-over image doda element interaktivnosti na spletni strani, lahko pa tudi nakazujejo na to, da se bo nekaj zgodilo če kliknejo na sliko. V spodnjem primeru lahko vidite, da slika spremeni barvo, ko se z miško zapeljete čez, hrati pa je slika tudi povezava.

Fade in and Dissolve efekt na prvi pogled izgledata zelo podobno, vendar je med njima zelo pomemba razlika, ko sta efekta dodana sliki, ki je transparentna. Pri efektu Fade in se prvotna slika in slika efekta združita tako, da se ob preletu z miško prikažeta obe. Pri efektu Dissolve pa se prvotna slika ob preletu z miško skrije in se prikaže samo slika efekta.

Zbledi in raztopimo učinke na prvi pogled videti zelo podobno, vendar obstaja zelo pomembna razlika, ko si jih uporablja za slike, ki imajo pregledne dele. Z zbledijo v normalnem slike ostaja, medtem ko so v kombinaciji z miško nad sliko zbledi-in na vrhu in na dveh. Z raztopimo normalno podobo zbledi-out, medtem ko je kazalec nad sliko zbledi-in na vrhu - oba slike so izmenično. Mouse-over spodnje slike držali razliko med obema učinkov.

OPOMBE: Mouse-over Image in Image Effects med seboj nista kompatibilna in na eni sliki lahko uporabljate samo eno izmed teh dveh možnosti.
Kompatibilnost s spletnimi iskalniki:

1. "Iris" efekt bo pokazal pravokotnike namesto krogov v IE7 / 8.
2. Safari in Chrome uporabniki pa  lahko opazijo trzljaje miške ob prehodu čez sliko.