Redakční systém. Uživatelský manuál

Redakční systém Uživatelský manuál

OBSAH: 1. Úvodem............................................................................................................................... 2 2. Vstup do systému ............................................................................................................... 2 3. Než začnete editovat .......................................................................................................... 3 3.1. Technické parametry pro práci s redakčním systémem DWE. ........................... 3 4. Nastavení Vašich stránek ................................................................................................... 4 4.1. Postup nastavení stránek ...................................................................... 4 4.2. Vysvětlení jednotlivých položek:............................................................. 4 5. Editace Vašich stránek (stromová struktura) ...................................................................... 5 5.1. Práce se stromovou strukturou ............................................................... 5 5.2. Stromová struktura obsahuje ................................................................. 6 5.2.1 Tlačítková lišta pro vkládání položek:....................................................... 6 5.2.2 Rámce stromové struktury .................................................................... 6 5.2.3 Funkce ovládacích ikon v stromové struktury: ............................................. 6 5.2.4 Tlačítková lišta pro přesouvání a kopírování položek: .................................... 7 6. Editace článků..................................................................................................................... 7 6.1. Článek - práce s textem ....................................................................... 8 6.2. Tlačítka pro práci s textem: .................................................................. 8 6.3. Tlačítka pro práci s odkazy.................................................................... 9 6.4. Tlačítko pro práci s obrázky .................................................................. 9 6.5. Ostatní tlačítka ................................................................................. 9 6.6. Důležitá tlačítka pro operace s editovaným článkem..................................... 9 7. Práce s odkazy ................................................................................................................. 10 7.1. Vkládaní odkazů do článků ................................................................... 10 7.2. Změna celkové struktury prezentace (rozskokové menu) ............................... 11 8. Práce s obrázky (vkládání obrázků) ................................................................................. 12 9. Práce s dokumenty (vkládání dokumentů ke stažení)...................................................... 16 10. MPresent s.r.o................................................................................................................... 20 10.1. Kontakty......................................................................................... 20 10.2. Kontaktní osoby ................................................................................ 20

strana:

1

MPresent s.r.o., Bryksova 818/48, Praha 9, 198 00,Česká republika, Tel.: +420 281 863 562, Fax: +420 281 863 827, www.mpresent.cz

1. Úvodem Redakční systém DirectWebEdit (dále jen DWE) je profesionální nástroj na správu a editaci Vašich internetových stránek pomocí internetového prohlížeče. Jedná se o velmi propracovaný systém s dlouholetou tradicí, kterým jsou spravovány desítky internetových stránek firem, soukromníků a příspěvkových organizací. Systém DWE se vyznačuje velmi vysokou úrovní editace stránek a jejich struktury. Má velkou řadu rozšiřujících modulů a funkcí. Stránky realizované pomocí DWE obsahují vždy základní SEO optimalizaci (Search Engine Optimalization), protože systém je zcela kompatibilní s vyhledávacími servery.

2. Vstup do systému Po dokončení stránek společností MPresent obdržíte aktivační zprávu, ve které zjistíte adresu pro editaci a administraci stránek, Vaše uživatelské jméno a heslo. Adresa pro editaci je vždy v tomto tvaru: http://www.vasestranky.cz/admin/login.php

Na této obrazovce prosím vložte vaše uživatelské jméno a heslo. Po přihlášení do systému je nutno vybrat jazykovou verzi stránek (pokud Vaše stránky mají více jazykových verzí).

Po výběru verze stránek se nacházíte v základním menu a systém připraven pro administraci a editaci Vašich WWW stránek.

strana:

2


3. Než začnete editovat Před začátkem editace stránek je nutné připravit si veškeré podklady, texty a obrázky pro Vaši www prezentaci. Důležité je ujednotit celkovou koncepci stránek, její zacílení na koncového zákazníka. Texty je vhodné podrobit jazykové korektuře, obrázky je vhodné používat od profesionálních fotografů nebo alespoň v dobré kvalitě provedení a nasvícení. Stránky musí přinášet Vaší firmě zisk a prestiž, s tím by měl obsah plně korespondovat. Stránky jsou výstavní skříní společností a jejich obsah by tomu měl odpovídat. Pokud svěříte 1. zaplnění obsahu stránek nám, postaráme se Vám o veškeré tyto důležité aspekty. Po předání a zveřejnění stránek budete moci redakční systém DWE používat pro aktualizace stránek.

