geo:help:jakpsatkes [GeoTřebíč wiki]

Tato stránka je pouze pro čtení. Můžete si pouze prohlédnout zdrojový kód, ale ne ho měnit. Zeptejte se správce, pokud si myslíte, že něco není v pořádku.
====== 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. <wrap important>Tato fáze je prostě nezměnitelná a musí si ji každý projít...</wrap>

==== 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í**.
<WRAP center round important 60%>
Následný popis předpokládá nainstalovaný program KompoZer!
</WRAP>
  - 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 **<br>** 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. <wrap important>Text musí být vložen mezi povely **<body>**vaše HTML**</body>** jinak to prostě nefunguje!!</wrap> {{ :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 **<body>**cokoliv**</body>** 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)): <code>http://www.vasserver.cz/images/obrazek.jpg</code>
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: <code>http://imgcdn.geocaching.com/cache/large/d69d25a2-ca70-4ef3-9fd9-bfc6562aaaf0.png</code> 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. <wrap important>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é</wrap>. 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 <code><img src="adresa obrázku"></code>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. <wrap tip>Doporučuji opět spíše variantu KompoZer</wrap> pokud nejste HTML guru...