Potřebné programové vybavení
Webové stránky můžete vytvářet pomocí specializovaných programů za desítky tisíc ale také v běžném textovém editoru. V této kapitole bych vám rád přiblížil několik programů, které se pohybují mezi těmito dvěma extrémy. Nejdříve začneme programy, které jsou volně stažitelné z internetu a to buď jako tzv. trial verze s možností pozdějšího zakoupení nebo úplně zdarma. Ty se většinou specializují buď na tvorbu HTML dokumentů nebo CSS dokumentů. My budeme pro tvorbu webu potřebovat obojí. Jako druhé v pořadí si představíme dva programy od firem Adobe a Microsoft. U nich je výhodou propojení tvorby HTML a CSS dokumentů s vizuálním návrhem a dynamickými stránkami.
Ještě před rozborem programů pro tvorbu webu bych se chtěl zmínit o souborovém manažeru Total Commander (vylepšená obdoba průzkumníka ve Windows). Práce s tímto programem velmi usnadňuje všechny operace se soubory i složkami a také obsahuje ftp klienta. Jedná se o shareware a stáhnout si ho můžete na serveru slunecnice.cz. Recenzi najdete například na stránkách eMagu.
Ukázky z Total Commanderu
K tvorbě stránek exitují dva přístupy, vizuální a strukturální. Vizuální (WYSIWYG - What You See Is What You Get - co vidíš to dostaneš) HTML editor pracuje podobně jako textový editor (např. Word). Vkládáte prvky webových stránek a HTML editor generuje kód. Při práci s WYSIWYG editorem nemusíte vůbec umět značky HTML a proto pro nás nepřicháezjí v úvahu.
Osobně dávám přednost ručnímu zápisu kódu, značku po značce. Nemusím dlouze bloumat, jak daný úkol udělat v nepřehledném editoru. Strukturní editory HTML fungují stejně jako Poznámkový blok, i ten lze dobře využít k tvorbě webu, ale nic vám neusnadní. Po seznámení se základními značkami se bude hodit nástroj, který bude urychlovat vaši práci např. nabízením vhodného názvu bez nutnosti ho celý napsat na klávesnici. Mezi další podstatné vlastnosti může patřit např. barevné zvýraznění syntaxe, ftp klient, zjednodušené vkládání obrázků atd.
Vytváříme stránky bez prvotních investic
PSPad editor
Výborný a velmi rozšířený nástroj pro tvorbu HTML. Pro začátečníka má díky podpoře mnoha programovacích jazyků možná příliš složité rozhraní. Kdo se ale v tomto programu naučí pracovat, nebude mít problémy ani s většími projekty. Mimořádně příjemnou vlastností je možnost automatického formátování HTML kódu, takže je mnohem přehlednější a lépe se upravuje. Nové verze obsahují také propojení s CSS editorem Top Style, který si představíme jako další.
Ukázky z PSPadu
Recenze na webu eMag
Stažení na webu slunecnice.cz
Top Style
TopStyle je program určený primárně pro tvorbu CSS. Samozřejmostí je barevné rozlišení jednotlivých částí kódu, uživatelské rozhraní je podobné jako u jiných editorů pro tvorbu www stránek, takže se rychle zorientujete. Instalace programu je naprosto bezproblémová. Editor má své nesporné kvality, jeho značnou nevýhodou je však omezená doba používání plné verze. Nicméně v kombinaci s PSPadem je to bezkonkurenční nástroj který můžete používat ve verzi Lite zdarma.
Ukázky z TopStyle pro 3.0
Recenze na webu Interval.cz
Stažení na webu slunecnice.cz
Intype
Program Intype v současné době vyvíjí skupina lidí z Čech a Slovenska. Jedná se o editor určený (nejen) pro psaní HTML kódu, který uživateli nabízí intuitivní způsob psaní. Program je jednoduchý, rychlý a dokáže usnadnit práci. Volně dostupná verze je zatím v testovací fázi. Pokud vás tento způsob psaní kódu chytne, nebudete již chtít žádný jiný nástroj. Nevýhodou je horší podpora CSS ale přesto je to velmi nadějný projekt.
Screeny programu Intype 0.2.0.211 Alpha
Recenzi opět najdete na webu eMagu
Alfa verze je ke stažení na oficiální stránce projektu Intype
Další možné programy
Pokud se vám nezalíbil žádný z předchozích editorů, tady jsou tipy na další vhodné nástroje:
Profesionální placené programy
Adobe Dreamweaver
Tento program zde uvádím jenom pro porovnání s freeware nástroji, protože svojí cenou kolem 17 000 Kč za aktuální verzi určitě vybočuje z řady svých vrstevníků. Cena je podle mého názoru trochu nadhodnocena ale za své peníze dostanete opravdu komplexní program pro tvorbu webu na vysoké úrovni. Dlouhou dobu jsem pracoval s jeho předchůdcem Homesite, který si můžete stáhnout jako Trial verzi.
Stejně jako Intype nebo PSPad nabízí možnost zrychleného psaní HTML kódu a ještě rychlejší přímou editaci CSS. Další informace najdete v jedné nebo druhé recenzi. Pro naše potřeby je tento nástroj příliš "namakaný".
Screeny programu Adobe Dreamweaver CS3
Microsoft Expression Web
Tento profesionální nástroj z dílen firmy Microsoft je nepřímým nástupcem odborníky zatracovaného FrontPage 2000 zaměřeným na tvorbu dynamických webových stránek. Svou cenou kolem 7000 Kč si jistě zajistí příznivější přijetí než konkurent od Adobe. Zatím jsem neměl čas tento produkt vyzkoušet, ale jelikož je díky programu MSDNAA dostupný zdarma i pro studenty Západočeské univerzity, určitě k tomu brzy dojde.
Základní představení produktu najdete na stránkách grafiky.cz nebo si můžete přečíst praktické zkušenosti s programem
Screeny programu Adobe Dreamweaver CS3