5. MOŽNOSTI TVORBY WEBOVÉ STRÁNKY Ing. Martin Klepek, Ph.D. Ing. Tereza Ikášová Design a správa webové stránky Cílem této přednášky je přiblížit kroky nutné k vytvoření webové stránky. Představíme pojmy jako je doména, hosting a redakční systém. V druhé polovině si ukážeme tři základní přístupy k tvorbě webové stránky Doména •Adresa •Tak jako vaše trvalé bydliště je na nějaké adrese, tak i webová stránka je na nějaké adrese, což je doména. •Jednoznačná pozice webových stránek v internetovém prostředí. Možnosti tvorby webové stránky csvukrs Doména Požadavky na doménu: •Krátká – vyhněte se víceslovným výrazům •Výstižná – charakterizuje co nejpřesněji obor vaší činnosti •Dobře zapamatovatelná – zákazník si vás může podruhé lépe najít •Snadná písemná verze – snažte se o soulad písenmé i slovná podoby •Bez hanlivých výrazů – vyvarujte se dvojsmyslným výrazům • Možnosti tvorby webové stránky csvukrs Doména Možnosti tvorby webové stránky csvukrs Doména - název •Do názvu domény můžete uvést jméno své firmy. •Pokud s podnikáním začínáte, budete muset řešit název firmy a z pravidla nastává situace, kdy obchodní název firmy je volný ale stejnojmenná doména ne a naopak. •Doména je volná, ale legislativně nemůžete jméno použít kvůli zapsané konkurenci v obchodním rejstříku. •Proklikávání mezi justice.cz a nic.cz Možnosti tvorby webové stránky csvukrs Webhosting •Hosting - pronájem místa pro vaše webové stránky. Je to něco jako pozemek pro váš dům – stránky. •Dále jsou na hostingu nahrané všechny obrázky a fotky, které chcete na svých stránkách ukázat, a také sem směřuje vaše doména. Možnosti tvorby webové stránky csvukrs Webhosting Možnosti tvorby webové stránky csvukrs Webhosting •Za hosting - pronájem webového prostoru platí provozovatel webových stránek provozovateli webhostingu pravidelné splátky. (Zpravidla roční). •Uživatel, nájemce webového prostoru, má neomezený přístup ke svým webovým stránkám. •Celková velikost stránek je přitom omezena velikostí vyhrazeného diskového prostoru na daném hostingu. Možnosti tvorby webové stránky https://hosting.cz/nevite-si-rady/co-je-to-hosting-35/ ÚKOL: Prozkoumejte nabídku webových hostingů. Věnujte pozornost parametrům, které hostingy v nabídce uvádějí. Nalezněte: a)Nejlevnější hosting b)Nejvýhodnější hosting (cena-výkon) Možnosti tvorby webové stránky https://hosting.cz/nevite-si-rady/co-je-to-hosting-35/ Přístupy k tvorbě webové stránky •Na míru •Šablona s redakčním systémem •Drag and drop systémy Možnosti tvorby webové stránky Výsledek obrázku pro stavba domu Výsledek obrázku pro stavba domu Výsledek obrázku pro stavba domu svépomocà Přístupy k tvorbě webové stránky •Web na míru - tvoří profesionální studio s programátory a webdesignery. (HTML, CSS, PHP, JavaScript) •Redakční systém - předpřipravená šablona, kde je možné upravovat na webu barvy písmo, položky menu, texty, vkládat obrázky ale už méně můžeme měnit celkové rozvržení stránky. Základní nastavení zvládne i amatér ale častěji se při tvorbě obracíme na konzultanty a webdevelopery. Díky menší náročnosti to bude menší tým lidí. •Drag and drop cloudové systémy – sestavování webu pomocí vizuálního editoru. Umisťování prvků a celkovou editaci tak zvládne skutečně každý. Možnosti tvorby webové stránky Web postavený na míru •Pro projekty, kde je web strategickým nástrojem podnikatelské činnosti. •Specifické funkce (např. Mixit.cz – uživatel si seskládá sám vlastní müsli. •Tento interakční design žádné řešení pomocí šablony nesvede a už vůbec ne cloudové drag and drop systémy. Možnosti tvorby webové stránky Web postavený na míru •Někdy v případě webu na míru hovoříme o tom, že je web postavený od nuly. •To ale není téměř nikdy pravda a programátoři a webdesigneři většinou kombinují předešlou práci a přednastavené doplňky. Možnosti tvorby webové stránky Výsledek obrázku pro skládaÄ�ka z kostek HTML – struktura webu Možnosti tvorby webové stránky CSS – vzhled webu Možnosti tvorby webové stránky Redakční systém •Správa a publikování obsahu webové prezentace nebo blogu. •CMS (Content management system). •Redakční systémy jsou vytvořeny tak, aby je i laik mohl jednoduše a efektivně ovládat. Možnosti tvorby webové stránky Výsledek obrázku pro redakÄ�nà systém csvukrs Redakční systém •Používají se pro správu příspěvků, diskusí, komentářů, pro publikování obrázků nebo jiných multimediálních souborů, případně lze v rámci redakčního systému určovat práva jednotlivým uživatelům. Možnosti tvorby webové stránky Výsledek obrázku pro redakÄ�nà systém joomla csvukrs Redakční systém •V současné době je velmi populární používat redakční systémy pro tvorbu blogů. •Díky tomu lze jednoduše vytvořit originální blog, buď pouze pro osobní účely nebo pro propagaci e-shopu nebo internetového obchodu. Možnosti tvorby webové stránky SouvisejÃcà obrázek csvukrs Použití redakčního systému a šablony •Nejpoužívanější CMS: Wordpress, Joomla nebo Drupal. •Všechny tyto systémy jsou zdarma, nicméně existují samozřejmě i placená řešení. Možnosti tvorby webové stránky Výsledek obrázku pro wordpress logo Výsledek obrázku pro joomla logo Výsledek obrázku pro drupallogo https://www.ovh.cz/webhosting/website/porovnani-cms/ Redakční systémy – Joomla! Možnosti tvorby webové stránky joomla - JoomlaExpert.cz https://cs.wikipedia.org/wiki/Syst%C3%A9m_pro_spr%C3%A1vu_obsahu Redakční systémy – Drupal Možnosti tvorby webové stránky https://cs.wikipedia.org/wiki/Syst%C3%A9m_pro_spr%C3%A1vu_obsahu Redakční systémy – WordPress Možnosti tvorby webové stránky https://cs.wikipedia.org/wiki/Syst%C3%A9m_pro_spr%C3%A1vu_obsahu Použití redakčního systému a šablony •Jednoduché ovládání (WYSIWYG editory) •User friendly / Mobile friendly •Pokročilá personalizace (pluginy) •Multi-users •Komunita •SEO • Možnosti tvorby webové stránky https://www.ovh.cz/webhosting/website/porovnani-cms/ Wordpress •Instaluje se na webový hosting nebo server a k jeho obsluze potřebujete webový prohlížeč (tedy počítač, což je dnes také laptop, tablet nebo i chytrý mobil). • •Rozdělen na dvě části – administraci webového obsahu (backend, obslužnou aplikaci) a samotný výsledný webový obsah (frontend, webové stránky). • Možnosti tvorby webové stránky https://coumiwp.cz/co-je-wordpress/ Wordpress •WordPress dokáže fungovat jako e-shop, magazín s redakční radou, firemní prezentace nebo mobilní aplikace. •Umí se napojit na jiný software a číst z něj data nebo je tam posílat. Web na WordPressu si můžete vyrobit sami, nebo si najmout dodavatele (firmu nebo konzultanta). •Vzhled výsledných stránek určují šablony vzhledu, které lze získat zdarma, koupit si je, nebo si je nechat naprogramovat na míru. Možnosti tvorby webové stránky https://coumiwp.cz/co-je-wordpress/ Wordpress.org a Wordpress.com •Pokud budete hledat WordPress jako redakční systém, naleznete jeho dvě verze. •WordPress.com je komerční stránka, kde můžete s určitým omezením hostovat svou stránku zdarma. Vytvořila ji stejná firma, která stojí i za WordPressem (Automattic). •WordPress.org je místo, kde si můžete zdarma stáhnout svou vlastní kopii redakčního systému WordPress. Možnosti tvorby webové stránky Drag&Drop editor Možnosti tvorby webové stránky SHRNUTÍ PŘEDNÁŠKY •Vysvětlili jsme si co je doména a k čemu slouží. •Popsali jsme co je hosting a k čemu jej používáme když stavíme webové stránky. •Seznámili jsme se s třemi postupy tvorby webové stránky. •Vysvětlili jsme principy fungování redakčních systémů a jejich srovnání. Možnosti tvorby webové stránky Děkuji za pozornost. Možnosti tvorby webové stránky