Tvorba webových stránek pro každého

HomeSite 4.0



Nástroje pro tvorbu webových stránek můžeme rozdělit do dvou
základních skupin. První z nich se označují jako WYSIWYG editory
(What You See Is What You Get). Práce s nimi se do značné míry
podobá psaní textu v klasickém textovém editoru. Proto jsou
produkty tohoto druhu vhodné zejména pro začínající autory.
Naopak nástroje z druhé skupiny, pracující přímo se
surovým kódem HTML, preferují pokročilí uživatelé, kteří tak
mají plnou kontrolu nad výsledkem svého snažení. A právě do této
druhé skupiny lze zařadit i HomeSite, s nímž bych vás chtěl
blíže seznámit v následujících odstavcích.
Jednou z typických vlastností produktu je jeho snadné ovládání a
přívětivé uživatelské rozhraní, které lze do značné míry
přizpůsobit požadavkům uživatele. Pracovní plocha je rozdělena
na několik částí, maximálně využívajících dostupný prostor. Při
prvním spuštění je horní část aplikačního okna vyhrazena pro
menu a nástrojové lišty. Z nich považuji za nejužitečnější a
také pravděpodobně nejčastěji používaný QuickBar , který na
několika záložkách sdružuje základní příkazy jazyka HTML
(tabulky, rámce, písmo, skripty atd.).
V levé části okna pod nástrojovými lištami se nachází tzv. panel
zdrojů, kde jsou dostupné nástroje pro práci se soubory (Local a
Remote Files), projekty (Projects), výstřižky kódu (Snippets) a
parametry jednotlivých HTML příkazů (Tag Inspector). Dále je zde
k dispozici nápověda (Help), kompletně zpracovaná ve formátu
HTML, a grafické zobrazení odkazů v aktuálním dokumentu (Site
View).
Hlavní část pracovní plochy samozřejmě zabírá vlastní editační
okno. Zde nabízí HomeSite tři způsoby práce s vytvářeným
dokumentem. Základem je editační pohled (Edit view), určený k
psaní či úpravám kódu budoucí stránky. Jak bude váš výtvor
vypadat v prohlížeči, se můžete přesvědčit v režimu prohlížení
(Browse view). Pro okamžitou kontrolu změn provedených v kódu
mohou být tyto dva pohledy zobrazeny nad sebou. Samozřejmě lze
z prostředí HomeSite také otevřít dokument v libovolném externím
prohlížeči. Novinkou čtvrté verze je režim návrhu (Design view),
který dovoluje měnit velmi pohodlně podobu stránky a přitom
ihned vidět výsledek (WYSIWYG). Tento třetí pohled na dokument
je založen na komponentě DHTML Edit od Microsoftu. Musí být tedy
nainstalován Internet Explorer 4.01 nebo novější. Bohužel práce
v tomto režimu přináší i drobné problémy. Asi nejzávažnějším,
z pohledu českého uživatele, je převod znaků s ASCII kódem
vyšším než 127 (a sem patří většina písmen s diakritikou) na
popisné kódy. Tento převod je implicitně prováděn i v režimu
Edit, ale zde je možné toto nepříjemné chování potlačit
příslušným nastavením v konfiguračním dialogu.
Editor používá propracovaný systém barevného zvýrazňování
napsaného kódu, který umí aplikovat více sad barevných kombinací
v závislosti na typu souboru (HTML, CSS, JavaScript, VBScript,
SQL, ASP, PHP3 a Perl). Pro zjednodušení vkládání nebo úprav
příkazů jazyka HTML (tzv. tagů) nabízí HomeSite řadu nástrojů,
mezi něž patří Tag Insight (rozbalovací menu, které se objeví
ihned po napsání jména tagu nebo atributu; obdoba technologie
IntelliSense od Microsoftu), Tag Inspector (nabízí v přehledné
tabulkové formě seznam všech atributů označeného tagu), Tag Tree
(zobrazuje hierarchickou strukturu stránky), Tag Chooser
(seznam, ze kterého lze vkládat potřebné tagy do dokumentu
pouhým kliknutím myši) a Tag Editor (dialogové okno nabízející
editaci všech parametrů příslušného tagu). Často používané části
kódu (např. navigační lišty), lze uložit a kdykoliv opětovně
použít. V síťovém prostředí je dokonce možné tyto výstřižky kódu
(snippets) sdílet mezi více uživateli. Ke snadnějšímu pohybu
mezi jednotlivými částmi rozsáhlejších dokumentů slouží
jednoduchý, ale účinný systém záložek.
Snad každý by rád vytvářel stránky bez pravopisných chyb. U řady
nelokalizovaných aplikací bývají ale problémy s češtinou.
HomeSite tento problém řeší vazbou na Microsoft Office. Tak je
nyní možné provádět kontrolu pravopisu i pro češtinu, včetně
podtrhávání chybných slov červenou vlnovkou a nabídky možných
oprav v kontextovém menu pravého tlačítka myši.
Před publikováním stránek na web serveru je vhodné nějakým
způsobem zkontrolovat správnost syntaxe HTML kódu. Můžete sice
na váš projekt aplikovat některý z on-line nástrojů dostupných
na Internetu, ale mnohem snazší je použít prostředky integrované
přímo v HomeSite. Výsledkem takové kontroly je seznam nalezených
chyb včetně krátkého komentáře. Pouhým kliknutím myší na
příslušné položce se přenesete na odpovídající místo kódu a
můžete provést nápravu. Stejně snadno lze provést kontrolu
odkazů na další dokumenty (stránky, obrázky, zvuky atd.).
Využíváte-li při tvorbě webových stránek kaskádové styly, jistě
oceníte existenci nového samostatného editoru CSS. Díky
přehlednému zobrazení všech parametrů, CSS kódu a výsledného
vzhledu stránky nadefinujete s jeho pomocí velmi rychle
jednotlivé styly, na které potom z jednotlivých dokumentů pouze
směřují odkazy.
Celkově HomeSite hodnotím jako jednu z nejvyzrálejších aplikací
pro tvorbu webových stránek, jež může směle konkurovat i mnohem
dražším produktům renomovaných firem (např. Microsoft FrontPage
nebo Adobe PageMill). Pokud se chcete přesvědčit na vlastní oči,
co tento program dokáže, stáhněte si 30denní trial verzi ze
stránek firmy Allaire Corporation (www.allaire.com).



HomeSite 4.0

+Tag Inspector
+editor CSS
+integrace DHTML Edit
+cena
+nápověda