3.1. Technické parametry pro práci s redakčním systémem DWE. Připojení k internetu:

minimálně 512/256 kbps (doporučujeme 2048/512 kbps)

Platforma:

PC min 1GHz, 512MB RAM, Klávesnice, Myš

Prohlížeč:

Internet Explorer 6.0. a výše

TIP:

Pro urychlení práce s redakčním systémem si prosím nastavte ve vašem prohlížeči: Nástroje -> Možnosti Internetu

strana:

3


4. Nastavení Vašich stránek Při výrobě Vašich stránek provedli naši technici jejich základní nastavení podle podkladů a specifikace pro výrobu Vaši prezentace. Po předání a dokončení stránek doporučujeme ověřit si toto nastavení a případně jej upřesnit nebo doplnit.

4.1. Postup nastavení stránek V základním menu zvolte tlačítko nastavení stránek:

Zobrazí se Vám následující nabídka:

Pomocí tlačítka „Upravit“ je možno měnit jednotlivé položky.

4.2. Vysvětlení jednotlivých položek: Datum vytvoření: Do této kolonky se vkládá datum dokončení stránek Klíčová slova: Do této kolonky se vkládají klíčová slova, která charakterizují obsah Vašich stránek. Například stránky, které se zabývají výrobou bran, plotů a zábradlí by měly mít tato klíčová slova: brány, brána, brana, brany, zabradli, ploty, plot, zábradlí, výroba Název stránek: Do této kolonky se vkládá oficiální název stránek: Příklad: Aluminco - brány, ploty, zábradlí Popis stránek: Do této kolonky se vkládá podrobnější popis stránek: Příklad: Aluminco nabízí: hliníkové brány, ploty, zábradlí. Hlíníkové brány, ploty a zábradlí Aluminco představují bezúdržbový systém v exklusivním provedení. Hliníková brána a plot za skvělou cenu. Robots: Tato položka specifikuje jakým způsobem mají vyhledávače indexovat obsah stránek. Toto nastavení doporučujeme ponechat. Titulek stránek: Do této kolonky vložte horní titulek stránek, který se zobrazí v levém horním rohu okna prohlížeče: Příklad: Aluminco - brány, ploty, zábradlí

strana:

4


5. Editace Vašich stránek (stromová struktura) Veškerá editace vašich stránek probíhá ze základní stromové struktury prezentace. Pro editaci stránek zvolte v horním základním menu tlačítko:

Dostanete se do zmiňované základní stromové struktury prezentace:

5.1. Práce se stromovou strukturou Stromová struktura obsahuje veškerá data, která máme k dispozici při editaci Vašich stránek. Ve stromové struktuře nalezneme: složky a pod-složky články aneb pod-stránky vašeho webu obrázky dokumenty ke stažení Stromová struktura může obsahovat i další soubory, v závislosti na variantě systému a aktivovaných modulech.

strana:

5


5.2. Stromová struktura obsahuje 5.2.1

Tlačítková lišta pro vkládání položek:

Tato ikona vloží v aktuální složce novou složku 5.2.2

Tato ikona vloží v aktuální složce odkaz na článek

Tato ikona vloží Tato ikona vloží v aktuální v aktuální složce soubor ke složce stažení obrázek

Rámce stromové struktury

Levá část: pomocí které volíme složku ve které chceme pracovat

5.2.3

Tato ikona vloží v aktuální složce nový článek

Pravá část: ve které provádíme úkony s jednotlivými položkami ve složkách

Funkce ovládacích ikon v stromové struktury:

edituj vybranou položky smaž vybranou položky (POZOR není možný krok zpět) edituj práva publikuj článek zpět k publikované verzi článku přesun vybrané položky na 1. pozici ve složce přesun vybrané položky o řádek výše přesun vybrané položky o řádek níže přesun vybrané položky na poslední pozici ve složce

