EDITOR ADMINISTRACE WEBU PF UJEP

EDITOR ADMINISTRACE WEBU PF UJEP

2 Práce s editorem v redakčním systému stránek PF UJEP Obsah 1 Editor - obecně... 3 2 Ikony pro jednoduché formátování:... 4 3 Roletky pro přednastavené formátování... 4 4 Kopírovat, vložit, celý článek... 6 4.1 Jak kopírovat text z Wordu?... 6 5 Odkazy, přílohy, obrázky... 7 5.1 Vložení odkazu na externí stránky... 7 5.2 Vložení odkazu na stráku uvnitř webu PF UJEP... 8 5.3 Vložení přílohy... 9 5.3.1 Vložení přílohy přímo do textu... 10 5.3.2 Smazání přílohy... 14 5.4 Vložení obrázku... 15 6 Další tlačítka... 17

3 1 Editor - obecně S editorem lze samozřejmě pracovat až po přihlášení uživatele do administrace webových stránek http://pf.ujep.cz. Editor je vždy přizpůsoben právům uživatele. Čím vyšší práva v administraci máte přiřazena, tím více tlačítek vám editor zobrazí. My budeme v tomto manuálu používat editor uživatele s plnými právy, aby tak byla zobrazena tlačítka všech úrovní. Každý z uživatelů tak má možnost najít zde popis funkcí jemu nabízených tlačítek. V případě, že si otevřeme editor (Vložit nový článek, nebo editace již existujícího článku), zobrazí se nám v takovéto podobě Nás bude konkrétně zajímat hlavně lišta tlačítek:

4 2 Ikony pro jednoduché formátování: - nový dokument - vymaže veškerý stávající text a článek můžete tvořit znovu - vrací poslední krok zpět - v případě nespokojenosti s vrácením zpět je možné pomocí této šipky posunout vpřed - tučné - podtržené - kurzíva - přeškrtnuté - zarovnat do bloku - zarovnat na střed - zarovnat vlevo - zarovnat vpravo - posunout odstavec vpravo - posunout odstavec vlevo - číslovaný seznam - odrážkový seznam - barva písma (měnit pouze v rámci jednotného vizuálního stylu) - barva pozadí (měnit pouze v rámci jednotného vizuálního stylu) 3 Roletky pro přednastavené formátování Roletka písmo poskytuje možnost vybrat písmo, které bude upřednostněno pro zobrazení na webu (bude-li mít uživatel takové nainstalováno v počítači). Doporučuji ponechat defaultní nastavení

5 Tak jako v editoru MS Word, můžete také zde zvolit velikost písma. Vždy však mějte na paměti vizuální podobu webu. Pokud bude každý odstavec psán jiným písmem, nebude to vizuálně pěkné. Stránka bude působit velmi neuspořádaně. Zde je možné vybrat přednastavenou kombinaci formátování písma. Prakticky pro běžného uživatele téměř nepoužitelné. Pravděpodobně na tuto roletku ve svém editoru nenarazíte Roletka formát vám stejně jako v jiných editorech nabízí možnost naformátovat text do potřebné hierarchie (nadpisy několika úrovní). Naleznete zde také položku odstavec, která vizuálně oddělí text od ostatního (mezera nahoře i dole je to lepší než 1 enter navíc) odstavec můžete následně odsazovat atd. Odstavec doporučuji používat například v případě, že chcete mít v odrážkovém nebo číslovaném seznamu mezi jednotlivými body mezeru. Oddíl ruší mezery (nad i pod) definované odstavcem. Text se stane součástí okolního textu a bude tak také formátován.

