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.