D O K U M E N T A C E K P R O J E K TU. Redesign webové prezentace JADU.cz

DOKUMENTACE K PROJEKTU

Redesign webové prezentace JADU.cz

Zpracovali: Jiří Čermák, Kateřina Steinhauserová, Kateřina Hilscherová, Dita Perná, Radka Fialková, Alexandru Lupan Praha 2011


2

Obsah: Obsah: ................................................................................... 2 Zadání – Redesign w ebové prezentace pro J ADU.cz ..................... 3 Řešitelský tým, schopnosti členů týmu a jejich přínos pro project .... 4

Harmonogram ......................................................................... 6 Technické řešení..................................................................... 7 UseCase Diagram webu ............................................................ 8 Co to CMS vlastně je + srovnání system Joomla, Drupal7 a WordPress ............................................................................. 9 Joomla! .................................................................................... 9 Příklady webových stránek běžících na Joomla!.......................... 10 Drupal .................................................................................... 10 Příklady webových stránek běžících na Drupal ........................... 11 WordPress .............................................................................. 11 Příklady webových stránek běžících n a WordPress ...................... 12 Statistiky vybraných Redakčních system ke dni 3.12.2011 .............. 12

Technické srovnání vybraných CMS ......................................... 13 Porovnání webové prezentace před a po redesignu ................... 18 Před redesignem ...................................................................... 18 Po redesignu ........................................................................... 19

Závěr ................................................................................... 19 Manuál uživatele ................................................................... 20 Vytvoření nové stránky ........................................................... 21 Formátování textu .................................................................. 22 Vkládání obrázků ................................................................... 23 Vytváření odkazů na jiné stránky, nebo na stránky v redakčním systému ................................................................................ 23


3

Z a d á n í – R e d e s i g n w eb o vé p r e z e n t a c e p r o J AD U . c z Jak je patrné z názvu, jedná se o redesign webových stránek www.jadu.cz. V tomto případě je redesign vlastně navržení a vytvoření nového vzhledu pro tyto stránky, a to hlavně z důvodu zlepšení přehlednosti informací. Nynější design již navíc neodpovídá současným potřebám klienta. Hlavní požadavky, na zadávací schůzce se zadavatelem RNDr. Janem Dudkem a Ing. Antonínem skopcem ze dne 5.10. 2011, tedy byly: -

zlepšit přehlednost informací na webu,

-

zachovat ústřední barvu webu - fialová,

-

optimalizovat web pro aplikaci AdWords,

-

umístit na web původně naprogramované logo ve flashi, které se zobrazuje jinak,

než logo na stávajícím webu, -

formát písma má zůstat podobný formátu Ghotic.

Tento web má sloužit především pro klienty – zjišťování nových verzí nabízených programů, proto je kladen vysoký důraz na již zmíněnou přehlednost. Další požadavek byl vznesen správcem webu, Ing. Antonínem Skopcem, a bylo jím snadné spravování webu a informací zde uložených. Na tento redesign jsme měli využít některý z CMS – výběr a zdůvodnění viz. kapitola “Technické řešení” Po konzultaci s RNDr. Janem Dudkem, nám byla schválena možnost použití již připravené šablony z internetu. Šablona bude zaslána na jeho e-mail ke schválení. V průběhu realizace projektu se požadavky klienta měnily, viz. Harmonogram.


4

Řešitelský tým, schopnosti členů týmu a jejich přínos pro project Vedoucí týmu Jiří Čermák -

zkušenosti s nasazováním CMS a jejich správa

-

jednání s klientem

-

HTML/CSS/Jquery

-

organizační schopnosti

Vedoucí týmu, postará se o technickou stránku projektu - zajištění hostingu na testování, zjištění potřeb klienta, vybrání řešen, nasazení systému.

Zástup za vedoucího týmu Kateřina Steinhauserová -

základní znalosti HTML/CSS

-

organizační schopnosti

-

základní znalost systéu WordPress

