====== Jak na HTML v keši ====== Nebudu vás učit jak psát keš. Ale protože vím, že HTML není jednoduché a pro každého a chce to chvilku studia, tak dám jeden malý návod, jak si poradit s editací keše v HTML, aby to příliš nebolelo... **Inspirovali mě k tomu kačeři essinka + pavka64** nejsem autorem nápadu ale vyzkoušel jsem si ho a musím říct, že je to opravdu praktické dokonce i pro toho kdo HTML ovládá... ===== Co je k tomu potřeba ===== * Program [[http://www.kompozer.net/|KompoZer]] (nebo jakýkoliv další html autoring nástroj - cokoliv co umí poskládat HTML vizuálně a pak zpětně získat HTML kód - defakto se dá použít i Microsoft Word - ale není to úplně optimální nářadí) * no a pak už jen stránku groundspeaku s otevřenou novou keší k editaci ==== Program KompoZer ==== Poslední verze ke stažení je [[https://sourceforge.net/projects/kompozer/files/current/0.8b3/windows/exe/kompozer-0.8b3.cs.win32.exe/download|ZDE]] pokud by to nefungovalo aneb byla by novější verze tak Download stránka je [[http://www.kompozer.net/download.php|ZDE]]. Pokud náhodou nebude program po instalaci v češtině dole na stránce jsou ještě jazykové balíčky a je možné daný jazyk doinstalovat. ===== Tak a teď jak to celé použít ===== ==== Tvorba keše od začátku ==== Pokud zakládáte keš od začátku a procházíte jednotlivé dialogy tak tento postup nevyužijete. Prostě je potřeba založit keš a vytvořit vše co víte díky dialogům groundspeaku a nakonec všechno potvrdit a uložit. Tato fáze je prostě nezměnitelná a musí si ji každý projít... ==== Editace připravované keše ==== Takže pokud už jste keš založili a na závěr potvrdili((zaškrtnutím dvou checkboxů na konci a odesláním/uložením + popis reviewrovi)) - tak už máte vytvořen listing a GC kód a je možno dále celý listing otesávat. Samozřejmě je možné, že uděláte listing při úvodní editaci a nenpotřebujete dál už nic upravovat pak je další popis bezpředmětný. Nicméně já osobně vždy keš doeditovávám několikráte než jsem spokojený takže následující postup se hodí **a po vyzkoušení mohu říct, že se hodí i těm co HTML znají**. Následný popis předpokládá nainstalovaný program KompoZer! - Vstoupím do keše a napravo mám menu. {{ :geo:help:menu.png?nolink&250|}} Je odtud možnost vstoupit do editace a nebo přidávat obrázky. oboje se hodí pro další práci. **Upravit** - vstup do editace listingu, **Nahrát obrázky** - umožňuje nahrát obrázky a pak zpětně získat jejich adresu pro použití v listingu při editaci. Takže kliknutím na položku **Upravit** se vstoupí do editace. Zde se dá nastavit plno informací stejně jako v průvodci ale také se zde dostanete k listingu keše a je možné jej editovat. Nicméně to nní příliš praktické neb okno je jen textové. Navíc POZOR může pracovat ve dvou režimech - pouze TEXT nebo HTML a závisí to na přepínači: **Formátovat text listingu pomocí HTML** - pro další postup musí být zaškrtnuto!!{{ :geo:help:formathtml.png?nolink&300 |}} - V poli **Hlavní popis** označím celý text stisknutím **Ctrl+A** nebo označením pomocí tažení myši. A pak zkopírovat do schránky pomocí **Ctrl+C** nebo přes pravé myšítko myši z menu vybrat **Kopírovat**.{{ :geo:help:editokno.png?nolink&300 |}} - Spustíme program KompoZer - a dole na záložkách klikneme na **Zdrojový kód** a v HTML textu označíme slovo **
** a pomocí tlačítek **Ctrl+V** nebo pomocí menu přes pravé tlačítko myši a položku **Vložit** - vložíme ze schránky předtím zkopírovaný text v HTML. Text musí být vložen mezi povely ****vaše HTML**** jinak to prostě nefunguje!! {{ :geo:help:kompzerhtml.png?nolink&600 |}} - V KomoZeru dole přepneme na záložku **Návrh** a zde můžeme editovat podobně jako například v Microsoft Wordu nebo jakémkoliv jiném textovém editoru. Listing vidíte téměř tak jako bude vypadat na finální stránce. - až jste se vším spokojeni tak opět přepněte na záložku **Zdrojový kód** v KompoZeru a označte vše co je mezi slovy ****cokoliv**** a až to máte označené tak tlačítky Ctrl+C nebo přes pravé myšítko((do označeného textu klikněte pravým tlačítkem myši)) z menu povelem **Kopírovat** zkopírujte do schránky. - Vrátíte se zpět na web do stránky geocachingu do rozepsané keše a v poli **Hlavní popis** označíte vše a pak tam vložíte pomocí tlačítek **Ctrl+V** nebo pomocí menu přes pravé tlačítko myši a položku **Vložit** to co jste si upravili v programu KompoZer. Původní označený text se přepíše novým a po potvrzení a uložení stránky v geocaching.com již uvidíte veškeré změny které jste ve stránce provedli díky programu KompoZer. ==== Obrázky ==== Co jste nevěděli o obrázcích v groundspeaku a kouzla s nimi... **Obrázky můžete uložit/použít dvojím způsobem:** * Nahrát je pomocí dialogu **Nahrát obrázky/Upload images** v bočním panelu napravo... * Použít vlastní obrázky které máte uloženy někde na vlastním servru nebo v nějaké službě určené pro obrázky... (nedoporučuji cloud servry((při úklidu cloud servru může snadno dojít k výmazu obrázku - časté relokace obrázků a změna adresy))) === Získání adresy obrázku: === V případě vlastního obrázku je to jednoduché - buď vám služba((Flickr, Imageshack, ...)) kde máte obrázek uložený nabídne přímo adresu obrázku a stačí ji zkopírovat nebo pokud znáte strukturu vašeho uložiště pak je adresa ve tvaru nějakém takovémto((jpg, png, gif - různé druhy podporovaných médii)): http://www.vasserver.cz/images/obrazek.jpg Co se týče groundspeaku tam adresu obrázku pro použití v listingu získáte takto: Pomocí dialogu **Nahrát obrázky/Upload images** nahrajete obrázek. Dialog je natolik intuitivní, že nemá smysl to rozepisovat. V okamžiku kdy se vám obrázek zobrazí po nahrátí (náhled) kliknete na něj aby se zobrazil do plné velikosti. Po jeho zobrazení máte v adresní liště prohlížeče jeho adresu a je možni ji zkopírovat pro další použití... Bude to něco ve tvaru: http://imgcdn.geocaching.com/cache/large/d69d25a2-ca70-4ef3-9fd9-bfc6562aaaf0.png a to je ta adresa kterou pak můžete vložit do listingu a to buď do textu listingu nebo do speciální položky jako pozadí listingu... === Ukrytí obrázku v listingu === Pokud nahráváte obrázky do listingu pomocí dialogu **Nahrát obrázky/Upload images** tak se vám pak zobrazují všechny do seznamu v listingu na konci listingu nad LOGY ale pokud jich je více tak pak je tam dlouhá nudle obrázků... Je možno tyto obrázky smazat z listingu. POZOR pokud je z listingu smažete už se nedostanete nikdy k jejich adrese - takže prvně je potřeba je použít v listingu a pak nakonec promazat pokud je dole pod listingem nechcete mít zobrazené. Mazání je jednoduché klikněte dole pod listingem u obrázku na položku **Upravit/Edit** - zobrazí se náhled obrázku a možnosti co se s obrázkem da dělat. Mimo jiná kouzla je tam i možnost **Smazat obrázek/Delete image** a pokud obrázek smažete pomocí tohoto dialogu s potvrzením ANO/NE tak zmizí ze seznamu na konci listingu ale pokud je v listingu použit tak místa použití zůstanou přesně tak jak jste je vyrobili včetně obrázku - odtud se obrázek neztratí. Používám hlavně na odstranění podkladových obrázků z listingu... === Vložení obrázku do listingu === Vložení obrázku do listingu je opět několika způsoby: * ručně pomocí HTML příkazu je to celkem jednoduché ale malinko to chce něco vědět o HTML protože pak ještě je problém s velikostí centrováním, zrovnání do leva, do prava a dalšími kouzly. Výše uvedený kód je jen prosté vložení obrázku bez ničeho navíc. * pomocí šikovných programů viz výše uvedený KompoZer který má speciální dialog pro vložení obrázku v horní liště v editaci a pak lze i snadno obrázek dále poladit ve smyslu polohy na stránce. Doporučuji opět spíše variantu KompoZer pokud nejste HTML guru...