Postup pro zaΦßteΦnφky

Jak vytvo°it HTML soubor (webovou strßnku) ve Windows

Toto je podrobn² text opat°en² komentß°i vznikl² pro rozvedenφ struΦnΘho textu v nßvodu jak si ud∞lat strßnku. Popisuji jen jeden z mnoha zp∙sob∙, jak se dß strßnka vytvo°it:

1.Vytvo°te si na disku novou slo╛ku, 

nap°φklad C:/dokumenty/pokus a p°ejd∞te do nφ. (Slo╛kßm se °φkß takΘ adresß°e.)

Pokud to neumφte: p°epn∞te se na plochu. Dvojklik na Tento poΦφtaΦ. Objevφ se seznam disk∙. Dvojklik na C: . Objevφ se obsah disku, to ╛lutΘ jsou slo╛ky, to ostatnφ jsou soubory. Najd∞te slo╛ku Dokumenty. Dvojklik (nejlΘpe na tΘ ╛lutΘ ikon∞). Objevφ se obsah slo╛ky C:\dokumenty

Fajn? Te∩ teprve ud∞lßme novou slo╛ku. Je vφc zp∙sob∙, nejsnadn∞j╣φ je z nabφdky Soubor > Nov² > Slo╛ka. Nebo tak n∞co. V anglick²ch Windows File > New (object) > Folder.

Objevφ se novß slo╛ka, kterß mod°e Φekß na p°ejmenovßnφ. Zadejte t°eba "pokus" a potvr∩te Entrem. 

Tak te∩ existuje novß slo╛ka, staΦφ do nφ p°ejφt dvojklikem. Objevφ se bφlΘ prßzdnΘ okΘnko -- slo╛ka je samoz°ejm∞ prßzdnß. Je dobrΘ mφt novou slo╛ku na pokusy se strßnkami, proto╛e se tak na disku nenad∞lß moc bordelu.

2. Vytvo°te nov² textov² soubor

 (t°eba prav²m tlaΦφtkem - Nov² objekt)

Jak je otev°enß ta novß slo╛ka, tak se tam t°eba klikne prav²m tlaΦφtkem (jsou i jinΘ zp∙soby) a zadß se Nov² objekt > textov² dokument nebo tak n∞co. Vytvo°φ se soubor, kter² nahodφ n∞jakΘ divnΘ jmΘno a Φekß na p°ejmenovßnφ (mß zamod°enΘ jmΘno). 

3. P°ejmenujte jej na jmΘno stranka.htm

 (potvr∩te zm∞nu p°φpony), zm∞nφ se ikona u souboru

Jak je ten text zamod°en², tak se m∙╛e rovnou psßt jmΘno souboru. Potvrdit Entrem.

Co kdy╛ se nedß psßt? N∞kdy se cosi stane a pak to nejde. Pak staΦφ kliknout na ten soubor prav²m tlaΦφtkem (op∞t jsou r∙znΘ zp∙soby) a zvolit P°ejmenovat. 

Pak se zadß nov² nßzev. Zkuste stranka.htm . To stranka je volitelnΘ. Proto╛e by se m∞la m∞nit p°φpona souboru (z txt na htm), Windows by se m∞ly ozvat, ╛e jako bacha. Prost∞ by se m∞l objevit dialog potvrzujφcφ zm∞nu druhu (=p°φpony) souboru. Potvr∩te. 

Soubor by te∩ m∞l mφt trochu jinou ikonku (nejΦast∞ji takovΘ modrΘ ΘΦko), to znamenß, ╛e se u╛ bude otevφrat v prohlφ╛eΦi.

M∙╛e nastat jinΘ ·skalφ. Poznßte to podle toho, ╛e se ten potvrzovacφ dialog neobjevφ a soubor nezm∞nφ ikonku. Pak musφte dßt v tom okn∞ Zobrazit > Mo╛nosti slo╛ky nebo Nßstroje > Mo╛nosti slo╛ky. Na druhΘ zßlo╛ce (kart∞), kterß se jmenuje zobrazit, je pak spousta detailnφch nastavenφ. Tam je pot°eba najφt °ßdek "skr²t p°φpony soubor∙ znßm²ch typ∙" a zru╣it u toho fajfku. Pak OK. NaΦe╛ by to m∞lo jφt p°ejmenovat na stranka.htm i s varovßnφm a zm∞nou ikonky. 

4. Otev°ete dvojklikem. 

