Jak si udělat 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
- Budete potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (ve Windows Notepad - Poznámkový blok).
- Dost dobré je mít prohlížeč; na novějších strojích je vždycky (Internet Explorer (modré éčko) nebo Mozilla (dráček), vše zdarma).
- Kdo nemá doma modem nebo v práci síť, musí se alespoň jednou dostat na chvíli k Internetu a mít tam možnost kopírovat z diskety.
- 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
- V první řadě 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.
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 = publikování)
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).
Dá se otevřít dvěma způsoby:
- buďto jako stránku (normálně v prohlížeči), pak se nedá upravovat.
- nebo to jako text (třeba v Poznámkovém bloku), tomu se říká zdroj, ten se dá upravovat.
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ší).
HTML editory
To 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 do souboru s příponou html. To je vše. Editor všechny značky (tagy) doplní sám.
Wysiwyg editorů jsou je docela dost, já znám Dreamweaver,FrontPage 2000 (2002, 2003 jsou česky), FrontPage Express, Netscape Composer a mnoho dalších. V opravdové nouzi se za wysiwyg editor dá považovat i Word, protože také umí ukládat do html (strašně špatně). 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.
Kromě wysiwyg editorů existují i editory strukturní, ve kterých píšete přímo zdroják, ale ten program s tím hodně pomáhá (napovídá, doplňuje apod.). Strukturní editory: HomeSite, PSPad, EasyPad, UltraEdit apod.
Ťukání zdroje
Kdo chce být pánem situace, napíše si zdroj od začátku sám v texťáku. Musí se naučit základy jazyka HTML, čemuž se stejně časem nelze vyhnout, protože složitější věci se v 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 Notepad a vyťukáte tam předchozí textík (nebo zkopírujete) a uložíte jej někam na disk třeba jako priklad1.htm, máte hotovou první internetovou stránku. Můžete si zobrazit příklad 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.htm (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. Na server ji budete publikovat později.
Zlatá střední cesta
Nejlepší 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 vždycky dělal.
