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). Na mobilu stránky rozumně vytvářet nejde.
- Potřebujete webový prohlížeč. Na novějších strojích je vždycky -- Edge (modré éčko, dříve Internet Explorer), případně Chrome nebo Firefox, vše to je zdarma. Většina lidí prohlížeči říká "internet", protože je to program, se kterým se prohlíží web.
- 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 flash usbéčka).
- 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 soubor a 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 s vlastními stránkami nemusíte nic platit (platí se, až když chcete vlastní doménu něco.cz)
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 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
nebo 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, což je program, který s HTML pomáhá (dobré pro začátečníky),
- nebo můžete napsat rovnou zdroj v HTML jazyce v textovém editoru (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 a doporučuji Web Expression, případně FrontPage 2000 (verze 2003 je nejlepší) a pár dalších, ale už ne moc dobrých programů. Wysiwyg editory mají samozřejmě své výhody i nevýhody. 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, obarvuje apod.). Strukturní editory: Notepad ++, 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). Těch pravidel pro správu souborů je víc.
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
