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.