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 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í prázdná stránka.
- Zadejte Zobrazit - Zdroj. Spustí se textový editor, 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í.
- 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
