SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ

Transkript

1 Slezská univerzita v Opavě Obchodně podnikatelská fakulta v Karviné SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ Distanční studijní opora Jména autorů Ing. Josef Botlík Ing. Kateřina Slaninová Karviná 2013 Projekt OP VK 2.2 (CZ.1.07/2.2.00/ ) Rozvoj kompetencí managementu a pracovníků VŠ MSK (s podporou ICT)

2 Obor: Klíčová slova: Anotace: Informatika, pedagogika, www, portál, internet, wysiwyg editor, http, FTP, PHP, CSS, CMS Účastníci budou seznámeni se základními principy návrhu a tvorby webových prezentací, se základy webmasteringu a zásadami publikování v prostředí internetu. V průběhu kurzu budou prezentovány nástroje, které lze pro tvorbu webových prezentací využít bez nutnosti znalostí HTML jazyka (a jazyků dalších). Jedná se jak o klasické HTML editory (WYSIWYG), tak online editory, v neposlední řadě budou seznámeni také se systémy pro tvorbu obsahu (Content Management Systems, CMS) a redakčními systémy. Výsledné webové prezentace bude možno v duchu moderních prostředků komunikace a prezentace doplnit o dynamické prvky jako jsou ankety, počítadla, chaty, blogy, aktuality apod. Výuka bude probíhat zejména praktickou formou, důraz bude kladen především na skutečné zvládnutí vybraných technologií se zaměřením na reálné využití v praxi. Absolventi kurzu budou schopni v poměrně krátké době vytvořit profesionálně vypadající webové prezentace využitelné pro výuku, prezentaci vlastních publikací, tvorbu vlastních kurzů, či pro osobní potřebu. Slezská univerzita v Opavě Obchodně podnikatelská fakulta v Karviné Autor: Ing. Josef Botlík Ing. Kateřina Slaninová. Lektoři: Ing. Josef Botlík Ing. Kateřina Slaninová ISBN

3 OBSAH 1 Co musíme vědět, než začneme Identifikace souborů a počítačů URI, URL, URN Doména, IP adresa Prostor pro umístění obsahu Volba domény Doména a webhosting WWW server a Webhosting Přístup k hostovanému serveru Nástroje pro tvorbu a editaci obsahu Tvorba na vlastním PC Tvorba na hostovaném serveru, redakční systémy Nástroje pro přenos obsahu a přístup k obsahu FTP protokol Základní principy designu www stránek, principy publikování na webu Internet Fungování internetu Služby ISP Typy sítí dle jejich dosahu Nejčastější síťové architektury v prostředí internetu Organizace v prostředí internetu Internetové standardy Základy tvorby webu Internetová stránka Typy webových prezentací Technologie pro vytváření webových stránek Nástroje pro tvorbu webových prezentací Trendy současného webdesignu Vývoj webdesignu Základní pravidla webdesignu Základní přístupy k webdesignu Vybrané aspekty webdesignu Proces návrhu webu Layout stránky

4 3 WYSIWYG editory Stručný úvod Základní rysy Nástroje Základní nástroje Další nástroje Ukázky editorů Easy Editor - český HTML WYSIWYG editor webových stránek BlueGriffon KompoZer On-line www projekt, WebNode, Imcreator Webnode - Vše snadno a rychle Registrace Podpora a dokumentace Imcreator On-line editory Vybrané editory Aloha FCKeditor, CKEditor TinyMCE Srovnání prostředí Implementace do prohlížeče Systémy pro správu obsahu, redakční systémy Teorie CMS Výhody systémů pro správu obsahu Nevýhody systémů pro správu obsahu Srovnání nasazení CMS v praxi Instalace redakčního systému na web Webhosting pro CMS MyPage CMS Úvod Instalace a umístění na server Editace a publikování stránek WordPress Stažení a instalace Prostředí systému Něco z praxe na závěr

5 7.1 Přístupy k online systémům Webnode Imcreator Přístupy k doménám a webhostingu pro CMS Doména sofistikovana.webowka.eu Doména univerzitni.webowka.eu Doména vyuka-opf.kvalitne.cz Přístupy k redakčním systémům MypageCMS Wordpress Přístup k hostingu

6 ÚVODEM Tento výukový materiál je součástí elektronického kurzu. Cílem kurzu je seznámit účastníky se softwarovými nástroji a aplikacemi pro jednoduchou tvorbu webových prezentací. Účast v kurzu nevyžaduje znalost žádného z jazyků používaných pro tvorbu webových stránek. Účastníci budou seznámeni se základními principy návrhu a tvorby webových prezentací a dále se softwarem a aplikacemi, které lze pro jejich tvorbu využít bez nutnosti znalostí HTML jazyka. Absolventi kurzu budou schopni v poměrně krátké době vytvořit profesionálně vypadající webové prezentace využitelné pro výuku, prezentaci vlastních publikací, tvorbu vlastních kurzů, či pro osobní potřebu. 6

7 RYCHLÝ NÁHLED STUDIJNÍ OPORY Stávající opora je přehledně rozčleněna do sedmi částí. Každá část je doplněna zdroji a odkazy v elektronickém kurzu. 1. Co musíme vědět, než začneme. 2. Základní principy designu www stránek, principy publikování na webu. 3. WYSIWYG editory. 4. On-line www projekt, WebNode, Imcreator. 5. On-line editory. 6. Systémy pro správu obsahu, redakční systémy. 7. Něco z praxe na závěr. V rámci kurzu je pro každou skupinu vytvořen test pro procvičení a kontrolu znalostí. Skripta jsou psána tak, aby umožnila samostatnou formu studia, je dobré si znalosti konfrontovat s dalšími zdroji uvedenými v elektronickém kurzu.