WIKI nejen pro klienty webhostingu banan.cz, diskuze zde
Tvorba článku
Z BananWiki
V této části si obecně ukážeme jak efektivně vytvořit vlastní článek.
Obsah |
Jak vytvořit novou stránku
V administraci klikneme na Nová stránka (pokud ještě nebyla vytvořena) nebo v Editace stránek vybereme již vytvořenou stránku. Následně vybereme Článek (ikona s velkým A). Otevře se nám editace jako na obrázku níže.
Jak pracovat s editorem
Stejně jako náš redakční systém, i editor je stále ve vývoj a zlepšuje se. V následujících dvou podsekcích naleznete jedna základní verzi, která je všude a v druhé sekci jsou změny, ke kterým došlo postupem času a tudíž jen doplňky, které jsou aktuální.
Základní verze
Již jsme v editoru (jedná se o TinyMCE), takže se pustíme do práce.
Obrázek si rozdělím do několika očíslovaných částí a postupně vysvětlím, která je k čemu dobrá.
- 1. Titulek stránky
- je pojmenování stránky a tento text bude zobrazen v liště (a panelu) internetového prohlížeče. Tento údaj je povinný.
- 2. Nadpis článku
- Jedna stránka může obsahovat více bloků (kromě článků i fotogalerie atd) - tedy i více článků, a právě proto je dobré si jednotlivé články pojmenovat. To se dělá zde.
- 3. Formát textu
- Zde máme klasické tři vlastnosti textu.
- ikona zleva slouží pro tučné formátování textu (zkratka Ctrl + B)
- ikona zleva slouží pro kurzívou (zkratka Ctrl + I)
- ikona zleva slouží pro podtržené formátování textu (zkratka Ctrl + B)
- 4. Typ nadpisu
- Zde máme klasické tři úrovně nadpisu.
- ikona zleva slouží pro text
- ikona zleva slouží pro podnadpis
- ikona zleva slouží pro nadpis
- 5. Další vlastnosti textu
- Speciální formátování textu.
- ikona zleva se používá, když chcete citovat nějakou část kódu nebo třeba chcete napsat odkaz (www.banan.cz), ale nechcete, aby byl aktivní. Je to tedy jednoduše řečeno jakýsi text bez vlastností. Samozřejmě URL můžete přidat i odebrat i u takto upraveného textu (o tom dále). Tento text bude v jakémsi vlastním vnořeném textovém poli.
- ikona zleva nám umožňuje psát znaky s dolním indexem (chemické vzorce - třeba zápis CO2 s velkou dvojkou by nebyl zrovna šťastným způsobem)
- ikona zleva nám naopak umožňuje psát znaky s horním indexem (matematické vzorce - místo zápisu "x na druhou" či "x^2" využijeme horní index pro dvojku)
- 6. Zarovnání
- Zde se nachází zarovnání textu.
- ikona zleva je pro zarovnání doleva
- ikona zleva slouží k zarovnání na střed
- ikona zleva je zarovnání doprava
- ikona zleva pak pro zarovnání do bloku
- 7. Odsazení
- Pokud potřebujete odsadit text (to, co ve Wordu děláte pomocí tabulátoru), uděláte to pomocí těchto dvou ikon.
- ikona zleva odsazuje vždy o jednu úroveň doleva
- ikona zleva odsazuje vždy o jednu úroveň doprava
- 8. Osnovy a oddělovač
- Pokud potřebujete nějak zpřehlednit Váš text (udělat osnovu či oddělit text), pak to můžete udělat pomocí této sekce.
- ikona zleva nám umožní vytvořit víceúrovňový seznam s odrážkami - kliknete na tuto ikonu a když chcete přidat další řádek, tak jedoduše odentrujete. Pokud chcete změnit úroveň, můžete použít odsazení (viz bod 7. Odsazení).
- ikona zleva umožňuje to samé jako první ikona zleva, akorát nám tvoří seznam číslovaný
- ikona zleva odsazuje vždy o jednu úroveň doleva
- 9. Vlastní html kód a zobrazení
- ikona zleva umožňuje vlastní editaci pomocí html kódu. Pokud chceme nějak již vygenerovaný html kód (to dělá editor za nás) nějak vlastně upravit, můžeme tak učinit zde. Ovšem vyžaduje to znalost html jazyka.
- ikona zleva slouží pro celostránkové zobrazení editoru. Pokud nepotřebujete zrovna celostránkový režim, ale editor byste chtěli mít i přesto větší, můžete si jej upravit do libovolné velikosti tak, že kliknete do pravého dolního rohu editoru, držíte a táhnete doleva či doprava a nahoru či dolů.
- 10. Práce s textem
- ikona zleva nám pomáhá vkládat text z Wordu. Doporučuji vkládat pomocí této funkce a ne přímým kopírováním do editoru, jelikož Word si do textu přidává i vlastní formátování a mohlo by to způsobit potíže.
- ikona zleva nám pomáhá najít řetězec textu či jednotlivé znaky, které v editoru máme napsány.
- ikona zleva najde hledaný text či znak a nahradí je za požadovaný (pokud třeba někde máme kvůli překlepu dvě mezery, zadáme je do hledání a do pole "nahradit za" zadáme pouze jednu mezeru. Pak již stačí kliknout na "nahradit vše" a v celém článku se nahradí dvě mezery za jednu.
- 11. Zpět a Znovu
- ikona zleva vrací provedenou změnu/změny do stavu před danou jejím provedením
- ikona zleva znovu provede vrácenou změnu
- 12. Barva textu a pozadí
- ikona zleva pomáhá změnit barvu textu. Označíme si zvolený text, a rozklikneme si tuto ikonu, následně vybereme barvu (pomocí trojúhelníčku) nebo nastavíme vybranou barvu (kliknutím na A).
- ikona zleva nastaví barvu pozadí textu. Označíme si zvolený text, a rozklikneme si tuto ikonu, následně vybereme barvu (pomocí trojúhelníčku) nebo nastavíme vybranou barvu (kliknutím na A).
- 13. Vkládání speciálního obsahu
- ikona zleva nám umožňuje vložit nějaký speciální znak (pí), který normálně na klávesnici nenalezneme
- ikona zleva slouží pro vkládání předdefinovaných smajlíků. Po vložení je možno je myší přetáhnout i jinam.
- ikona zleva nám umožňuje vytvořit nějaké umístění v článku, na které je možno se pak odkazovat (jakýsi lokální odkaz). Pokud budeme mít sáhodlouhý text, můžeme si jej rozdělit do kategorií a na námi zvoleném místě (třeba v polovině stránky) pak vložíme kotvu a pojmenujeme si ji třeba "kotva1". Pokud pak budeme chtít na toto místo poukázat, vložíme někde (třeba na úplný konec stránky) text "podívejte se doprostřed" (kde máme tu kotvu) a tomuto textu dáme hypertextový odkaz "kotva1". Jednoduše klikneme na ikonu řetězu (bod 15. Odkazy) a v roletkovém menu "Záložka" vybereme "kotva1". Po kliknutí na text "podívejte se doprostřed" se ocitneme právě v místě kotvy, takže nemusíme nic hledat či rolovat stránkou.
- 14. Obrázky a soubory
- ikona zleva slouží pro vložení a úpravu obrázku. Zde načtete obrázek z konkrétního umístění, nastavíte mu rozměry (výška, šířka), titulek, popis, zarovnání, odsazení, případně obrázek, který se zobrazí po najetí či odjetí myši z obrázku atd. Před aktualizováním si můžete prohlédnout náhled.
- ikona zleva nám otevře prohlížeč nahraných dat (obrázků a souborů), vybereme kliknutím. Pozice obrázku či souboru se dá změnit přetažením myši.
- ikona zleva nám dovoluje nahrát nový obrázek nebo soubor - doporučuje se, jelikož pokud odkazujete pouze pomocí odkazu na cizí umístění, může se Vám stát, že obrázek majitel odstraní a Vy o něj přijdete také. Takhle jej máme fyzicky uložen u sebe.
- ikona zleva umožňuje vlastní editaci pomocí html kódu. Pokud v editoru chybí ikona pro nějakou funkci, či něco nelze pomoci editoru realizovat, můžete si to klidně sami naimplementovat tak, že kliknete právě na tuto ikonu a jestliže znáte jazyk html, můžete si pak zde tento kód vložit.
- 15. Odkazy
- Nezbytnou součástí webů jsou odkazy. Pokud s nimi chcete pracovat, tak právě zde.
- ikona zleva umožňuje přidat či upravit odkaz. Klikneme nejdřív na text či obrázek, který bude našim odkazem a pak na tuto ikonu. Můžeme buď zapsat URL (celá cesta odkazu) nebo vybrat možnost kotvy, pokud jsme si kotvu předem vytvořili (viz bod 13. Vkládání speciálního obsahu). Můžeme zde nastavit také jak se odkaz otevře (nové okno, vyskakovací okno), umístění, za jakých podmínek se přejde na jakou stránku, a další různé možnosti.
- ikona zleva nám již vložený odkaz odebere (pokud již nechcete, aby text či obrázek byl hypertextovým odkazem nebo obsahoval odkaz na kotvu).
- 16. Vložení tabulky
- Zde zadáváme počet sloupců a řádků, odsazení, rozestup buněk, zarovnání, tloušťku rámečku, nadpis tabulky, barvu (rámečku a pozadí) atd. Vytvořenou tabulku pak můžeme různě upravovat pomocí ostatních ikon editoru nebo opět této. Taky funguje táhnutí myši pro úpravu velikosti apod.
- 17. Vlastnosti řádku a buňky
- Tyto ikony budeme mít aktivní jen pouze tehdy, pokud máme vytvořenu aspoň jednu tabulku. Upravujeme jimi vlastnosti tabulky, kterou chceme editovat.
- 18. Přidání a odstranění řádků tabulky
- ikona zleva nám zajišťuje vložení řádku nad řádek, v kterém se nacházíme
- ikona zleva nám zajišťuje vložení řádku pod řádek, v kterém se nacházíme
- ikona zleva nám zajišťuje odstranění řádku, v kterém se právě nacházíme
- 19. Přidání a odstranění sloupce tabulky
- ikona zleva nám zajišťuje vložení sloupce vlevo od sloupce, v kterém se nacházíme
- ikona zleva nám zajišťuje vložení sloupce vpravo od sloupce, v kterém se nacházíme
- ikona zleva nám zajišťuje odstranění sloupce, v kterém se právě nacházíme
- 20. Sloučení a rozdělení buněk tabulky
- ikona zleva rozděluje dříve sloučené buňky. Kliknete do místa sloučení a pak na ikonu a tabulka bude rozdělena do defaultního stavu.
- ikona zleva provede sloučení vybraných buněk. Buď je označíme tažením myši, kdy vybereme více políček (pak jen stačí kliknout a vytvoří se nám jedna větší buňka) a nebo nebo bez označení rovnou můžeme kliknout na tuto ikonu a vyskočí nám okénko, kde zadáme kolik sloupců zleva a řádku shora chceme sloučit. Doporučuji spíše první možnost.
- 21
- Je patrné, že vše, k čemu jsme výše popsané ikony potřebovali vkládáme do tohoto pole. Zde píšete text, vkládáte obrázky atd. Co vidíte zde pak po uložení a publikování uvidíte ve Vaši prezentaci na příslušném místě.
Novinky v editoru
Během nejbližší doby se redakčního systému chystá implementace nejnovější verze tohoto editoru. Je v podstatě stejná a přináší jen menší úpravy. Rozdíly jsou patrné z následujícího obrázku a pod ním je i vysvětlím.
- 1. O ikonu méně
- Na tomto místě byla v minulosti ikona pro vložení oddělovače, v této verzi je již vedle ikonky se smajlíkem (viz číslo 13. na obrázku základní verze).
- 2. O ikonu navíc
- Zde přibyla ikona (2. zleva), která nám umožní vložit čistý text zbavený všeho formátování (například z Wordu).
Zbytek se nikterak neliší od základní verze.