strana:

6


5.2.4

Tlačítková lišta pro přesouvání a kopírování položek:

Kopírování položek ve struktuře probíhá nejprve zaškrtnutím požadovaných položek k ovlivnění v pravé části stromové struktury. Následně je nutné vybrat jakou akci chcete s vybranými položkami provést:

Po volbě akce zvolíte v levé struktuře složku kam chcete ovlivněné položky zkopírovat nebo přesunout. V tomto případě kopírujeme vybrané dokumenty ze složky Dokumenty do složky: Články / Infocentrum. POZOR: volbu cílové složky je nutné vždy provést v levé části stromové struktury. Akci je možno zrušit pomocí stisku tlačítka:

6. Editace článků Ve většině případů dodává naše společnost stránky již dokončené a veškeré obsahové články se nacházejí ve složce „články“, ve které jsou obsahově rozděleny do příslušných podložek. Do složky „Články“ se dostanete volbou na složce Články v levé stromové struktuře Vašich stránek. Kliknutím na složku se vám v pravé části obrazovky rozbaluje struktura složek zvolená v levé části.

Pokračujte volbou editace článku „Vítáme Vás”. Volbu proveďte ikonou tužky

strana:

7

.


Po volbě se dostanete do editační obrazovky, pomocí které můžete libovolně upravovat obsah článku.

6.1. Článek - práce s textem Pro editaci článků na Vašich stránkách je pro Vás připravena velmi pohodlná editace pomocí WYSIWYG editoru, který obsahuje velmi pokročilé editační funkce. Při práci tedy postupujte obdobně jako například při editaci v aplikaci MS Word ze známého balíku aplikací MS OFFICE.

6.2. Tlačítka pro práci s textem: - tučné písmo

- zarovnat vlevo

- kurzíva

- zarovnat doprostřed

- podtržené písmo

- zarovnat vpravo

- přeškrtnuté písmo

- zarovnat do bloku

- dolní index - horní index - barva textu - barva pod textem - odrážky - číslování

strana:

8

TIP: klávesa ENTER

Při editaci textu můžete používat klávesu enter dvojím způsobem. Kombinace SHIFT+ENTER zalamuje jednoduchý řádek v rámci bloku. Samotná klávesa ENTER vytváří nový odstavec s vlastním formátováním. MPresent s.r.o., Bryksova 818/48, Praha 9, 198 00,Česká republika, Tel.: +420 281 863 562, Fax: +420 281 863 827, www.mpresent.cz

- výběr z předdefinovaných stylů formátování - výběr z předdefinovaných stylů textů - výběr řezu písma - výběr velikosti písma

6.3. Tlačítka pro práci s odkazy vložit nebo změnit odkaz (více informací naleznete v kapitole 8)