6 4 Kopírovat, vložit, celý článek - kopírovat - vložit - vyjmout (stejné jako kopírovat, ale kopírovaný text se nezachová na původním místě) - kopírovat text odjinud (např. z MS Word) - kopírovat z MS Word, lepší je ovšem použít i pro MS Word ikonu - hledat - nahradit - na místě kurzoru se vytvoří horizontální čára. Text umístěný nad čarou bude vidět okamžitě. Pod ním bude odkaz Celý článek. Teprve po kliknutí na něj se zobrazí také text pod horizontální čarou. 4.1 Jak kopírovat text z Wordu? Je to poměrně jednoduché. Mějte však na paměti, že kopírování textu přímo do okna editoru nadělá pěknou paseku. Ti, z uživatelů, kteří používají Internet Explorer, uvidí většinou jen část článku a zbytek webu rozházený. Pokud sami používáte Internet Explorer, vřele doporučuji (kvůli vaší bezpečnosti, nikoli jen kvůli webu PF) jeho aktualizaci na nejnovější verzi IE 8. Ve starém editoru bylo potřeba wordovské a jiné soubory (s příponou doc aj.) otevírat ve Wordpadu nebo Poznámkovém bloku a teprve potom kopírovat. Nyní je postup mnohem jednodušší: 1. Otevřeme si soubor v tradičním programu, ve kterém jsme ho vytvořili (např. MS. Word) 2. Požadovaný text si označíme a zkopírujeme (např. Ctrl + C) 3. Přeskočíme do okna prohlížeče s otevřenou administrací webu PF UJEP a kurzor umístíme v editoru na místo, kam má být text zkopírován. 4. V liště ikon editoru klikneme na 5. Otevře se nám podokno (případně chvilku počkáme, než se načte) 6. Do nově otevřeného podokna vložíme text z původního programu (MS Word) např. pomocí kombinace kláves Ctrl + V.

7 7. Klikneme na tlačítko vložit. Sedmým krokem jsme ukončili proces kopírování. 5 Odkazy, přílohy, obrázky - vložení odkazu (směřujícího na stránku v rámci webu, na stránku mimo web, na přiložený soubor) - zrušení odkazu (pokud je odkaz směrovaný na soubor, musí se soubor nejdříve smazat, kliknutí na tuto ikonu soubor nesmaže, pouze zruší propojení) - vložení obrázku i smazání obrázku (kliknutí na obrázek a stisk klávesy DELETE nesmaže obrázek ze serveru, pouze se tento nezobrazí) 5.1 Vložení odkazu na externí stránky Chceme-li vložit odkaz na externí stránky (např. www.msmt.cz) Pak musíme postupovat tímto způsobem: 1. Označíme si v článku tu část textu, která má odkazovat na web MŠMT ČR. 2. Klikneme na ikonku 3. Otevře se nám následující podkokno

8 http://www.msmt.cz 4. Do růžově vyznačeného pole zkopírujeme požadovanou adresu 5. V roletce Cíl zvolíme Otevřít v novém okně. 6. Klikneme na tlačítko Vložit. Nyní jsme vytvořili odkaz na externí stránku. 5.2 Vložení odkazu na stráku uvnitř webu PF UJEP První tři kroky zůstávají stejné, tzn.: 1. Označíme si v článku tu část textu, která má odkazovat na požadovanou stránku. 2. Klikneme na ikonku 3. Otevře se nám následující podkokno

9 Tentokrát nás ale bude zajímat odkaz Obsah 4. Klikneme na zmíněný odkaz Obsah (v růžové elipse) ->Rozbalí se seznam sekcí. Po rozkliknutí sekce se rozbalí seznam kategorií příslušných zvolené sekci. Po rozkliknutí kategorie se nám rozbalí seznam článků, které tato kategorie obsahuje. Zde si nalezneme požadovaný článek a klikneme na něj. 5. Klikneneme na tlačítko vložit. (Tentokrát necháváme roletku Cíl bez povšimnutí) Nyní máme vytvořený odkaz na jiný článek našeho webu. 5.3 Vložení přílohy Pokud chceme vložit přílohu standardním způsobem do tabulky pod článkem, pak 1. Po přihlášení kliknemem na červený nápis, který se nachází pod článkem Přidat přílohu, Nebo na stejný text pod editorem v editaci článku. Objeví se následující okno.

10 2. Zkontrolujeme, jestli název souboru, který chceme přiložit k článku, neobsahuje diakritiku. Pokud tomu tak je, pak diakritiku z názvu MUSÍME odstranit (např. červenec.doc přejmenujeme na cervenec.doc). 3. Klikneme na tlačítko Procházet a vložíme požadovaný soubor (stejně jako u příloh v mailu) 4. Aby se nám ve výsledku zobrazil název s diakritikou, napíšeme korektní název do kolonky Zobrazený název souboru. Můžeme napsat červenec, ale můžeme také napsat Červencové termíny zkoušek. 5. Klikneme na tlačítko Upload. Nahrání přílohy je hotové. 5.3.1 Vložení přílohy přímo do textu Pokud chceme vložit přílohu přímo do textu, pak použijeme stejný způsob jako u vkládání odkazů. První tři kroky zůstanou opět totožné. 1. Označíme si v článku tu část textu, která má odkazovat na požadovanou stránku. 2. Klikneme na ikonku 3. Otevře se nám následující podkokno