Zástup za vedoucího týmu, případná komunikace s klientem, vedení evidence práce týmu, tvorba projektové dokumentace, návrh a úprava struktury webu, hlídání důležitých termínů

Další členové týmu Kateřina Hilscherová -

základní znalost UML

-

rychlá orientace v dané problematice

-

základní znalost systému WordPress

Tvorba Use Case Diagramu, plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování, případná asistence při tvorbě projektové dokumentace.


5

Dita Perná -

základní znalost HTML

-


-


Plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování. Radka Fialková -

základní znalost HTML

-


-


Plnění webu obsahem a jeho následná revize, analýzy a zpracování dílčích dokumentací a testování.

Alexandru Lupan -

Data Mining

-

web design

-

grafické znalosti (photoshop, lightroom)

-


Zajištění grafických úprav webu, srovnání dostupně volných CMS, případné plěnní webu obsahem.


6

Harmonogram Co

Datum

Kdo

Výsledek schůzky

Schůzka týmu

3.10.2011

Celý tým

Zformování týmu, rozdělení rolí, výběr tématu

Schůzka s klientem

5.10.2011

Celý tým

Upřesnění zadání od klienta + sdělení jeho požadavků na redesign webových stránek JADU.cz

Schůzka týmu

10.10.2011

Celý tým

Rozbor úkolu, branstorming + zadání prvních dílčích úkolů na do další schůzky

10.10.2011

Jiří Čermák

–

Testování všech vybraných CMS systémů – Joomla, Drupal 7, WordPress

14.10.2011 El.komunikace v

14.10.2011

Celý tým

týmu El.komunikace v

Výběr vhodného CMS a jeho spuštění + zadání dílčích úkolů na další schůzku týmu

24.10.2011

Celý tým

Výběr vhodné šablony

30.10.2011

DitaPerná,

Úprava struktury a vzhledu webu + plnění systému

týmu Práce na webu

– Schvalování šablony klientem

Kateřina Hilscherová,

28.11.2011

Radka Fialková

12.11.2011

klient

–

Požadavky klienta: změna barvy webu, přihlašovací údaje aby si mohl prohlédnout web, zakomponování lepších náhledů systémů, zviditelnění náhledů program

14.11.2011

na úvodní straně, umístění velkých náhledů aplikace přímo do textu. Schůzka s klientem

22.11.2011

Jiří Čermák,

Prezentace WordPressu a práce v něm klientovi+

Alexandru Lupan

dalších požadavky – drobné grafické úpravy, zřízení zabezpečené sekce, pro uživatele, kterým budou přidělena příslušná práva na úpravy, script na stahování souborů z určeného adresáře.

Prezentace

28.11.2011

Celý tým

Prezentace věcných výsledků a dosavadního průběhu řešení vyučujícímu a zadavateli

Práce na webu

Celý tým

Kontrola dat a testování systému

12.12.2011

Celý tým

Prezentace výsledků vyučujícímu

15.12.2011

Kateřina Steinhauserová

Nasazení systému na doménu klienta, odevzdání

Jiří Čermák

tištěné dokumentace projektu klientovi

22.12.2011

Celý tým

Odevzdání tištěné dokumentace projektu vyučujícímu

3.1.2011

Celý tým

Veřejná prezentace projektu, odevzdání elektronické

29.11.2011 – 12.12.2011

Shůzka s klientem Schůzka s vyučujícím Prezentace

verze dokumentace projektu vyučujícímu. Dokumentace

-

Kateřina Steinhauserová,

Dokumentace vznikala v průběhu celé realizace

Kateřina Hilscherová

projektu


7

Technické řešení Po detailním rozebrání zadání jme nalezli dvě řešení. Prvním řešením je naprogramování statických stránek, toto řešení však bylo ze strany zadavatele zamítnuto z kapacitních důvodů. Druhým je pak tzv. “content management systems” (CMS), zde byl k dispozici komerční systém “Chilli”, který byl však zamítnut z finančních důvodů. Vybrat jsme si tedy mohli z tzv. “free” CMS. Vybírali jsme z nejstahovanějších systémů – známka určité stálosti tohoto CMS a přívětivosti k uživateli – a samozřejmě ze systémů, které jsme znali. Na výběr jsme tedy měli z: -

