Maturitní otázka – webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení pro aplikace internetového protokolu HTTP. Je tím myšlena soustava propojených hypertextových dokumentů. V češtině se slovo web často používá nejen pro označení celosvětové sítě dokumentů, ale také pro označení jednotlivé soustavy dokumentů dostupných na tomtéž webovém serveru nebo na téže internetové doméně nejnižšího stupně (internetové stránce). Webové stránky nejčastěji slouží jako: Firemní web Osobní prezentace E-shop Komunitní (blogy, stránky sdružení) Projektově zaměřené (produkt, myšlenka, vize) Nástroje (technologie) pro tvorbu webových stránek Pokud chceme vytvořit web, na počátku je potřeba se rozhodnout jak (v čem) webové stránky vytvořit. Existují tyto základní možnosti (technologie) pro tvorbu webových stránek: On-line webové editory Redakční systémy Wysiwyg editory Strukturní editory Každá z uvedených možností má své výhody a nevýhody. Hlavní kritérium pro rozhodnutí je bezpochyby znalost (neznalost) jazyka pro vlastní psaní webu. Základní jazyk pro tvorbu webu je dnes jazyk HTML. Zkratkou HTML je označován značkovací (strukturovaný) jazyk pro hypertext - HyperText Markup Language. V něm tvoříme základ webu. Pro nastavení zobrazení a dalších doplňků se vedle HTML jazyka používají jako jeho rozšíření (doplnění) kaskádové styly (v anglickém originále Cascading Style Sheets), zkráceně CSS. Pokud se rozhodneme vytvářet (programovat) stránky přímo (v nějakém jazyce), použijeme některý ze strukturních editorů. Pokud nemáme znalost jazyka nebo nechceme stránky přímo programovat vybereme si pro vytváření webu jinou technologii než strukturní editory. I když dnes již neexistuje přímá hranice. I při použití jiné technologie jako například pomocí on-line editorů, redakčních systémů nebo wysiwyg editorů můžeme vytvořenou stránku editovat přímo v kódu (jazyku) a například pomocí změny části CSS kódu dosáhnout změny i tímto způsobem.
1
On-line webové editory Jak napovídá název, jedná se o technologie pro tvorbu webu online – tedy na síti. Tento způsob nevyžaduje žádnou znalost kódu (programování). Také není třeba instalovat na PC žádný software. Po přihlášení (vytvoření účtu) vytváříme webové stránky on-line (stačí webový prohlížeč). Prostředí je podobné jako například MS Word, stránku si prostě naklikáme přes tlačítka a formuláře. Hlavní výhody: rychlost, nenáročnost Hlavní nevýhody: nelze vytvořit stránky plně podle vlastního designu – je potřeba si vybrat nějaký z nabízených vzhledů. Dnes však i toto úplně neplatí, se znalostí CSS jazyka můžeme vzhled upravit k obrazu svému, pokud je tato funkce u daného on-line editoru nabízená. Příklad editorů: estranky.cz, webnode.cz
Redakční systémy Redakční systém neboli CMS (content management system) je systém nejen pro vytvoření, ale hlavně také pro správu obsahu webové prezentace. V praxi to znamená, že pomocí redakčního systému můžeme webovou prezentaci vytvořit a následně ji pomocí stejného systému spravovat, v praxi je častěji využívaná druhá varianta - webovou prezentaci vytvoří člověk (firma) pomocí redakčního systému, nastaví všechny potřebné atributy dle požadovaného nastavení, vytvoří (upraví) grafiku šablony, nainstaluje redakční systém na hostingový server, případně nastaví první obsah. Další správu (úpravy článků, doplnění informací, fotek) pak provádí již sám uživatel. Hlavní výhody: jednoduchá správa, možnost nastavení více správců (editorů) a nastavení různých oprávnění, většina systému je bezplatná, výborný poměr cena/výkon, se znalosti CSS lze téměř plně graficky přizpůsobit požadavkům. Hlavní nevýhody: složitější první instalace na hostingový server, potřeba větší znalost problematiky pro nastavení systému a práv, nutnost mít prostor pro instalaci Nejpoužívanější redakční sytémy: Wordpress, Joomla, Drupal, Prestashop, Zencart Wysiwyg editory Tyto editory nevíce vystihuje tento popis: „What you see is what you get“, česky „co vidíš, to dostaneš“. Tato zkratka označuje způsob editace dokumentů v počítači, při kterém je verze zobrazená na obrazovce vzhledově totožná s výslednou verzí dokumentu. Zjednodušeně řečeno – editační prostředí podobné Wordu nebo Photoshopu, ve kterém přímo vidíme, co tvoříme. Tvorba webové 2
prezentace funguje obdobně jako u on-line editorů s pomocí tlačítek, formulářu, plochy, není tedy potřeba znát kód pro vytváření webu. Tento editor (software) je potřeba na PC nainstalovat. Většina programů je však placených. Výhody: snadná práce, rychlost, jednoduchost Nevýhody: potřeba instalace programu, převážná většina placených Příklady editorů: Adobe Muse, Adobe Dreamweaver, Microsoft FrontPage, NVU (tento je v licenci freeware)
Microsoft
Publisher,
Strukturní editory Jedná se o programy, které vytvářejí pomocné prostředí (zjednodušují, zpřehledňují) vytváření webové prezentace přímo pomocí kódu (například pomocí jazyka HTML a CSS). V tomto případě je tedy znalost jazyka pro tvorbu webové prezentace nutností. Program je potřeba obvykle na PC nainstalovat. Výhody: pomocné prostředí pro psaní kódu Nevýhody: nutnost podrobné znalosti jazyka pro tvorbu webové prezentace Příklady: PSpad (rozšířený poznámkový blok)
HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je hlavním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu. V současné době je aktuální HTML5. Příklad kódu jazyka HTML:
umelecka <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> <meta name="description" content="umelecka.cz" /> <meta name="keywords" content="umelecka.cz" /> <meta name="language" content="CZ" />
3
Lorem ipsum dolor sit amet.
Consectetuer feugiat at eleifend pretium rhoncus auctor leo.
