Vkládat vlastní fotky k článku je v systému e-čajovny opravdu jednoduché; po přečtení tohoto průvodce by vám již nemělo dělat žádné problémy ilustrovat jednotlivé články svými obrázky.

Jaké obrázky vkládat?

Obrázky do článku vkládáme vždy k tématu, přičemž si fotky obstaráme vlastní produkcí. Obrázek uložený na disku přejmenujeme na odpovídající název; jedná-li se o fotku čaje Tie guan yin, nazveme ji tiekuanjin. Bez mezer a velkých písmen. Formát fotek nechám na vás, ale nejkvalitnější požitek z fotek nám zajistí formát .jpg (ale záleží na záměru autora).

Jak fotku vložíme do článku?

Jak vkládat fotky do článku si projdeme krok za krokem, tak jak to vidíte vy ve vlastním editoru.

1. Otevřeme si formulář na přidání článku (zápisníku, čehokoliv). Tento formulář již známe, chceme-li se seznámit s tím, jak se články píší, přečteme si jiný návod .

2. Všimněme si, že se nám načetl formulář na přidávání článků s editorem. Podobný editor známe například z Microsoft Wordu, zde je jen trochu upravený a okleštěný.

V editoru nalezneme ikonku stromečku. Ten je určen pro vložení obrázku do textu (článku). Jednou na něj klikneme.

3. Po kliknutí na ikonku stromečku se nám otevřelo nové okno s dalším formulářem. Ten si nyní projdeme ať víme, co která položka znamená.

Image url - máme-li uložený obrázek na internetu, zadáme zde jeho adresu (např.: www.vasweb.cz/obrazek.jpg). Máme-li jej uložený zátím pouze v počítači, nic nevyplňujeme a čteme dál v tomto návodu.

Image description - tuto položku nemusíte vyplňovat, jedná se o popis obrázku.

Title - tuto položku také nemusíte vyplňovat, jde o název obrázku.

Jestliže jste tedy zadali adresu obrázku na internetu, v políčku Preview se vám zobrazí náhled obrázku. O jeho umístění si přečtete dále v návodu.

Máme-li obrázek uložený v počítači a chceme jej nahrát do článku, klikneme jednou na ikonku vedle políčka Image URL.

Po rozkliknutí na ikonky se nám zobrazí další nové okno.

Jedná se o adresář fotek na webu e-čajovny. Adresáře jsou celkově 4 a jsou rozděleny podle skupin uživatelů (uživatelé, redaktoři, administrátoři, superadmini). Jedná se tedy o sdílený prostor s ostatními uživateli webu, kde se nenachází pouze vaše obrázky, ale i jiných uživatelů. Primárně není dovoleno fotky mazat, proto važte co nahrajete; to už tam zůstane. Různé vtipálky a zneužívače tohoto prostoru k vlastní potřebě předem varuji, jejich účty budou smazány a na jejich IP adresu bude dán BAN.

Nahoře v okně vidíme názvy jednotlivých obrázku, při kliku na název se nám zobrazí ve střední části okna jeho náhled. V dolní části okna vidíme další formulář, přes který nahrajeme fotky na web.

Klikneme na Procházet a najdeme obrázek, který chceme nahrát. Necháme zaškrtnuto "Přizpůsobit rozlišení". Toto políčko nám zajistí, že se na web nenahraje obrázek v tak velkém rozlišení, které nelze dost dobře v internetovém prohlížeči zobrazit.

Jestliže chceme fotku použít v článku, což chceme, zaškrtneme také políčko "Vytvoři miniaturu". Systém automaticky zmenší fotku tak, aby to nerozhodilo v článku design čajovny a přitom byla fotka čitelná. Při nahrávání se nám nahraje jak fotka ve vysokém rozlišení, tak i miniatura (ta se nahrává s názvem fotky *vasefotk_0.jpg). Fotku ve větším rozlišení můžeme přidat pouze jako odkaz (to znamená, že do článku vložíme miniaturu a při pokliku na miniaturu se nám zobrazí zvětšená fotografie).

Nakonec dáme Nahrát soubor. Fotka se nám nahraje a zobrazi ve střední části okna (v náhledu). Chceme-li ji tedy do článku použít, klikneme na náhled (jeden klik), což zavře toto okno a automaticky se vyplní Image URL v předešlém okně (fotku máme nahránu na web a vybránu k dalšímu zpracování - zarovnání fotky do textu).

Zarovnání fotky v textu

V tomto okně nahoře vidíme tři záložky - General (kde se právě nacházíme), Appearance a Advanced.

Nás zajímá pouze General a Appearance. Překlikneme (jednou) do Appearance a obsah okna se nám změní.

Alignment - nám dává na výběr jednotlivá zarovnání obrázku. Můžeme si vybrat jak na střed, tak doleva, doprava.

Vertical space, Horizontal space - obtékání textu kolem obrázku, nastavujeme hodnoty v px, přičemž náhled obtékání sledujeme vedle s obrázkem černobílého stromku.

To je vše, co v tomto okně můžeme nastavit. Zvládli jste-li všechny předchozí body, můžete vklidu ťuknout na Insert .

Fotka se nám zobrazí v editoru :-)

Odkaz jako fotografie

Chcemeli rozkliknout fotku ve větším rozlišení, označíme si v editoru buďto fotografii nebo text a vybereme ikonku v editoru Insert/edit link. Jeto ikonka v prvním řádku editoru (spojený řetěž). Teď již postupujeme stejně jak je výše uvedeno. Systém je stejný.

Nevíte si rady?

Je-li vám něco nejasného, či si nevíte s něčím rady, napište nám do fóra.

Diskuze k vkládání obrázků do článku - http://e-cajovna.net/jak-vlozit-obrazek-do-clanku-0