Joomla,

-

Drupal 7,

-

WordPress.

Tyto CMS jsou zdarma a jsou volně stažitelné z internetu. Pro testování těchto CMS bylo potřeba zřídit hostingové služby. Vzhledem k faktu, že vedoucí našeho týmu – Jiří Čermák – má svůj vlastní hosting a doménové jméno, bylo toho využito. Vytvořil zde doménu třetího řádu a udělal testovací prostor. Následně bylo potřeba nainstalovat všechny zmíněné redakční systémy a otestovat je. Po samotném testování redakčních systémů a dalších konzultacích s klientem, jsme se rozhodli použít systém WordPress, zvláště pro jeho jednoduchost, rychlost, přehlednost ovládání a bez pochyby i díky jeho české lokalizaci. Nutností bylo nastavit a upravit vybraný CMS pro naše potřeby. Nespornou výhodou námi zvoleného CMS, je nespočet již vytvořených šablon připravených k použití. Tyto šablony mohou být placené nebo volně stažitelné z internetu. Ze strany klienta nám bylo sděleno, že finanční náročnost realizace tohoto projektu má být nulová. Z tohoto důvodu byl dalším krokem výběr vhodné a tzv. "free” verze šablony. Vhodných jsme našli několik, proto jsme je nainstalovali do prostředí WordPressu, začali je testovat a vybírat nejvhodnější šablonu. Ze všech šablon byla po sléze vybrána jedna, kterou


8

čekaly grafické úpravy v podobě barvy, úpravy obrázku umístěného na pozadí stránek, vložení log firmy, barevné úpravy menu, úpravy CSS stylu a různých odsazení. Již v průběhu instalace šablony a jejího upravování probíhalo plnění systému daty. Pouhé naplnění systému je nezávislé na použité šabloně – ta může být v průběhu několikrát změněna. Důležité je však propojení jednotlivých částí se šablonou, nastavení struktury zobrazování stránek atd. Neméně důležité bylo zabezpečení některých funkcí webu heslem. Toto je ošetřeno vytvořením stránky “Soubory”, která je chráněna heslem. Uživatel, jemuž bude vygenerováno přihlašovací jméno a heslo zde bude moci provádět příslušné úpravy na základě oprávnění od administrátora.

UseCase Diagram w ebu


9

C o t o C M S vl a s t n ě j e + s r o vn á n í s y s t e m J o o m l a , Drupal7 a WordPress CMS je redakční systém pro publikování informací (webových prezentací) na internetu. Díky CMS si snadno vytvoříme skvělou webovou prezentaci, bez hlubších znalostí programování

Joomla!

Slovo Joomla je anglický fonetický přepis svahilského slova “jumla”, které znamená “všichni dohromady” nebo “jako celek”. První verze projektu “Joomla!” byla vydána roku 2005 a týdně je stažena cca 189 429krát. Je napsána v jazyce PHP a využívá My SQL databáze. V letošním roce se Joomla! umístila na prvním místě v soutěži The 2011 Open Source CMS Awards1 Joomla je nejrozšířenější bezplatný open source CMS pro účely vytvaření a publikování informací na internetu. Nemá žádná omezení a proto je využívána po celém světě pro libovolně velké webové projekty. Joomla díky své variabilitě uspokojí jak malého živnostníka, tak i nadnárodní firmu.

Podporuje: -

caching2,

-

indexaci stránek,

-

RSS3,

-

tisknutelné verze stránek,

1

The 2011 Open Source CMS Awards – Soutěž o nejlepší volně šiřitelný CMS. Cache je označení pro vyrovnávací paměť používanou ve výpočetní technice. Je zařazena mezi dva subsystémy s různou rychlostí a vyrovnává tak rychlost přístupu k informacím. Účelem cache je urychlit přístup k často používaným datům na „pomalých“ médiích jejich překopírováním na média rychlá. 2

