Freewarové programy pro tvůrce internetových stránek Pomůcky pro webotvůrce Vymýšlení a psaní HTML kódu může být někdy dosti únavné. Naštěstí existuje řada kvalitních nástrojů, které dokáží výrazně ušetřit práci. Ponechme stranou vyspělé HTML editory a pojďme se podívat na několik malých, ale šikovných freewarových pomocníků. Programů určených pro tvůrce webových stránek není zrovna málo. Dnes se podíváme na osm nástrojů, které patří do kategorie freewaru. Půjde o programy pro převod tabulky do HTML kódu, pro převod souborů formátu RTF do HTML kódu, pro snadnou definici vzhledu posuvníku v internetovém prohlížeči, pro rychlou tvorbu javascriptových kódů a o program pro kontrolu objektů na webových stránkách (odkazů, obrázků atd.). Přehled všech popisovaných pomůcek najdete v tabulce. Všechny programy naleznete také na Chip CD. Table2HTML 1.2 Prográmek Table2HTML dokáže pohodlně a rychle převést tabulku do HTML kódu. Jsou dvě možnosti, jak toho dosáhnout. 1. Požadovanou tabulku označte a zkopírujte do schránky (např. tabulku ve Wordu nebo v Excelu). Spusťte program Table2HTML a vložte tabulku do pole Table Input. Pak klepněte na tlačítko Go - v poli HTML Output se objeví výsledný HTML kód. Kliknutím na tlačítko Copy zkopírujte výsledný kód do schránky a poté ho vložte například do HTML editoru. Tlačítkem Clear lze vymazat obsah obou polí. 2. Využít můžete také příkaz File/Convert File, který převede zdrojový soubor s tabulkou do souboru s HTML kódem. Dříve než tento příkaz použijete, nastavte v nabídce Options volbu Tab delimited nebo volbu Comma delimited. Volbu Tab delimited použijte v případě, kdy jsou data v souboru oddělena tabulátorem. Volbu Comma delimited použijte tehdy, pokud jsou data v souboru oddělena čárkou. Jednodušší a rychlejší je používat první způsob. Při použití druhého způsobu je totiž nutné převést tabulku do souboru s vhodným formátem. V nabídce Options lze zapnout nebo vypnout několik voleb, které ovlivní výsledný HTML kód. Pravděpodobně vám bude vyhovovat deaktivace volby Include font tag (tato volba totiž způsobuje ohraničení obsahu všech buněk tagem FONT). Důležitý je také příkaz Options/Settings - v okně Settings je vhodné upřesnit volbu Table head specification (zadejte zde např. ). Také vám možná nebude vyhovovat volba Font specification. Od stejného autora je také program HTML2Table 1.0. Ten má opačnou funkci - převede tabulku v HTML kódu do formátu bez HTML příkazů a data budou oddělena zvoleným oddělovačem (středníkem, tabulátorem atd.). CSV makaček 1.5.5 Jde o další konvertor "tabulka -> HTML". Český program umí převést soubor s tabulkou (podporovány jsou formáty Dbase, CSV a textový soubor) do HTML souboru. Ještě před konverzí můžete přímo v programu dodatečně upravit načtenou tabulku (třídit záznamy, editovat buňky a formátovat tabulku). V první řadě je nutné načíst tabulku (doporučuji formát CSV; převod ostatních formátů bohužel nefunguje stoprocentně). Zvolte příkaz Soubor/Otevřít. Objeví se okno Otevření souboru, ve kterém zvolte formát CSV, případně zvolte volbu "První řádek je záhlaví" a otevřete příslušný soubor. Otevře se tabulka - tu můžete ještě doladit (setřídit záznamy, změnit obsah buněk nebo definovat formát jednotlivých buněk). Konverzi do HTML proveďte příkazem Nástroje/Generování. Před provedením konverze se ještě objeví okno Generování HTML kódu, ve kterém budete moci nastavit některé vlastnosti tabulky (šířku tabulky, šířku sloupců, barvu rámečku a tloušťku rámečku). HTML Tabulka 1.6 Třetí a poslední konvertor "tabulka -> HTML", který si dnes představíme, se jmenuje HTML Tabulka 1.6. Jde opět o český produkt. Základní funkce je stejná jako u předchozích dvou programů - převod tabulky do HTML formátu. Z popsaných konvertorů však nabízí nejvíce možností nastavení. Zkopírujte do schránky požadovanou tabulku (např. tabulku z Excelu). Program se skládá z několika částí. Do první části (nazvané "Vstup - TXT") vložte tabulku ze schránky. Pak zvolte příkaz "Akce/Konverze z TXT do buněk". Objeví se část Buňky - v ní uvidíte tabulku rozdělenou do jednotlivých buněk (zde můžete změnit např. zarovnání sloupců nebo uspořádání tabulky). Výsledek můžete ovlivnit změnou nastavení v částech "Buňky - HTML", Parametry pro Test, Styly a Sloupce. Pak zvolte příkaz "Akce/Konverze z buněk do HTML". Zobrazí se část "Výstup - HTML", kde najdete výsledný HTML kód. Výsledek si lze rychle prohlédnout pomocí příkazu "Akce/Test". Převáděč souborů RTF na HTML Tento program dokáže převést soubor formátu RTF do souboru formátu HTML. Celkem dobře je zachována struktura dokumentu a formátování. Bohužel nelze převádět obrázky, tabulky a odkazy. Jeho výhodou je však přehlednost a snadná editovatelnost výsledného kódu (což se rozhodně nedá říci při konverzi pomocí MS Wordu). Program je vhodný pro základní a rychlý převod dlouhého textu - další úpravy (odkazy, obrázky, tabulky atd.) je nutné dodělat pomocí libovolného HTML editoru. Podporována je také práce v příkazové řádce. Postup konverze je snadný. Nastavte cestu k požadovanému RTF souboru a klepněte na tlačítko Převést. IE Scrollbar Skiner 1.2 Pomocí kaskádových stylů lze definovat vzhled posuvníku v internetovém prohlížeči. Snadné a rychlé vytvoření optimální barevné kombinace posuvníku (definovat lze barvy u sedmi různých částí) umožňuje tento program. V levé části programu najdete sedm polí. V každém poli lze nastavit barvu určité části posuvníku. Barvu můžete zadat výběrem z barevné palety nebo zadáním příslušného hexadecimálního čísla. Každou změnu barvy můžete ihned sledovat na ilustračním obrázku. Nastavení barvy lze provést také tak, že klepnete na určitou část ilustračního obrázku. V pravé části programu se objeví výsledný kód. Ten můžete (pomocí tlačítek nebo příkazů v nabídce) zkopírovat do schránky, uložit do CSS souboru nebo uložit do HTML souboru. ColorBar 1.1 Vybrat optimální vzhled posuvníku můžete i s českým programem ColorBar. U všech sedmi vlastností posuvníku vyberte požadovanou barvu pomocí dialogu. Každou změnu lze sledovat na ilustračním obrázku, který se nachází v levé části programu. Pak stačí vybrat příkaz Akce/Generuj - v dolní části se objeví vygenerovaný kód. Vytvořený kód můžete zkopírovat do schránky (příkaz Akce/Kopírovat), uložit do textového souboru (příkaz Soubor/Uložit jako TXT) nebo uložit do HTML souboru (příkaz Soubor/Uložit jako HTML). AAScripter 2.0 Zatraktivnění webů pomocí javascriptových kódů a DHTML je běžnou záležitostí. Řada skriptů byla už vytvořena, a proto není nutné stavět vždy na zelené louce. Pokud budete chvíli hledat, pravděpodobně narazíte na skript, který vám bude (třeba i po několika úpravách) vyhovovat. Pomoci vám může také program AAScripter. Ten obsahuje 200 zdokumentovaných skriptů, a to včetně ukázek. Skripty jsou rozděleny do 17 kategorií (např. Status Bar Effects, Text Effects, Image and Sound Effects atd.). Pro zpestření své webové stránky můžete také využít 45 ikon. Po spuštění programu vyberte požadovanou kategorii. V horní části se objeví seznam skriptů. Poté poklepejte na název příslušného skriptu. Objeví se další okno - v něm najdete popis skriptu, zdrojový kód a také tlačítko pro spuštění ukázky. Spustit ukázku a stáhnout ikonu můžete pouze v případě, že jste připojeni k internetu. Xenu 1.2 Neexistující odkazy a obrázky na atraktivnosti webu příliš nepřidají. U rozsáhlejších webů je hledání takovýchto chyb velmi pracné. Pomoci vám může program Xenu - ten je zaměřen na hledání neplatných objektů na webových stránkách (kontroluje se nejen existence běžných odkazů, ale také existence obrázků, rámců - frames, plug-inů, pozadí, souborů se styly, souborů s javascripty a také java appletů). Prověřit můžete jak web na internetu, tak i stránky umístěné na disku. Neexistující objekty jsou přehledně zobrazeny v okně programu nebo si můžete nechat vygenerovat HTML stránku s podrobnou zprávou. Zvolte příkaz File/Check URL. Objeví se okno - v prvním poli zadejte URL (např. www.chip.cz) nebo klepněte na tlačítko Browse a vyberte stránku umístěnou na disku. Pak stačí klepnout na tlačítko OK a sledovat kontrolu stránek. Během testování můžete vybrat příkaz "View/Show broken links only" (v okně programu se budou objevovat pouze neexistující objekty). Na stavovém řádku programu uvidíte stav testování v procentech. Po dokončení testování budete dotázáni, zda chcete vygenerovat podrobnou zprávu ve formě HTML stránky. Norbert Gulevič, norbert.gulevic@vogel.cz