Tento dφl Nßvod∙ bude tak trochu atypick² - nebude urΦen pro ·plnΘ zaΦßteΦnφky. Dle mΘho soudu znalost tvorby HTML strßnek nepat°φ mezi dovednosti, kterΘ musφ nutn∞ znßt ka₧d². Pokud vÜak mezi takto äposti₧enΘô pat°φte, tak v∞°φm, ₧e vßs nßsledujφcφ text oslovφ.

┌vod
Allaire HomeSite je program, kter² od doby svΘho vzniku proÜel dlouh²m v²vojem - z poΦßteΦnφho jednoduchΘho editoru se vyvinul prost°edek, kter² naÜel uplatn∞nφ v mnoha profesionßlnφch studiφch, kterΘ navrhujφ web strßnky na zakßzku. Jß jsem se poprvΘ setkal s verzφ 2.5, kterß nabφzela na svoji dobu p°evratnou novinku - zabudovanΘ jßdro prohlφ₧eΦe Internet Explorer 3.0. ╚lov∞k tedy stiskem jednoho tlaΦφtka vid∞l, jak bude strßnka opravdu vypadat. Do tΘ doby byly mo₧nosti nßhledu °eÜeny p°es spouÜtenφ externφho prohlφ₧eΦe, Homesite p°iÜel s integracφ dle mΘho soudu jako prvnφ. Verze 4 p°inesla mj. dosti rozporuplnou novinkou - Design m≤dem. Ten p°ibli₧uje tvorbu strßnek i u₧ivatel∙m, kte°φ syntax jazyka HTML neznajφ - strßnka je tvo°ena stejn∞, jako bychom psali dokument t°eba ve Wordu. Osobn∞ jsem k tomuto zp∙sobu tvorby strßnek skeptick² - ztrßcφ se tak 100% kontrola nad editovanou strßnkou.

P°ednosti programu
- mo₧nost integrace MS IE 3.0 a vyÜÜφ p°φmo do programu
- rozsßhlΘ mo₧nosti p°izp∙sobenφ pot°ebßm u₧ivatele
- barevnΘ odliÜenφ zdrojovΘho k≤du s podporou HTML, DHTML, CSS, JavaScript, VBScript, SQL, ASP, PHP3 a Perl
- integrovanß nßpov∞da k prvk∙m jazyka HTML
- integrovan² Editor kaskßdov²ch styl∙

Prost°edφ programu

Legenda
1. Nßstrojovß liÜta - podoba s produkty °ady Office nenφ nßhodnß, °ada tlaΦφtek mß stejnou funkci jako jejich äkancelß°skΘô ekvivalenty
2. Zßlo₧ky editaΦnφho, nßhledovΘho a design m≤du
3. äResource tabô - t∞₧ko p°elo₧iteln² termφn, vφcefunkΦnφ panel
4. Nastavenφ pro editaci
5. EditaΦnφ okno
6. Zßlo₧ky pro p°epnutφ mezi funkcemi ad 3), tedy vφcefunkΦnφho panelu
7. Zßlo₧ky editovan²ch dokument∙

Zßlo₧ky äResource tabô

Nastavenφ pro editaci

Zßkladnφ dovednosti
Pro lepÜφ Φtivost nßvodu jsem zvolil formu modelovΘ situace. Vychßzφm z vlastnφ zkuÜenosti - v₧dy mßm rad∞ji texty p°ibli₧ujφcφ praxi, ne₧ suchopßrn² teoretick² popis situace.

Modelovß situace
S tvorbou HTML strßnek jste zaΦal ji₧ p°ed Φasem a v souΦasnΘ dob∞ provßdφte upgrade svΘho softwarovΘho vybavenφ. Podle referencφ jste si vybral Homesite 4.0 a po ·sp∞ÜenΘ instalaci jste postaven p°ed problΘm p°evodu stßvajφcφho website, kter² mßte ulo₧en u sebe na disku.

Tvorba projektu
Allaire Homesite je zalo₧en na tzv. projektech, tj. souborech HTML dokument∙, kterΘ tvo°φ v²sledn² website.
Uka₧me si tedy nynφ, jak takov² projekt vytvo°φme - äimportujemeô stßvajφcφ website.

1. V äResource tabô - vφcefuknΦφm panelu - se taΦφtkem p°epn∞te na zßlo₧ku äProjectsô.
2. V hornφ Φßsti stiskem tlaΦφtka aktivujte Pr∙vodce tvorby novΘho projektu.
3. Vypl≥te pot°ebnΘ ·daje - nßzev projektu a umφst∞nφ jeho dokument∙.

4. Dojde k vytvo°enφ seznamu soubor∙, kterΘ obsahuje p°φsluÜn² adresß° a projekt je tak hotov - jeho nßzev se objevφ v seznamu na zßlo₧ce äProjectsô