3

RSS je rodina XML formátů určených pro čtení novinek na webových stránkách a obecněji syndikaci obsahu. Technologie RSS umožňuje uživatelům internetu přihlásit se k odběru novinek z webu, který nabízí RSS zdroj. Tento zdroj se většinou vyskytuje na stránkách, kde se obsah mění a přidává velmi často (například zpravodajské servery). Původně tento form át sloužil pouze k předávání aktuálních novinek mezi jednotlivými servery, které takto velmi jednoduše mohly odkazovat na aktuální články na jiných serverech.


-

zobrazování novinek,

-

blogy,

-

diskusní fóra,

-

hlasování,

-

kalendář,

-

vyhledavání v rámci webserveru,

-

lokalizace a vícejazyčné verze.

10

Nejnoveší verze je Joomla! 1.7.2. Příklady webových stránek běžících na Joomla! MTV Networks Quizilla (Social networking) (http://quizilla.teennick.com/) TNA Wrestling (http://www.impactwrestling.com/index.php) Citibank (Intranet finanční instituce) – Není veřejně přístupný Linux.com (https://www.linux.com/)

Drupal

Drupal je dalším členem z rodiny volně šiřitelných CMS systémů. Systém drupal vznikl v roce 2000 a vytvořil ho student jménem Dries Buytaert. Do doby než Dries ukončil školu, neměl tento CMS jméno. Po absolvování školy hledal Dries vhodné jméno pro svou doménu. Chtěl ji pojmenovat jako “dorp.org” (“Dorp” v Holandštině znamená “Vesnice”), vinou překlepu však napsal “drop.org” (“Dordp”, přeloženo do angličtiny, znamená “Druppel”, přeložíme-li ho do češtiny, znamená “kapka”). Tento software byl oficiálně zveřejněn pod názvem “Drupal” v lednu roku 2001. V dnešní době je týdně stažen v průměru 62 500krát. Podstata všech CMS systémů je stejná, a to rychlá a efektivní správa obsahu webových aplikací bez větší znalosti pogramování. Drupal umožňuje tvorbu internetových časopisů, blogů,


11

internetových obchodů a jiných komplexních systémů. Naprogramován je v jazyce PHP a oficiálně podporovanými databázemi v Drupalu jsou relační database My SQL a APostgereSQL. Do nové verze se také připravuje podpora dalších databází včetně Oracle. Drupal je postaven modulárním způsobem a udává jako svou filozofii přehlednost kódu a otevřenost API 4. Moduly, které jsou k dispozici na stránkách Drupalu rozšiřují jeho funkčnost do oblastí, jako jsou komerce a vzdělávání. Drupal se v roce 2008 v soutěži Open Source CMS Award (2008) umístil na prvním místě. Příklady webových stránek běžících na Drupal The White House (http://www.whitehouse.gov/) Ubuntu (http://www.ubuntu.com/) Le figaro (http://www.lefigaro.fr/) OpenSource.com (http://opensource.com/)

WordPress

Kořeny „WordPressu“ zasahují až do roku 2003, v té době se však jednalo o jednoduchý PHP kód, který měl sloužit k usnadnění publikace obsahu na webu. Od té doby ušel „WordPress velký kus cesty aby měl podobu, jakou známe dnes. Pojmenování „WordPress“ vymyslela pro Matta Mullenwega Christine Tremoulet. Christine přemýšlela nad názvem, který si lidé budou dobře pamatovat a který bude dobře znít – povedlo se.

4

API představuje jakýsi most mezi aplikací a programovacím jazykem, který nemá přímý prístup ke zdrojovým kódům webu, resp. k databázím (které jsou většinou nejpodstatněší).Programátor, který API vytvořil v něm může určit všechna pravidla pro přístup a nakládání s daty, přičemž dokáže zároveň ochránit svoje data v databázi, a stejně tak i skripty na serveru. Takto programátor, který není přímým tvůrcem projektu získá přístup k datům, se kterými může pracovat, jako je například číst, posílat data zpět aplikaci, atd.


12

WordPress je dalším svobodným open source redakčním systémem. Je oficiálním nástupcem systému b2/cafelog5. Napsán je v PHP, využívá My SQL databázi a dále je vyvíjen pod licencí GNU GPL6. V roce 2009 vyhrál hlavní cenu v kategorii soutěže Open Source CMS Awards. Příklady webových stránek běžících na WordPress TechCrunch (http://techcrunch.com/) Playstation oficiální blog (http://blog.us.playstation.com/) NASA’s Ames Research Center (http://www.nasa.gov/centers/ames/home/index.html)

Statistiky vybraných Redakčních systé mů ke dni 3.12.2011 Grafy nejsou rozděleny na různé verze jednotlivých CMS.

5

b2/cafelog je blogovací platforma vytvořená na začátku roku 2001 Michalem Valdrighi , b2/cafelog používá PHP a MySQL databáze. 6

GNU General Public License (Všeobecná veřejná licence GNU) – příklad tzv. Copyleftové licence. Je to licence napsaná Richardem Stallmanem, pro volně šiřitelný software. Tato licence byla napsána pro project “GNU” (“GNU” je rekruzivní zkratka pro anglické GNU’s Not Unix!”, GNU znamená v angličtině slovo pakůň, odtud logo systému i projektu).


13

T e c h n i c k é s r o vn á n í vy b r a n ý c h C M S RS

Drupal

Joomla Všechny, které

Aplikační server

PHP 4.3.5+

podpurují PHP (doporučený Apache)

Cena Databáze

zdarma MySQL, Postgres

Wordpress Všechny, které podpurují PHP a MySql (doporučený Apache)

zdarma

zdarma

MySQL

MySQL verze 4.0+

Licence

GNU GPL

GNU/GPL v2

GNU GPL

Operační systém

všechny

všechny

všechny

Programovací jazyk

PHP

PHP

PHP 4.2+

Root přístup

Ne

Ne

Ne

Shell přístup

Ne

Ne

Ne

Webový server

Apache, IIS

Apache

Apache, mod_rewrite

Prověřování záznamu

Ano

Ne

Omezený

Captcha

Lze rozšířit

Lze rozšířit

Ne

Schválení obsahu

Ano

Ano

Ano

Verifikace e-mailu

Ano

Ano

Lze rošířit

Zrnková Práva

Ano

Ne

Ano

Kerberos autentizace

Ne

Ne

Ne

LDAP autentizace

Lze rozšířit

Ano

Ne

Historie přihlášení

Ano

Ano

Lze rozšířit

Správa session

Ano

Ano

Lze rozšířit

SSL kompatibilní

Ano

Ano

Ano

SSL přihlášení

Ne

Ano

Lze rošířit

SSL stránky

Ne

Ano

Limitované

Bezpečnost


14

Podpora Certifikovaný program

Ne

Ne

Ne

Kódová kostra

Ano

Ne

Ne

Komerční manuály

Ano

Ano

Ne

Komerční podpora

Ano

Ano

Ne

Komerční trénink

Ano

Ano

Ne

Komunita vývojářů

Ano

Ano

Ano

Online pomoc

Ano

Ano

Ano

Rozšiřitelné API

Ano

Ano

Ano

Veřejné fórum

Ano

Ano

Ano

Veřejný seznam mailů

Ano

Ne

Ano

Testovací rozhraní

Lze rozšířit

Ano

Ano

Drag n Drop obsah

Lze rozšířit

Ne

Ano

Přátelské URL

Ano

Ano

Ano

Zmenšování obrázků

Lze rozšířit

Ano

Limitované

Makro jazyk

Lze rozšířit

Ano

Lze rozšířit

Hromadný upload

Lze rozšířit

Ano

Lze rozšířit

Prototypování

Limitované

Ano

Ne

Programování v RS

Ano

Ano

Ano

Kontrola chyb v textu

Lze rozšířit

Ne

Lze rozšířit

Limitovaný

Ne

Ne

Předplatné sekce

Lze rozšířit

Ne

Ano

Vlastní jazyk šablony

Limitovaný

Ano

Ne

Ne

Ano

Ano

Limitovaná

Ne

Lze rozšířit

Jednoduchost použití

Systém pro tvorbu šablony

Více úrovní uživ. rozhraní Funkce ZPĚT


15

WYSIWYG Editor

Lze rozšířit

Ano

Ano

Zip archivy

Ne

Ne

Lze rozšířit

Rozšířené cachování

Ano

Ano

Lze rozšířit

Replikace databáze

Limitovaná

Ne

Ne

Vyrovnávání nahrávání

Ano

Ano

Ne

Cachování stránek

Ano

Ano

Lze rozšířit

Export do HTML

Ne

Ne

Limitovaná

Správa reklam

Lze rozšířit

Ano

Ne

Správa médií

Ano

Ano

Limitovaná

Clipboard

Ne

Ne

Ne

Rozvrh obsahu

Lze rozšířit

Ano

Lze rozšířit

Lze rozšířit

Ne

Ne

Ano

Ano

Ne

Ano

Ano

Ano

Sub stránky

Ano

Ano

Ne

Skiny,vzhledy

Ano

Ano

Ano

Koš

Ne

Ano

Ne

Statistiky

Ano

Ano

Lze rozšířit

Správa šablony

Ano

Ano

Ano

Vícejazyčnost

Ano

Lze rozšířit

Lze rozšířit

RSS

Ano

Ano

Ano

Podpora FTP

Limitovaná

Ano

Limitovaná

Výkon

Správa

Obsah mezi více servery Frontendová administrace Administrace v prohlížeči

Součinnost


16

UTF-8

Ano

Ano

Ano

XHTML kompatibilní

Ano

Ne

Ano

Podpora CGI módu

Ano

Ano

Ne

Kopírování obsahu

Limitované

Ano

Ne

Ano

Ano

Ne

Ano

Ano

Ano

Blog

Ano

Ano

Ano

Chat

Lze rozšířit

Lze rozšířit

Lze rozšířit

Inzeráty

Lze rozšířit

Lze rozšířit

Lze rozšířit

Správa obsahu

Lze rozšířit

Ano

Lze rozšířit

Zprávy databáze

Ne

Lze rozšířit

Ne

Diskuse / Fóra

Ano

Lze rozšířit

Lze rozšířit

Správa dokumentů

Limitovaná

Lze rozšířit

Ne

Kalendář událostí

Lze rozšířit

Lze rozšířit

Lze rozšířit

Správa událostí

Lze rozšířit

Lze rozšířit

Ne

Správa FAQ

Ano

Ano

Lze rozšířit

Ne

Lze rozšířit

Ne

Lze rozšířit

Lze rozšířit

Lze rozšířit

Grafy

Ne

Lze rozšířit

Ne

Správa skupin

Lze rozšířit

Lze rozšířit

Ne

Guest book

Lze rozšířit

Lze rozšířit

Lze rozšířit

Help desk

Lze rozšířit

Lze rozšířit

Ne

HTTP proxy

Ne

Ne

Ne

Flexibilita

Rozšiřitelné uživ. profily Metadata Zabudované aplikace

Správa výdajů / zaměstnanců Správa souborů (práva, ...)


17

Volná místa ve firmě

Lze rozšířit

Lze rozšířit

Lze rozšířit

Správa odkazů

Lze rozšířit

Ano

Ano

Mailový formulář

Lze rozšířit

Ano

Lze rozšířit

Nástěnka

Lze rozšířit

Ne

Ano

Novinky mailem

Lze rozšířit

Lze rozšířit

Lze rozšířit

Fotogalerie

Lze rozšířit

Lze rozšířit

Lze rozšířit

Ankety

Ano

Ano

Lze rozšířit

Vyhledávání

Ano

Ano

Ano

Mapa stránek

Lze rozšířit

Lze rozšířit

Lze rozšířit

Ceny akcií

Lze rozšířit

Ne

Ne

Dotazníky

Lze rozšířit

Lze rozšířit

Lze rozšířit

Čtečka RSS

Ano

Ano

Ano

Testy / Kvízy

Lze rozšířit

Lze rozšířit

Lze rozšířit

Ano

Ano

Ano

Počasí

Lze rozšířit

Lze rozšířit

Lze rozšířit

Wiki

Lze rozšířit

Lze rozšířit

Lze rozšířit

Přispívání registr. uživatelů


P o r o vn á n í w e b o vé p r e z e n t a c e p ř e d a p o redesignu Před redesignem

18


19

Po redesignu

Z á vě r Při realizaci tohoto projektu, jsme narazili na pár překážek. Jedna nastala při vytvoření uživatele, který po přihlášení do systému bude moci spravovat např. verze. Vytvoření tohoto uživatele se sice povedlo, nicméně nefunguje úplně. Plugin, který to umožňuje je placený a stojí mezi 5-15 dolary, dle požadované funkčnosti. Další problém nastal při zprovoznění PHP kódu, kdy se nám nepodařilo spustit kód od zadavetele. Standardně jde PHP kód normálně vkládat, ale tento složitější skript se nám nepodařilo zprovoznit.


20

M a n u á l u ž i va t e l e Pro úspěšné přihlášení do redakčního systému WordPress je nutné vyplnit uživatelské jméno a heslo (viz obrázek 1). Po vyplnění těchto údajů se zobrazí administrační prostředí systému. OBRÁZEK 1 – PŘIHLÁŠENÍ DO SYSTÉMU

Po přihlášení se dostaneme na úvodní stránku redakčního systému. Zde můžeme vidět celkový přehled (viz obrázek 2). Redakční systém slouží ke správě obsahu na webových stránkách a text se zde dá editovat stejně jako například ve Wordu. O BRÁZEK 2 – ÚVODNÍ STRÁNKA


21

Vytvoření nové stránky pro vytvoření nové stránky klikneme na odkaz „stránky“ a potom na odkaz „nová stránka“. Po kliknutí na tento odkaz se nám zobrazí nová prázdná stránka.

Do nové stránky vložíme nadpis, text a vybereme v položce “vlastnosti stránky” její nadřazenou stránku.


22

Formátování textu Pro psaní běžného textu můžeme text libovolně editovat, můžeme zde vidět podobné značky pro formátování textu jako ve Wordu, například pro tloušťku písma, kurzívu, text můžeme umisťovat do klasického tříděného a netříděného seznamu. Písmo můžeme zarovnávat do středu, doleva, doprava atd.

Pokud si text připravíme v jiném editoru (například Word) a následně ho chceme vložit do textového příspěvku, máme několik možností jak sem tento příspěvek vložit. Text můžeme vložit jako čistý text, tj. po kliknutí na tlačítko s tvarem obálky a písmene T se nám zobrazí textové okno, do kterého můžete text z námi používaného editoru zkopírovat a po kliknutí na tlačítko “O”K se nám do příspěvku vloží jako čistý text.

Pokud chceme vložit již naformátovaný text, např. z Wordu, můžeme k tomu použít tlačítko „Vložit text z Wordu“, toto tlačítko vypadá, jako obálka s písmenem W. Text vložíme do dialogového okna a po stisknutí tlačítka „OK“ se nám vloží do editoru naformátovaný text.


23

Vkládání obrázků Vkládání obrázku do příspěvků je možné pouze po jejich nahrání na server. K tomu slouží tlačítko pro výběr obrázku:

Obrázek můžeme vybrat ze svého počítače a nebo z galerie fotografií (fotografie, které již byly do redakčního systému nahrány.)

Vytváření odkazů na jiné stránky, nebo na stránky v redakčním systému Pro vytvoření odkazu z jiné stránky vybereme text, který má představovat tento odkaz, a poté klikněme na tlačítko pro vložení odkaz:

D O K U M E N T A C E K P R O J E K TU. Redesign webové prezentace JADU.cz

Recommend Documents