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

Co není potřeba

Dva kroky

  1. napsání stránky = vytvoření souboru html (nebo více propojených souborů)
  2. 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).

Stránka se dá otevřít dvěma způsoby:

  1. buďto se na ni podívat jako na stránku (v prohlížeči), pak se nedá upravovat.
  2. nebo to jako text (třeba v Poznámkovém bloku), tomu se říká zdroj nebo kód, ten se dá upravovat. Tak se stránky vytvářejí, jako kód.

Soubory HTML můžete vytvořit

  1. buď v nějakém HTML editoru (dobré pro začátečníky),
  2. 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. 

Wysiwyg editorů jsou je docela dost, já znám Dreamweaver, FrontPage 2000 (2002 a 2003 jsou česky), Mozilla 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 kód, ale ten program s tím hodně pomáhá (napovídá, doplňuje apod.). Strukturní editory: HomeSite, PSPad, EasyPad, UltraEdit apod., v nouzi i Poznámkový blok.

Ť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 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 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. 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.)

  1. Vytvořte si na disku novou složku (adresář), například C:\pokus a přejděte do ní
  2. Vytvořte nový textový soubor (třeba pravým tlačítkem > Nový objekt)
  3. Přejmenujte jej na jméno stranka.html (potvrďte změnu přípony), změní se ikona u souboru
  4. Otevřete dvojklikem. V prohlížeči se zobrazí prázdná stránka.
  5. Zadejte Zobrazit - Zdroj. Spustí se textový editor, zatím prázdný.
  6. Sem napište nějaký text, podle libosti jej doplňte libovolnými HTML značkami (vizte příklady v základech HTML).
  7. Soubor - uložit.
  8. Přepněte se zpátky do prohlížeče a zadejte obnovit (F5).
  9. Prohlédněte si změny
  10. Případně se vraťte do texťáku a znovu upravte zdroj. Po uložení a obnovení se změny projeví.
  1. 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

Nejlepší způsob, jak se naučit HTML a dělat dobré stránky:

Například já jsem to tak zpočátku dělal.

o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Základy Prvky stránek Barvy Provoz webu

Jak psát web píše Yuhů, Dušan Janovský. Kontakt. Poslední aktualizace 19. února 2005.