Pri tvorbe stránok v Exowebe sú obrázky často neoddeliteľnou súčasťou dizajnu. V tomto návode si predstavíme ako samotné obrázky efektívne spravovať tak, aby ste si prácu s nimi čo najviac uľahčili.
Obrázky na stránky môžete vkladať pomocou rôznych widgetov, ako napr. Obrázok a text, Úvodný obrázok, Obrázok, Galéria a prezentácia obrázkov, Logo alebo Jedálny lístok. V našom prípade je teraz nepodstatné, ktorý widget použijete, vyberieme si napr. Obrázok a text.
Keď vložíte widget Obrázok a text na stránku bez dodatočných úprav, bude to vyzerať približne takto:
Nahratie a vloženie nového obrázku
Ak chcete použiť iný obrázok, kliknite na súčasný, ktorý sa na stránke zobrazuje a otvoria sa možnosti správy obrázkov. Teraz nás budú zaujímať len prvé dve tlačidlá: Pridať nový obrázok a Nedávno nahraté. Pomocou týchto dvoch tlačidiel môžete pridávať nové obrázky alebo si vyberať už z nahratých. Tlačidlo Upraviť obrázok si zatiaľ nevšímajte, venujeme sa mu v tomto návode.
Keď kliknete na Pridať nový obrázok, otvorí sa takýto formulár (zároveň hneď vyskočí okno s ponukou vyhľadania obrázkov vo vašom počítači). Vyberte si súbor v počítači a nahrajte nový obrázok.
Zmena sa prejaví hneď, nový obrázok (pre náš príklad sme si vybrali logo Exowebu) sa vloží namiesto pôvodného, formulár na správu obrázka zostane otvorený - tu môžete buď túto zmenu zrušiť kliknutím naľavo na X alebo kliknutím napravo na Uložiť zmenu obrázka dokončíte.
Keď kliknete na Uložiť, nový obrázok bude vložený na stránku, ale dokonca ešte aj teraz stále máte možnosť celú zmenu zrušiť, keď dole vľavo kliknete na zelený pruh - Zrušiť, ktorý sa po pridaní obrázku na niekoľko sekúnd objaví na stránke.
Chcete si pozrieť aké sú možnosti zobrazenia vloženého obrázku na stránke? Prejdite dole v tomto návode na poslednú sekciu Možnosti zobrazenia obrázku na stránke.
Vloženie obrázkov z už nahratých obrázkov
Keď kliknite na Nedávno nahraté, otvorí sa galéria obrázkov (sekcia Najnovšie), ktoré ste si dovtedy nahrali, ako napr. v našom príklade nižšie môžete vidieť, že naposledy sme nahrali logo Exowebu. Z tohto zoznamu si môžete vyberať obrázky a použiť ich na iných stránkach vašej webovej prezentácie, teda nie je potrebné ich nahrávať znovu. Nielenže si ušetríte miesto na serveri, ale v galérii budete mať poriadok, keďže nebudete mať v nej duplicitné fotografie.
Stačí kliknúť na zvolený obrázok alebo fotku, napríklad klikneme na obrázok večernej oblohy, ktorý sa nachádza hneď pod Exoweb logom a výsledok uvidíme na stránke. Ešte treba kliknúť na Uložiť a obrázok bude vymenený namiesto Exoweb loga.
V samotnej galérii keď na obrázok nabehnete myšou, objaví sa v rohu každého obrázka ozubené koleso (ukazuje naň žltá šípka).
Kliknutím na ozubené koleso sa objaví niekoľko možností. Môžete si tu vypísať názov a popis obrázka, ak chcete mať nejaký text k obrázku (bude zobrazený na stránke pod obrázkom). Kliknutím na červenú ikonu koša obrázok vymažete. Tlačidlo Upraviť obrázok má rovnakú funkciu ako tlačidlo Upraviť obrázok, ktoré sme si spomínali na začiatku návodu, ak si chcete pozrieť možnosti úpravy obrázku, nájdete ich v tomto návode.
Pridanie obrázku z Facebooku
Obrázky si môžete pridať aj z vášho Facebook obchodného profilu, stačí sa prihlásiť. Je len na vás, či túto možnosť využijete alebo nie.
Pridanie obrázku z fotobanky
Taktiež môžete využiť možnosti fotobanky, pričom je potrebné, aby ste do vyhľadávacieho poľa napísali nejaké slovo, môžete aj slovenské, ale pod anglickým výrazom sa zobrazí viac možností. Pri výbere obrázkov z fotobanky si výber starostlivo rozmyslite, v rámci balíka Biznis Web máte možnosť si vybrať 3 obrázky, v rámci balíka Max Web si môžete vybrať 5 obrázkov. Ak chcete využiť služby nejakej fotobanky zadarmo, odporúčame napr. Pixabay.com, odkiaľ si môžete stiahnuť obrázky a nahrať na server. Pri každom obrázku máte aj vypísané, za akých podmienok ich môžete na svojich stránkach používať.
Možnosti zobrazenia obrázku na stránke
Teraz sa vrátime k prvému kroku v našom návode a pozrieme sa na možnosti zobrazenia obrázku, ktorý ste si vložili na stránku
Význam tlačidiel Pridať nový obrázok a Nedávno nahraté sme si vysvetlili, tlačidlo Upraviť obrázok je vysvetlené tu.
Pod týmito tromi tlačidlami nájdete ďalšie možnosti:
Odkaz na obrázok
- Po kliknutí otvoriť...: tu si môžete nastaviť, čo sa má spraviť, ak niekto klikne na obrázok, buď sa nestane nič alebo sa otvorí stránka (v rámci Exowebu) alebo sa otvorí externá stránka alebo sa otvorí okno emailu.
Zobraziť možnosti
- Tvar: tu si môžete vybrať, v akom tvare sa má obrázok prezentovať na stránke, či v obdĺžniku, štvorci, kruhu, šípke a pod.
- Pomer strán: zvoľte si, či sa má zobrazovať v originálnych pomeroch strán alebo v iných.
- Veľkosť: tu môžete zvoliť, či sa obrázok bude zobrazovať taký aký je alebo o polovicu menší, prípadne inak veľký.
- Zarovnanie obrázka: môžete si ho zarovnať vľavo, vpravo alebo vycentrovať.
SEO
- Alt. text k obrázku: odporúčame vyplniť, ak si niekto bude pozerať vašu stránku napr. na mobilných dátach, kedy má zakázané zobrazovať obrázky, namiesto obrázka sa mu zobrazí alternatívny text.
- Názov a Popis si zadajte vtedy, ak chcete mať pod obrázkom názov a k nemu aj popis. Bude viditeľný podobne ako keby ste si na stránku napísali klasický text.
Nezabudnite si všetky zmeny Uložiť a keď budete mať všetko hotové, aj stránku zverejniť.
See also this article
See also this article