11 4. Nyní ale potřebujeme nahrát požadovaný soubor na server, abychom na něj mohli odkázat. Klikneme proto na tlačítko lupy, které je opět v růžově označeno. 5. Opět se nám otevře podokno. Tentokrát je určeno pro správu souborů:

12 6. Klikneme na ikonu v růžovém kroužku, která se nacdhází uprostřed trojice ikon vpravo nahoře. Pokud na ni najedeme kurzorem a neklikneme, ukáže se nám po několika sekundách okénko nápovědy s textem Nahrát. Na tuto ikonku klikneme. Objeví se: 7. Klikneme na tlačítko Add (opět v růžovém kroužku)

13 8. Opět se otevře okno s obsahem našeho počítače jako u přidávání příloh k mailu. Vybereme v počítači požadovaný soubor a klikneme na Nahrát (v zeleném kroužku). Po té, co se nám objeví zelená značka u názvu souboru: Klikneme na Zrušit. 9. Ve správci souborů se nám ukáže soubor, který jsme nahráli. Klikneme na něj a následně na slačítko Insert (růžovém kroužku). 10. Následně opět v roletce Cíl zvolíme Otevřit v novém okně 11. Posledním krokem je potvrzení kliknutím na tlačítko Vložit.

14 5.3.2 Smazání přílohy Pokud chceme smazat standardně umístěnou přílohu z tabulky pod článkem, pak stačí po přihlášení kliknout na červený křížek, který se po přihlášení u každé z příloh objeví. Přílohu přidanou právě popsaným způsobem přímo do textu smažeme také poměrně jednoduše: Prvních 5 kroků je totožných s přidáním přílohy tedy dostaneme se do Správce souborů 1. Označíme si v článku tu část textu, která má odkazovat na požadovanou stránku. 2. Klikneme na ikonku 3. Otevře se nám podkokno Správce souborů 4. Zde nalezneme požadovaný soubor, klikneme na něj a následně klikneme na červený křížek na právě straně (v růžovém kroužku). Následně se nás systém ještě jednou zeptá, jestli opravdu chceme soubor smazat - > Klikneme na Ano. 5. Klikneme na tlačítko Zrušit a pak ještě jednou na tlačítko Zrušit. 6. Pokud odkaz v textu zůstal pak na něj v editoru klikneme myší a klikneme na ikonu tím odkaz zrušíme. (POZOR nejdřív je opravdu třeba smazat onen soubor výše popsanou cestou!!!)

15 5.4 Vložení obrázku Vložení obrázku je velmi podobné. 1. Kurzor umístíme do řádku, do kterého chceme obrázek umístit. 2. Klikneme na ikonu 3. V nově otevřeném podokně Správce obrázku klikneme na ikonu nahrát (v růžovém kroužku stejná jako ve správci souborů).

16 Opět se nám objeví již známé podokno 4. Klikneme na Add, vybereme požadovaný obrázek POZOR musí být optimalizovaný pro web rozměry max. 640x480 v maximální velikosti 100KB (uživatelé s vyššími právy až 200KB). 5. Po nahrání souboru opět počkáme na zelenou značku (v modrém kroužku) 6. Klikneme na Zrušit, nastavíme zarovnání (v růžové elipse) ve Správci obrázků a klikneme na Insert. Pokud chceme naopak obrázek smazat, pak ve správci obrázků klikneme na požadovaný obrázek a opět klikneme na červený křížek vpravo (zeleném kroužku). Po potvrzení tohoto kroku bude obrázek smazán.

17 6 Další tlačítka - zobrazí editor přes celý prohlížeč (vhodné pro rozsáhlejší úpravy - vloží vodorovnou čáru - horní index - dolní index - kotva (umožňuje odkazovat na jinou část téhož článku (usnadňuje rolování) - smazat tabulku - vyčištění kódu (odstraní z HTML, které uživatel nevidí, zbytečné tagy )