odebrat odkaz (pokud je na textu nebo obrázku odkaz vložit kotvu (kotva se používá pro nasměrování odkazů v rámci stránky)

6.4. Tlačítko pro práci s obrázky vložit nebo změnit obrázek (více informací naleznete v kapitole 7)

6.5. Ostatní tlačítka - vyjmout

- hledání

- kopírovat

- nahradit

- vložit formátovaný text

- označit vše

- vložit prostý text (Ctrl+V)

- zruš formátování

- vložit s Wordu (negarantováno)

- tisk

- vložit smajlík - vrátit změnu zpět - znovu

- přejdi do editace zdrojového kódu HTML (pro odborníky)

6.6. Důležitá tlačítka pro operace s editovaným článkem

Pomocí tohoto tlačítka můžete kdykoli uložit svou práci aniž by se zobrazila na Vašich stránkách.

Pomocí tohoto tlačítka můžete stránku uložit a publikujete pro veřejné zobrazení na Vašich stránkách.

Stejná funkce jako u tlačítka „Uložit a publikovat“ s přechodem do stromové struktury prezentace

Pomocí tohoto tlačítka si můžete prohlédnout editovaný článek přímo v layoutu stránky (náhled stránku neukládá).

Pomocí výše uvedených tlačítek můžete provádět veškeré potřebné změny. Složitější úkony jako práci s obrázky a odkazy si probereme v dalších kapitolách.

strana:

9


7. Práce s odkazy Pomocí redakčního systému je možno vkládat do článků odkazy v rámci struktury prezentace nebo libovolné externí odkazy.

7.1. Vkládaní odkazů do článků Nyní si ukážeme jak vytvářet (pod-stránkách) Vašeho webu.

odkazy

přímo

v jednotlivých

Ve stromové struktuře zvolíme ikonu

pro editaci vámi vybraného článku.

článcích

Zobrazí se nám známá obrazovka:

V této obrazovce můžeme neomezeně editovat textový obsah vašeho článku.

Ukážeme si jak z vybraného slova vytvoříme odkaz:

V editoru si označíme jakýkoli text ze kterého chceme aby byl vytvořen odkaz. Zvolíme ikonu a zobrazí se nám dialogové okno (je nutné mít zakázané blokování vyskakovacích oken), ve kterém máme následující možnosti.

strana:

10


Dialogové okno „Odkaz“ se nám otevře v základní nabídce, kde si můžeme vybrat jakýkoli jiný dokument na vašem webu na který budete chtít odkaz nasměrovat. Zvolíte tedy vybraný dokument v rámci Vašich stránek a potvrdíte tlačítkem OK. V záložce cíl můžete definovat zdali se odkaz zobrazí ve stejném nebo novém okně.

Jsou zde další možnosti jako vyskakování nebo rodičovské okno, tyto volby jsou určeny spíše pro odborníky. Zvolíme tedy jakýkoli dokument ve stromové struktuře a zvolíme OK.

Z vybraného textu se stal aktivní odkaz a na stránkách již bude odkazovat na vybraný dokument.

7.2. Změna celkové struktury prezentace (rozskokové menu) Celkovou strukturu Vaší prezentace je možné upravovat pomocí modifikace speciálně připravených složek ve stromové struktuře. Pomocí těchto funkcí je prakticky neomezený rozsah a Variabilita Vašich stránek. (více informací Vám poskytnou naši technici po inicializaci Vašich stránek)

strana:

11


8. Práce s obrázky (vkládání obrázků) Redakční systém DWE obsahuje propracovanou možnost vkládání obrázků do Vašich www stránek. Obrázky můžete do článků vkládat přímo při editaci ve WYSIWYG editoru nebo při práci ve stromové struktuře, kde můžete pohodlně vkládat více obrázků do vámi zvolených složek. Nyní si ukážeme jak vložit libovolný obrázek do článku pomocí editoru. Při práci v editoru vybereme vhodné místo v článku kam chceme obrázek importovat. Zvolíme ikonu

pro vkládání obrázků.

Zobrazí se nám dialogové okno, pomocí kterého můžeme vybrat již importované obrázky, které jsou vloženy do stromové struktury. Takto importovaný obrázek zvolíme v levé části dialogového okna a v pravé části můžeme definovat jeho zarovnání, okraje a další možnosti umístění v textu. Obrázek vložíme do článku potvrzením tlačítka OK.

Pokud však zatím obrázek ve struktuře nemáme můžeme jej importovat přímo při práci v tomto dialogovém okně aniž bychom museli opustit editaci článku. Zvolte záložku Vložit obrázek z disku: Zobrazí se vám nová karta dialogového okna, ve které pomocí tlačítka „Procházet“ najdete vámi požadovaný obrázek na Vašem pevném disku nebo jiném zařízení vašeho počítače, který chcete importovat do článku. Můžete vkládat obrázky ve formátu JPG nebo GIF. Po zvolení obrázku potvrďte volbu tlačítkem Následně vyberte některou z nabízených variant změny velikosti obrázku:

strana:

12


Neměnit velikost obrázku Tato volba je určena spíše pro zkušenější uživatele. Při této volbě systém obrázku nijak nemění velikost ani kvalitu a obrázek vloží na server v jeho původním stavu jak jej máte na vašem disku.

Přizpůsobit velikost stránkám Tato volba upraví velikost obrázku tak aby se zobrazil na Vašich stránkách ve vhodné velikosti. Takové kterou doporučují naši grafici pro Váš layout stránek. Přizpůsobit velikost stránkám (maximální povolená velikost pro stránky) Tato volba upraví velikost obrázku tak aby se zobrazil na Vašich stránkách v maximální možné velikosti která je pro stránky povolena. Přizpůsobit velikost obrázků pro sekce novinky / náhled obrázků Tato volba zmenší vámi zvolený obrázek tak, aby se zobrazil ve vhodné velikosti jako menší náhled v sekcích, které vyžadují menší velikost obrázků. Jde například o sekce novinky nebo aktuality, které se zobrazují v postranních sloupcích webových stránek. Veškeré výše uvedené varianty zachovávají poměr stran obrázku.

Přizpůsobit vlastní velikost obrázku (max. rozlišení 800x600) Pomocí této volby a vstupních polí: Můžete změnit velikost obrázku na vámi požadované rozměry. Maximální možná, povolená velikost je však 800x600 bodů. Poměr stran obrázku určujete hodnotami pro šířku a výšku. Zvolte tedy některou z výše uvedených variant a potvrďte import tlačítkem:

Po potvrzení se opět dostanete do původní karty dialogového okna, kde již vidíte náhled importovaného obrázku. Hodnoty H-Mezera a V-Mezera doporučujeme nastavit na hodnotu 5. Umístění v textu určuje políčko zarovnání.

Po doladění nastavení umístíme obrázek do článku potvrzením tlačítka OK

strana:

13


Výsledný článek a stránka po vložení obrázku:

Nyní si vysvětlíme kam se nám obrázek naimportoval v rámci struktury prezentace a jak se obrázky do této struktury dají importovat přímo. Námi vložený obrázek z editoru, se vložil ve stromové struktuře do připravené složky „Obrázky z editoru“

Do této složky jsou automaticky vkládány veškeré obrázky vložené z editoru. Z této složky si následně můžeme obrázky přesunout do jakékoli jiné složky v rámci struktury prezentace, aniž bychom jakýmkoli způsobem poškodili vytvořené vazby na články. (více informací o práci ve struktuře naleznete v kapitole 5.1.)

Obrázky doporučujeme přesouvat do složky „Obrázky“ ve které si předvedeme jak vkládat obrázky přímo do struktury prezentace.

strana:

14


Ve stromové struktuře prezentace zvolte složku do které chcete importovat obrázky. V našem případě zvolíme připravenou složku „Obrázky“:

Zvolíme tlačítko:

Objeví se nám obrazovka určená pro vkládání obrázků, ve které nalezneme stejná tlačítka a volby jako u importu obrázků v kartě dialogového okna editoru. Tyto volby jsou stejné a budeme se zabývat jen těmi které jsou zde odlišné. Postupovat tedy budeme stejně jako v editoru. 1. Nejdříve zvolíme obrázek, který chceme importovat přímo z pevného disku pomocí tlačítka „Procházet“ . 2. Dále zvolíme některou z možností přizpůsobení stejně jako tomu bylo v editoru. 3. Následně máme dvě možnhosti. Pokud chceme importovat jen jeden obrázek zvolíme tlačítko: Pokud chceme importovat více obrázků zvolíme tlačítko: Tato volba nás nepřesměruje zpět do struktury a můžeme volit další obrázek k importu.

strana:

15


Pomocí výše uvedeného postupu si můžeme naimportovat jeden nebo několik obrázků, ve chvíli když už máme obrázky neimportovány přejdeme pomocí tlačítka Zpět do struktury prezentace – původní složky „Obrázky“

TIP:

Pokud najedete kurzorem myši nad zeleno-modrou ikonu obrázku, zobrazí se Vám jeho náhled.

Takto vložené obrázky můžete kdykoli používat v editoru při tvorbě článků. Použijte stejný postup který jsme si vysvětlili v kapitole 7 práce s obrázky.

9. Práce s dokumenty (vkládání dokumentů ke stažení) Redakční systém DWE podporuje možnost importu jakéhokoli souboru ke stažení do stromové struktury prezentace a jeho následnou publikaci v článku pro stažení z Vašich stránek. Postup vkládání dokumentů ke stažení: (na zkoušku si vložíme PDF dokument ke stažení) Nejprve přejdeme ve stromové struktuře do složky dokumenty, která je připravena pro tyto účely. Můžeme však importovat do jakékoli složky.

strana:

16


Zvolíme tlačítko:

Objeví se nám obrazovka určená pro vkládání dokumentů, ve kterém pomocí tlačítka „Procházet“ vybereme na disku v našem případě soubor ve formátu PDF, který následně umístíme na stránky. Po vybrání dokumentu ke stažení máme opět dvě možnosti: Pokud chceme importovat jen jeden soubor zvolíme tlačítko: Pokud chceme importovat více souborů zvolíme tlačítko: Tato volba nás nepřesměruje zpět do struktury a můžeme volit další soubor k importu. Pomocí výše uvedeného postupu si můžeme naimportovat jeden nebo několik soborů, ve chvíli když už máme soubory naimportovány přejdeme pomocí tlačítka Zpět do struktury prezentace – původní složky „Dokumenty“

Výše uvedeným postupem jsme importovali jeden nebo více dokumentů, v našem případě jsme vložili jeden dokument ve formátu PDF s názvem „CMS-DWEuživatelský-manuál.pdf“ Nyní si ukážeme jak uvedený dokument umístit na Vaše stránky ke stažení: Ve stromové struktuře zvolíme ikonu chceme vložit odkaz na PDF dokument.

pro editaci vámi vybraného článku kam

Zobrazí se nám známá obrazovka: V editaci článku si nejdříve vybereme a připravíme volný prostor kam umístíme odkaz ke stažení importovaného pdf.

strana:

17


Dále vytvoříme text odkazu ke stažení:

Text odkazu ke stažení by měl mít stejný název jako název souboru nebo jeho rozepsanou variantu. Každopádně musí odkaz jasně charakterizovat odkazovaný dokument ke stažení. Také doporučujeme uvést velikost stahovaného souboru. Označíme tedy text odkazu ke stažení a zvolíme ikonu Dále už postupujeme obdobně jako v kapitole 8 práce s odkazy. Otevře se nám dialogové okno odkaz, kde pomocí struktury zvolíme vybraný PDF soubor. V našem případě je to „CMS-DWEuživatelský-manuál.pdf“ V záložce cíl definujeme cílové okno odkazu jako „Nové okno“:

Následně potvrdíme volbu stiskem tlačítka OK. Výsledek: - odkaz je aktivní

strana:

18


TIP:

Zvýrazněte odkaz ikonou. Aby uživatel lépe identifikoval odkaz podpořte jeho zobrazení připravenými ikonami: Ve složce Obrázky/Ikony naleznete sestavu připravených ikon pro práci v editoru: Vložení ikony do článku před již dokončený odkaz: Postupujeme úplně stejně jako při vkládání obrázků: Před již vytvořený odkaz si vložíme 2 mezery:

Na tomto místě zvolíme ikonu

pro vkládání obrázků.

Vybereme ikonu PDF:

Zarovnání zvolíme doprostřed:

Potvrdíme tlačítkem OK: Výsledek:

strana:

19


10.MPresent s.r.o. 10.1. Kontakty Bryksova 818/48, Praha 9 Praha Černý Most, 198 00, Česká republika, Tel.: +420 281 863 562, Fax: +420 281 863 827 www.mpresent.cz , www.edituj.cz

10.2. Kontaktní osoby Ing. Jan Tomek Lukáš Svoboda Ing. Marek Svoboda

strana:

20

T: 603 836 412 T: 603 251 461 T: 603 514 044

E: [email protected] E: [email protected] E: [email protected]


Redakční systém. Uživatelský manuál

Recommend Documents