Obsah Pro koho je příručka určena?...3 Přihlášení do systému...3 Prostředí systému...4 Toolbar...4 Rychlý přístup k editaci obsahu...4 Tvorba obsahu stránek...5 Přehled typů obsahů...5 Aktuality...5 Publikace...5 Zápis z jednání...5 Úřední deska...5 Základní stránka...5 Článek...6 Tvorba obsahu...7 Jak vytvořit obsah?...7 Nadpis...8 Datum...8 Aktuality...9 Štítky...9 Ilustrační obrázek...10 Text - Wysiwyg editor...12 Formát textu...13 Popis a funkce ikon...13 Základní práce s textem...15 Formátování obsahu...15 Vklad a formátování obrázku...16 Tvorba odkazu...16 Tvorba citace...17 Tvorba seznamu...17 Zarovnání textu...18 Tvorba tabulky...18 Text shrnutí...19 Fotogalerie...20 Přílohy...22 Autor...23 Metatagy...24 URL...24 Publikace na úvodní stránce...25 Správa obsahu...26 Překlad obsahu...27 Překlad obsahu Obsahy je možné přeložit pro zařazení do anglické verze stránek. Postup překladu 1) Přejděte na editaci vybraného obsahu. 2) Klikněte na na záložku přeložit. 3) V této záložce získáte přehled o stavu překladu. 4) Klikněte na odkaz add pro přidání překladu do angličtiny. 5) Vytvořte anglickou verzi obsahu. 6) Obsah uložte stisknutí tlačítka [Save] na konci formuláře. 2 27
Správa obsahu Systém nabízí editorům přehled obsahů, které vytvořili. Prostřednictvím toho obsahu je možné obsah dohledat a provádět s ním další operace. Postup zobrazení seznamů obsahů 1) Klikněte na odkaz obsahy. Pro koho je příručka určena? Uživatelská příručka je určena pro editory webu, kteří se budou podílet na spoluvytváření obsahu webu 2. lékařské fakulty UK v Praze. Příručka je zaměřena na správu obsahu webu a práci ve wysiwyg editoru. Součástí kapitol jsou postupy, které vám pomohu osvojit si přístup k vytváření a správě vlastního obsahu. Přihlášení do systému Pro přístup ke správě obsahu je třeba se nejprve přihlásit do systému. Postup přihlášení do systému 1) Klikněte na odkaz přihlášení v hlavě stránek. 2) Na stránkách se zobrazí seznam obsahů, které editor vytvořil. 3) Po stisku na nadpis obsahu se dostane na detail obsahu. 4) Po stisku na odkaz upravit můžete přistoupit k úpravě vybraného obsahu. 5) Prostřednictvím odkazu smazat je možné obsah odstranit ze stránek. 2) Zadejte jméno a heslo pro vstup do univerzitního systému. 3) Po přihlášení se bude v hlavě stránek vyskytovat vaše jméno a odkaz pro odhlášení ze systému. 26 3
Prostředí systému Toolbar Po přihlášení do systému budou stránky rozšířeny u uživatelský toolbar, přes který je možné přistupovat ke správě stránek. Publikace na úvodní stránce Obsah je možné doporučit pro zobrazení na úvodní stránce. Postup tvorby doporučení pro zobrazení na úvodní stránce 1) Přejděte na editaci obsahu. 2) Na konci editačního formuláře se nachází záložka Flags. Poznámka: Položky v toolbaru se mohou lišit dle nastavení oprávnění pro práci se systémem. Oprávnění pro jednotlivé uživatele nastavuje správce systému. Postup práce s toolbarem Po najetí myši na položku v toolbaru je možné kliknout přímo na položku, nebo využít rozbalení menu pro přechod na nižší úroveň v menu. 3) Vyberte položku: Doporučit na titulní stránku. 4) Uložte obsah. Rychlý přístup k editaci obsahu K obsahu je možné rychle přistupovat přes kontextovou nabídku, která se zobrazí po najetí kurzory myši nad vybraný obsah. 4 25
Postup tvorby autora 1) Zadejte jméno do pole autor. 2) Zadání autora je třeba uložit společně s celým obsahem. Metatagy Jednotlivé obsahy je možné opatřit metatagy, které zlepšují vyhledatelnost obsahu internetovými vyhledávači. Toto pole není třeba ve většině případů vyplňovat a spolehnout se na standardní chování. Postup úpravy metatagů Název stránky je automaticky tvořen nahrazovacím vzorkem, který je se skládá z nadpisu obsahu a názvu stránek. Toto pole není třeba přepisovat, pokud není žádoucí název stránky popsat jinak. Popis je tvořen části shrnutí obsahu. Pokud je třeba, je možné metatag nahradit vystižnějším popisem obsahu. Popisek by neměl být delší než 150 znaků. Klíčová slova je možné dopsat dle vlastního uvážení. Doporučuje se max. 5 výrazů oddělených čárkou. Tvorba obsahu stránek Obsah stránek je možné vytvářet pomocí několika typů obsahů, jejichž prostřednictvím je možné pohodlně spravovat obsah celého webu. Editor nemusí věnovat pozornost tvorbě struktury webu. Jeho pozornost by měla být zaměřena na tvorbu obsahu a případně jeho zařazení vybraných termínů. Přehled typů obsahů Obsah stránek je vytvářen několika typy obsahů, které se zobrazují na různých místech na stránkách. Editor by měl znát typy obsahů a využít pro tvorbu zamýšleného obsahu vhodný typ. Aktuality Aktualita slouží ke tvorbě sdělení, které mají svoji časovou platnost a není nutné je řadit do hlavní struktury stránek. Aktualitu je možné časově ohraničit, určit komu je určena, plánovat její publikaci a doporučit pro zobrazení na úvodní stránce. Publikace Specializovaný typ obsahu, který slouží k tvorbě publikací. Publikace je možné zařadit do vybraných termínů ve struktuře stránek. Vydání publikace na stránkách je možné časově naplánovat. Zápis z jednání URL Součástí editace obsahu je možnost nastavení vytváření URL adres. Specializovaný typ obsahu, který slouží výhradně k tvorbě zápisů z jednání. Zápis z jednání je možné zařadit do vybraných termínů ve struktuře stránek. Vydání zápisu z jednání je možné časově naplánovat a doporučit pro zobrazení na úvodní stránce. Úřední deska Specializovaný typ obsahu, který slouží výhradně k tvorbě záznamů na úřední desce. Záznam na úřední desce je možné časově ohraničit, plánovat jeho publikaci a doporučit pro zobrazení na úvodní stránce. Toto pole doporučujeme nevyplňovat a spolehnout se na přednastavený způsob automatického generování URL adres. Základní stránka Základní stránka je základním stavebním prvkem struktury stránek. Pomocí základní stránek je vytvářeno hlavní menu, rozcestník i menu jednotlivých skupin (pracoviště, akce). 24 5
Základní stránku je možné doporučit pro zobrazení na úvodní stránce. Článek Článek je určen k vytváření obsahů, které jsou řazeny do termínů (opatření děkana aj.) a vytváří ve struktuře seznamy. Poznámka: Vytváření termínu pro články je v kompetenci správce webu. Článek je možné časově ohraničit, plánovat jeho publikaci a doporučit pro zobrazení na úvodní stránce. Poznámka: Typy obsahů akce, pracoviště, formulář a intro jsou vyhrazeny pro správce a budou popsány v uživatelské příručce pro správce webu. 5) Soubor můžete opatřit popiskem, který bude lépe popisovat obsah souboru než jeho název. Správa příloh Soubory je možné řadit pomocí funkce Drag and Drop. Chytněte ikonu kříže a posunujte souborem nahoru nebo dolu. Jednotlivé obrázky je možné jednoduše smazat pomocí tlačítka [Odstranit]. Jednotlivé obrázky je možné dodatečně opatřit popiskem, který se na stránkách zobrazí na místo názvu souboru. Provedené změny je třeba uložit společně s celým obsahem. Autor Každý obsah je možné opatřit jménem autora, který se zobrazí na konci stránky společně s datem poslední změny obsahu. 6 23
Přílohy Pole přílohy slouží k připojení seznamu souborů, které souvisí s vytvářeným obsahem. Tvorba obsahu Jak vytvořit obsah? Postup tvorby obsahu 1) Najeďte myší na toolbar. Zobrazte požadovanou položku a klikněte. Postup tvorby příloh 1) U pole přílohy stiskněte tlačítko [Procházet]. 2) Po kliku se vám zobrazí formulář pro tvorbu obsahu. 2) Najděte soubor na svém počítači a stiskněte tlačítko [Otevřít]. 3) Stiskněte tlačítko [Nahrát]. 4) Přidejte další soubor (stejným způsobem) do pole, které se zobrazí pod již nahraným souborem. 22 7
Nadpis Nadpis je povinnou součástí tvorby každého obsahu. 4) Přidejte další obrázek (stejným způsobem) do pole, které se zobrazí pod již nahraným obrázkem. Postup tvorby nadpisu 1) Zadejte nadpis obsahu do pole nadpis. Datum U vybraných typů obsahu (aktuality, článek, úřední deska, akce) je možné určit aktuálnost příspěvku. Obsah, u kterého je zadáno datum, se stane součástí kalendáře. 5) Před uložením celého obsahu je vhodné vyplnit u jednotlivých obrázků: Popis obrázku alternativní popisek (pro nevidomé zvýšení přístupnosti webu). Nadpis titulek, který se zobrazuje u jednotlivých obrázků. Správa obrázků ve fotogalerii Postup tvorby časové ohraničenosti obsahu 1) Stiskem výběru All Day je možné zadání data omezit pouze na celé dny. Obrázky je možné řadit pomocí funkce Drag and Drop. Chytněte ikonu kříže a posunujte obrázkem nahoru nebo dolu. 2) Pokud označíte pole datum, objeví se vám kalendář, ve kterém můžete intuitivním způsobem zadat datum. Jednotlivé obrázky je možné jednoduše smazat pomocí tlačítka [Odstranit]. Jednotlivé obrázky je možné dodatečně opatřit alternativním textem a nadpisem. Provedené změny je třeba uložit společně s celým obsahem. 8 21
3) Po zadání náhledového textu můžete souhrn zavřít odkazem skrýt souhrn. 4) Souhrn je třeba uložit společně s celým obsahem stiskem tlačítka [uložit]. Fotogalerie Pole fotogalerie slouží k vytvoření obrázkové galerie na stránkách. 3) Zadejte datum začátku i konce. 4) Pokud jste ponechali volbu času, zadejte i čas. Potup tvorby galerie 1) U pole fotogalerie stiskněte tlačítko [Procházet]. Aktuality Vybrané obsahy je možné zařadit do výpisu aktualit. 2) Najděte soubor s obrázkem na svém počítači a stiskněte tlačítko [Otevřít]. Postup zařazení obsahu do seznamu aktuality 1) Vyberte kategorie aktualit, ve kterých se má obsah zobrazovat. 3) Stiskněte tlačítko [Nahrát]. Štítky Obsah je možné označit štítky, které slouží k vytváření seznamu obsahů společného typu (štítku). 20 9
1) Umístěte kurzor do tabulky. 2) Vyberte z roletky styl tabulky. 3) Podoba tabulky bude upravena podle předdefinovaného stylu. Postup zadání štítku Do pole zadejte nový štítek, nebo využijte našeptávače, který vám nabídne již zadaný štítek. Jednotlivé štítky je třeba oddělit čárkou. Ilustrační obrázek Ilustrační obrázek slouží k opatření obsahu fotografií, která ilustruje obsah příspěvku. Poznámka: Dalších úprav dosáhnete úpravou parametrů tabulky (např. Zrušení pevné šířky). Text shrnutí Při tvorbě obsahu je možné vytvořit shrnutí, které se bude zobrazovat při zobrazení náhledu obsahu. Poznámka: V případě, že shrnutí nebude vytvořeno, bude náhledový text (perex) vytvořen oříznutím textu. Postup tvorby shrnutí 1) Klikněte na odkaz upravit souhrn nad wysiwyg editorem. Postup tvorby ilustračního obrázku 1) Stiskněte tlačítko [Vybrat] u pole obrázek. 2) Nahrajte nový obrázek, nebo vyberte již nahraný. 2) Vytvořte text přiměřené délky. Tento text se již v náhledu obsahu nebude ořezávat. 3) Stiskněte tlačítko [Procházet]. 10 19
Postup úpravy úrovní v seznamu 1) Označte položku v seznamu. 2) Stiskněte tlačítko pro posunutí o úroveň výše. Stiskněte tlačítko pro posunutí o úroveň níže. Postup tvorby kombinovaného seznamu 1) Označte položku v dané úrovni seznamu. 2) Stiskněte tlačítko pro tvorbu nečíslovaného seznamu. Stiskněte tlačítko pro tvorbu číslovaného seznamu. 4) Vyberte obrázek na svém počítači a stiskněte tlačítko [Otevřít]. 5) Stiskněte tlačítko [Nahrát]. Zarovnání textu Text je možné zarovnat vlevo, vpravo, na střed a do bloku. Postup zarovnání textu 1) Označte odstavec, který chcete zarovnat. 2) Stiskněte tlačítko pro zarovnání. 3) Text bude zarovnán. 6) Po nahrání obrázku stiskněte tlačítko [Následující]. Tvorba tabulky Prostřednictvím editoru je možné vložit do obsahu tabulku. Postup tvorby tabulky 1) Stiskněte tlačítko. 2) V plovoucím okně zadejte počet sloupců a řádků. Popis tabulky a případně i souhrn. 3) Vyplňte buňky tabulky. 7) Ponechte oprávnění souborů pro veřejné (pokud nemá být obsah privátní omezený na vydání celého obsahu). Postup formátování tabulky 1) Stiskněte pravé tlačítko myši nad tabulkou. 2) V kontextové nabídce naleznete akce pro práci s řádky, sloupci či buňkou tabulky. V nabídce naleznete možnost se vrátit k nastavení vlastností tabulky. 8) Zadejte Nadpis a alternativní popis obrázku a stiskněte tlačítko [Uložit]. Úprava podoby tabulky Podobu tabulky je možné upravit pomocí stylů. 18 11
Postup tvorby odkazu 1) Označte celou část obsahu, která má tvořit odkaz. 9) Obrázek bude zařazen do Knihovny médií a zároveň přiřazen k poli pro zadání ilustračního obrázku. 2) Stiskněte tlačítko. 3) V plovoucím okně zadejte: Interní adresu (možnost využít našeptávač). Externí adresu (URL adresa). Email (emailová adresa). Kotva (Odkaz na místo ve stránce). 4) Stiskněte v plovoucím okně tlačítko [OK]. 5) Z označené části obsahu bude vytvořen odkaz. Postup zrušení odkazu 1) Umístěte kurzor do odkazu. 2) Stiskněte tlačítko. 3) Odkaz bude zrušen. Text - Wysiwyg editor Wysiwyg editor slouží k formátování textového obsahu stránek. Tvorba citace Citace má vlastní formátování, které ji vymezuje z běžného textu. Postup tvorby citace 1) Označte (umístěte kurzor) do textu, ze kterého chcete vytvořit citaci. 2) Stiskněte tlačítko. 3) Formát textu bude změněn na citaci. Tvorba seznamu Postup tvorby číslovaného i nečíslovaného seznamu je stejný. Postup tvorby seznamu 1) Vytvořte několik odstavců. 2) Označte odstavce. 3) Stiskněte tlačítko pro tvorbu seznamu. 4) Označené odstavce se přemění do podoby seznamu. 12 17
1) Vytvořte (vyberte) text na novém řádku. 2) Umístěte (nechte) kurzor v místě tohoto textu. 3) Z roletky (Styl) vyberte požadovaný typ předefinovaného formátování. Vklad a formátování obrázku Vklad obrázku do textu je možné realizovat pomocí tlačítka [media]. Poznámka: Součástí editoru je také tlačítko (obrázek), které odkazuje pouze na URL souboru, jenž je již uložen v systému. Neumožňuje nahrát nový obrázek. Formát textu Filtred HTML Profil Wysiwyg editoru určený pro editora webu. Popis a funkce ikon Ikona Název akce Funkce ikony Zdrojový kód Po stisknutí tlačítka bude okno editoru obsahovat zdrojový kód, který je možné editovat přímo v jazyce HTML. Postup vkladu obrázku 1) Stiskněte tlačítko media. 2) Nyní je možné: Nahrát nový obrázek. Vložit již vytvořený obrázek. Vložit Vámi vytvořený obrázek. 3) Vyberte záložku (Library) a označte vybraný (vyhledaný) obrázek. 4) Stiskněte tlačítko odeslat. 5) Vyberte definovaný formát obrázku, podle zamýšlené velikosti, kterou chcete vložit do stránky. Opatřete obrázek popiskem a titulkem. 6) Stiskněte odeslat a obrázek bude umístěn do editoru v zadaném formátu. Postup zarovnání obrázku 1) Označte obrázek. 2) Z roletky (Styl) vyberte: (Obrázek vlevo, obrázek vpravo). 3) Na obrázek bude uplatněno obtékání. Parametry obrázku 1) Označte obrázek. 2) Stiskněte pravé tlačítko myši a vyberte položku vlastnosti obrázku. 3) V plovoucím okně je možné editovat parametry obrázku (výška, šířka, odsazení,...). Poznámka: Pokud použijete pro obtékání styl. Přiřazení obtékání při editaci obrázku je spíše nežádoucí. Tvorba odkazu Vytvořit odkaz ve wysiwyg editoru je velmi jednoduché. Vyjmout Kopírovat Vložit Vložit z wordu Vzad Vpřed Vybrat vše Zrušit formátování Obrázek Média Tabulka Tlačítko umožňuje vyjmout část obsahu. (Alternativně lze využít klávesové zkratky Ctrl+X). Tlačítko umožňuje kopírovat část obsahu. (Alternativně lze využít klávesové zkratky Ctrl+C). Tlačítko umožňuje vložit obsah ze schránky do editoru. (Alternativně lze využít klávesové zkratky Ctrl+V). Pro vložení obsahu z wordu přes schránku doporučujeme využít toto tlačítko. Obsah bude zbaven nežádoucího formátování. Možnost vrátit operaci v editoru o krok vzad. Možnost obnovit operaci v editoru o krok vpřed. Toto tlačítko umožňuje vybrat veškerý obsah v editoru. Je třeba mít kurzor umístěn v editoru. (Podobné funkce dosáhnete stisknutím klávesové zkratky Ctrl+A.) Toto tlačítko vám pomůže zbavit obsah veškerého formátování a začít formátovat obsah od začátku. Prostřednictvím toho tlačítka je možné editovat odkaz na obrázek. Pomocí tlačítka média je možné obsah obohatit o nové i již vytvořené obrázky (popřípadě další média dokumenty, audio záznamy, videa). Prostřednictvím tohoto tlačítka je možné vložit do obsahu tabulku. (Tabulku je možné dále formátovat prostřednictvím kontextové nabídky, která se zobrazí po stisku pravého tlačítka myši nad 16 13
tabulkou.) Zarovnat vpravo Označený text je možné zarovnat vpravo. Horizontální čára Pomocí tohoto tlačítka je možné obsah od sebe oddělit vodorovnou čárou. Zarovnat na střed Označený text je možné zarovnat na střed. Speciální znak Možnost vložit do editoru speciální znak. Zarovnat do bloku Označený text je možné zarovnat do bloku. Zvětšit okno Formát písma Definovaný styl Tučné Editor je možné maximalizovat na celou stránku prohlížeče. Pomocí formátu je možné textu přiřadit jeho sémantický význam (odstavec, úroveň nadpisu). Editor zahrnuje předefinované styly, které je možné využít pro zvýraznění a formátování obsahu. Označenému textu v editoru je možné přiřadit tučný řez písma. Vytvořit odkaz Zrušit odkaz Kotva Z označeného textu je možné vytvořit odkaz. Umístěním kurzoru do odkazu a stiskem tohoto tlačítka je možné odkaz zrušit. Možnost vytvořit v obsahu kotvu, na kterou je možné se odkázat, a odsunout stránku na toto místo. Kurzíva Podtržení Přeškrtnutí Dolní index Horní index Číslovaný seznam Nečíslovaný seznam Ubrat úroveň Přidat úroveň Citace Zarovnat vlevo Označenému textu v editoru je možné přiřadit kurzivní řez písma. Označený textu v editoru je možné opatřit podtržením. (Doporučujeme využívat zřídka může se plést s odkazy.) Označený textu v editoru je možné opatřit přeškrtnutím. Označený textu je možné využít pro tvorbu dolního indexu. Označený textu je možné využít pro tvorbu horního indexu. Označení několika odstavců a stiskem tohoto tlačítka je možné vytvořit číslovaný seznam. Označení několika odstavců a stiskem tohoto tlačítka je možné vytvořit nečíslovaný seznam. Pomocí tohoto tlačítka je možné v seznamu posunout část textu o úroveň níž. Pomocí tohoto tlačítka je možné v seznamu posunout část textu o úroveň výš. Označením textu a stiskem tohoto tlačítka je možné docílit úpravy textu do podoby citace. Označený text je možné zarovnat vlevo (výchozí nastavení). Základní práce s textem Pro práci s textem je třeba znát několik základních postupů: Klávesa Postup HTML [Enter] Pomocí klávesy enter jsou tvořeny odstavce. <p>...</p> [Shift + Enter] [Ctrl + B] [Ctrl + I] [Ctrl + U] Formátování obsahu Pomocí stisku klávesy enter s přidržením klávesy shift dojde k zalomení textu. Tvorba tučného písma u označeného textu. Ekvivalent tlačítka (B). Tvorba kurzívy u označeného textu. Ekvivalent tlačítka (I). Tvorba podtržení označeného textu. Ekvivalent tlačítka (U). Tvorba nadpisu 1) Vytvořte text na novém řádku. 2) Umístěte (nechte) kurzor v místě tohoto textu. 3) Z roletky (Formát) vyberte požadovaný typ nadpisu. Přiřazení stylu k textu <br> <strong>...</strong> <em>...</em> <u>...</u> 14 15