V prohlφ╛eΦi se zobrazφ prßzdnß strßnka.

Po dvojkliku na soubor (klikejte rad∞ji na tu jeho ikonku) by se m∞l spustit prohlφ╛eΦ. NeΦast∞ji Internet Explorer (nenφ podmφnkou). 

Kdyby nefungoval dvojklik, zkuste Enter. 

Kdyby se spustil Poznßmkov² blok (Notepad), tak se asi nepovedlo to p°edchozφ p°ejmenovßnφ.

Pokud se spustφ Word, je to pr∙╣vih. V tom p°φpad∞ zkuste spustit prohlφ╛eΦ (v∞t╣inou takovΘ modrΘ ΘΦko) a do °ßdku adresy vy╗ukat c:/dokumenty/stranka.htm (nebo jinou sprßvnou cestu), potvrdit Enterem. Pokud nikde nenφ prohlφ╛eΦ, poΦφtaΦ je pravd∞podobn∞ moc star² a nikdo na n∞j prohlφ╛eΦ nenainstaloval. Musφ se doinstalovat.

Ve v∞t╣in∞ p°φpad∙ se ale spustφ prohlφ╛eΦ. Zobrazuje bφlou strßnku, proto╛e tam zatφm nikdo nic nenapsal.

5. Zadejte Zobrazit > Zdroj. 

Spustφ se textov² editor, zatφm prßzdn².

Zobrazit > Zdrojov² k≤d je p°φkaz z nabφdky prohlφ╛eΦe. V anglick²ch prohlφ╛eΦφch se to jmenuje View > Source. 

M∞l by se spustit Notepad (Poznßmkov² blok), jednoduch² textov² editor. M∞lo by tam jφt psßt. 

Kdyby se spustil jin² program, zkuste, zda do n∞j p∙jde psßt a zda to p∙jde ulo╛it. Pokud ano, je v╣echno v pohod∞. Pokud ne, tak je problΘm. Musφte se p°epnout zp∞t do slo╛ky (to je to ╛lutΘ), vybrat (zamod°it) soubor a zmßΦknout Shift + pravΘ tlaΦφtko my╣i na souboru. Vybere se Otev°φt Φφm nebo Otev°φt v programu, zadß se Notepad.

6. Sem napi╣te n∞jak² text, 

podle libosti jej dopl≥te libovoln²mi HTML znaΦkami (vizte p°φklady v zßkladech HTML).

Tak, jak² text napsat? Vcelku libovoln². T°eba staΦφ ·pln∞ obyΦejnß v∞ta:

Toto je moje prvnφ strßnka.

┌pln∞ napoprvΘ je╣t∞ s HTML neexperimentujte. To a╛ jestli se to v∙bec povede.

7. Soubor - ulo╛it

To se d∞lß v tom Notepadu. Strßnka je nynφ ulo╛ena na disku. V jednom programu jsme ud∞lali zm∞ny (v tomto PoznßmkovΘm bloku), z druhΘho programu (prohlφ╛eΦ) to prohlΘdneme (v dal╣φm kroku).

8. P°epn∞te se zpßtky

do prohlφ╛eΦe a zadejte obnovit (F5).

Pokud se neumφte p°epnout zpßtky do prohlφ╛eΦe, tak sje∩te my╣φ na obrazovce ·pln∞ dolu a hledejte program prohlφ╛eΦe - podlouhlΘ tlaΦφtko nejΦast∞ji s modr²m ΘΦkem.

Kdyby byl nßhodou zav°en², tak se dß znovu otev°φt z disku (krok 4).

V prohlφ╛eΦi je pot°eba dßt p°φkaz aktualizovat (t°eba klapkou F5 nebo pravoklik > aktualizovat). Prohlφ╛eΦ se podφvß na disk a naΦte aktußlnφ verzi. M∞l by se objevit ten text.

9. ProhlΘdn∞te si zm∞ny

HezkΘ?

10. P°φpadn∞

se vra╗te do tex╗ßku a znovu upravte zdroj. Po ulo╛enφ a obnovenφ se zm∞ny projevφ.

╚ili jd∞te do kroku 6. Nynφ m∙╛ete p°idßvat HTML znaΦky a po ulo╛enφ (krok 7) a obnovenφ (krok 8) sledovat, co se stane. 

oo. Takto m∙╛ete experimentovat do nekoneΦna.

Zatφm je ta strßnka na va╣em disku. Na server ji budete publikovat pozd∞ji.