freewarové programy pro tvůrce webů
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 freeware. 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.
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. Způsob. 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. Způsob. Využít můžete také příkaz File/Convert File, který převede zdrojový
soubor s tabulkou do souboru s HTML kódem. Před tím, 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ř. <table border=1>). 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.).
Další konvertor „tabulka -> HTML“. Jde o český program, který 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).
Třetí a poslední konvertor „tabulka -> HTML“, který si dnes představíme.
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“.
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ém RTF souboru a klepněte
na tlačítko Převést.
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.
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).
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ěkolik ú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.
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 apletů).
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ř.
http://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.
![]() |