┌prava dokument∙
Pokud jste nezm∞nili zßlo₧ku äResource tabô, tak by se vßm na nφ m∞l objevit seznam soubor∙, kterΘ obsahuje prßv∞ importovan² website . P°i dvojitΘm kliknutφ na nßzev HTML souboru se v editaΦnφ Φßsti programu objevφ p°φsluÜn² zdrojov² text. Nßhled na dokument zφskßte kliknutφm na zßlo₧ku "Browseô v editaΦnφ Φßsti programu. Samotnß editace je velice snadnß - program disponuje prvky modernφch editor∙ a tak kup°. p°i p°esunu v∞tÜφch Φßsti textu m∙₧ete vyu₧φt myÜ. ╪ada tag∙ je obsa₧ena na nßstrojovΘ liÜt∞ a jejich vlo₧enφm se obvykle aktivuje dialog, usna∩≥ujφcφ ·pravu parametr∙.
Co vÜak ji₧ obvyklΘ nenφ, je mo₧nost tvorby äu₧ivatelsk²ch prvk∙ô - v originßle zvan²ch äTag snippetsô. Pokud na sv²ch strßnkach Φasto opakujete stejnΘ ·seky k≤du, tak vßm tato funkce p°ijde jist∞ vhod.

Vra¥me se te∩ k naÜφ modelovΘ situaci. ┌sp∞Ün∞ jste vytvo°il projekt a te∩ chcete na strßnkßch opravit n∞kolik ·daj∙. Jednφm z nich je i tag s obrßzekem vaÜφ poboΦky. Vytvo°me te∩ pro ni nov² äTag snippetô.
1. V zßlo₧kßch äResource tabô se p°epn∞te tlaΦφtkem na zßlo₧ku äTag snippetô.
2. Klikn∞te prav²m tlaΦφtkem na kdekoliv v zßlo₧ce a v nabφdce vyberte volbu äCreate folderô a dopl≥te jmΘno slo₧ky, kterß bude äTag snippetô obsahovat.
3. Prav²m tlaΦφtkem klikn∞te na takto vytvo°enou äslo₧kuô a zvolte polo₧ku äAdd snipetô.
4. V nßsledujφcφm dialogu dopl≥te po₧adovanΘ ·daje - poΦateΦnφ a koncovΘ tagy, kterΘ se v budoucnu objevφ p°ed a za oznaΦen²m textem. Operaci zakonΦφte stiskem tlaΦφtka äOKô.
P°i editaci pak jen staΦφ ze seznamu vybrat pot°eby äTag snippetô a kliknutφm jej umφstit do editovanΘho dokumentu.

Jak jsem se ji₧ zmφnil v p°edchßzejφcφm odstavci, program mß °adu tag∙ implementovßnu - skr²vajφ se pod jednotliv²mi tlaΦφtky liÜty nßstroj∙. Bylo by myslφm zbyteΦnΘ zmi≥ovat se o ka₧dΘm z nich - o t∞ch zajφmav∞jÜφch si povφme v p°φÜtφm dφle.

Tvorba novΘho dokumentu - Üablony
Zrekapitulujme-si te∩, co u₧ umφme. Vφme, jak vytvo°it nov² projekt a jak jednoduÜe upravit opakujφcφ se Φßsti dokument∙. Te∩ jsme se vÜak dostali do situace, v kterΘ pot°ebujeme vytvo°it zbrusu nov² dokument. Jist∞ - nenφ to nic slo₧itΘho, staΦφ v hlavnφ nabφdce programu zvolit äFileô-äNewô a v nßsledujφcφm dialogu stisknout äOKô, ale co kdy₧ se struktura takto vytvo°enΘho dokumentu bude opakovat? Znalc∙m modernφch textov²ch editor∙ jist∞ vytane na mysli vyu₧φtφ Üablon. Jednu ukßzkovou se te∩ pokusφme vytvo°it.

1. Z nabφdky äFileô vyberte polo₧ku äNewô a v dialogu zvolte Üablonu äDefault templateô
2. Dle vlastnφch pot°eb prove∩te ·pravu struktury dokumentu - nezapom∞≥te, ₧e tvo°φte Üablonu a vklßdejte tak jen prvky, kterΘ se budou na ka₧dΘ strßnce opakovat.
3. Dokument ulo₧te volbou äFileô-äSave as templateô. V dialogu dopl≥te jmΘno, pod kter²m bude Üablona vystupovat. Tφm je operace zakonΦena.

Pro vyu₧φtφ novΘ Üablony pak jen staΦφ v dialogu nabφdky äFileô-äNewô zvolit zßlo₧ku äCustomô a vybrat zvolenou Üablonu.

V p°φÜtφm dφle se vßm pokusφm osv∞tlit taje nastavenφ programu. T∞Üφm se na vaÜe reakce na ji₧ doufßm notoricky znßmΘ adrese.

Petr Vostr²