Jak si vytvořit stránku
Co je potřeba - Co
není potřeba - Dva kroky -
Soubory - HTML editory - Ťukání
zdroje - Postup pro začátečníky -
Zlatá střední cesta

Co je potřeba
- Mozek, to zaprvé.
- Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý
textový editor (ve Windows Notepad - Poznámkový blok).
- Potřebujete webový prohlížeč. Na novějších strojích je vždycky -- Internet
Explorer (modré éčko), případně Mozilla (dráček), Firefox (červená panda)
nebo Opera (červené Óčko), vše to je zdarma.
- Hodí se připojení na internet. Kdo nemá připojení na internet, musí se alespoň jednou dostat na chvíli
k Internetu a mít tam možnost kopírovat z něčeho, na čem si hotové stránky
přinese (třeba z diskety nebo fleshky).
- Musíte mít o čem psát.
- Nepouštějte se do toho, pokud neumíte kopírovat soubory nebo nevíte, co
je disk a adresář (složka).
Co není potřeba
- Není třeba mít připojení na Internet.
- Obejdete se i bez drahých nebo složitých programů.
- Nemusíte umět programovat.
- Pro základní pokusy nemusíte nic platit (platí se, až když chcete
vlastní doménu)
Dva kroky
- napsání stránky = vytvoření souboru html (nebo více propojených
souborů)
- vystavení takového souboru na internet (zkopírování na server)
V tomto textu se budu zabývat krokem prvním, vytvářením souborů stránek.
Napřed na vlastním disku.
Soubory
Internetová stránka je soubor s příponou htm nebo html. Je to skoro obyčejný
textový soubor obohacený o značky jazyka HTML
(tagy). Soubor s příponou .html má na disku ikonku, která ukazuje, že jde o
stránku. Například může vypadat takto:

Stránka se dá otevřít dvěma způsoby:
- buďto se na ni podívat jako na stránku (v prohlížeči), pak se nedá
upravovat.
- nebo otevřít jako text (třeba v Poznámkovém bloku), tomu se říká zdroj
nebo kód nebo zdrojový kód,
ten se dá upravovat. Tak se stránky vytvářejí, jako kód.
Soubory HTML můžete vytvořit
- buď v nějakém HTML editoru (dobré pro začátečníky),
- nebo můžete napsat rovnou zdroj v HTML jazyce (to je pracnější,
ale jistější, zábavnější a není to až tak těžké).
HTML editory - programy
HTML editory jsou programy speciálně určené pro tvorbu stránek. Pro začátečníky jsou
použitelné zejména
wysiwyg editory, ve kterých píšete rovnou text a kódem html se
nezabýváte.
Ve wysiwyg editoru se normálně napíše text, vloží se obrázky a uloží se to
na disk do souboru s příponou html. To je vše. Editor všechny html značky (tagy)
doplní sám.
Z wysiwyg editorů znám Dreamweaver, FrontPage
2000 (verze 2002 a 2003 jsou česky), NVU a pár dalších, ale ne moc
dobrých programů. Wysiwyg editory mají samozřejmě své nevýhody, hlavní je
sporná kvalita vytvořeného kódu. To je ale pro začátek jedno. Více v textu
o editorech.
- Výrobci wysiwyg editorů říkají: S naším programem můžete tvořit
stránky bez znalosti jazyka HTML!
- Já říkám: V HTML jazyce můžete tvořit stránky bez nutnosti používat
nějaký komplikovaný program.
Kromě wysiwyg editorů tedy existují i editory strukturní, ve kterých píšete přímo
kód, ale ten program s tím hodně pomáhá (napovídá, doplňuje apod.).
Strukturní editory: HomeSite, PSPad, EasyPad, UltraEdit, jEdit apod., v nouzi i
Poznámkový blok. Prostě normální textové editory. Ale to už jsem u druhé
možnosti dělání stránek, u ťukání zdroje.
Na psaní stránky nelze používat Word.
Ťukání zdroje
Kdo chce být pánem situace, napíše si zdroj od začátku sám v textovém editoru. Musí se
naučit základy jazyka HTML, čemuž se stejně
časem nelze vyhnout, protože složitější věci se ve wysiwyg editorech dělají
špatně.
Nyní ukázka zdrojového kódu HTML:
<html>
<head>
<title>Má první stránka</title>
</head>
<body>
Moje první html stránka.
A nějaké další texty.
</body>
</html>
Když si vezmete třeba Poznámkový blok (Notepad), vyťukáte tam předchozí
textík (nebo zkopírujete) a uložíte jej někam na disk
jako soubor třeba pod jménem priklad1.html, máte
hotovou první internetovou stránku . Příklad si můžete
zobrazit v
prohlížeči.
Postup pro začátečníky
Jak vytvořit HTML soubor ve Windows (jeden z mnoha způsobů). (Komu by něco
nešlo, ať pak zkusí ještě podrobnější
návod.)
- Vytvořte si na disku novou složku (adresář), například C:\pokus a
přejděte do ní
- Vytvořte nový textový soubor (třeba pravým tlačítkem > Nový objekt)
- Přejmenujte jej na jméno stranka.html (potvrďte změnu přípony), změní se
ikona u souboru
- Otevřete dvojklikem. V prohlížeči se zobrazí zatím prázdná stránka.
- Vraťte se do složky. Na vytvořený soubor klikněte pravým tlačítkem a
zvolte Otevřít v programu. Pokud se nabídne Poznámkový blok, zvolte jej
(pokud se nenabídne, musíte jej najít). Spustí se textový editor Poznámkový
blok, zatím prázdný.
- Sem napište nějaký text, podle libosti jej doplňte libovolnými HTML
značkami (vizte příklady v základech HTML).
- Soubor - uložit.
- Přepněte se zpátky do prohlížeče a zadejte obnovit (F5).
- Prohlédněte si změny
- Případně se vraťte do texťáku a znovu upravte zdroj. Po uložení a
obnovení se změny projeví v prohlížeči.
- Takto můžete experimentovat do nekonečna.
Zatím je ta stránka na vašem disku. Kopírovat na
server ji budete později.
V názvech souborů určených pro web nikdy nepoužívejte diakritiku ani
mezery! Doporučuji všechny názvy zadávat malými písmeny (ať to potom nespletete).
Zlatá střední cesta
Zajímavý způsob, jak se naučit HTML a dělat dobré stránky:
- tvořit soubory v nějakém
wysiwyg editoru,
- prohlížet si zdrojové kódy, které ten program generuje,
- případně je trochu pozměnit a sledovat, co se stane.
Například já jsem to tak zpočátku dělal.
Reklama