Jak si udělat stránku

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 = 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.

Dá se otevřít dvěma způsoby:

  1. buďto jako stránku (normálně v prohlížeči), pak se nedá upravovat.
  2. nebo to jako text (třeba v Notepadu), tomu se říká zdroj, ten se dá upravovat.

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ší).

 HTML editory

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.

V nich  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. 

Editorů jsou mraky, já znám HomeSite 4, FrontPage 98, FrontPage 2000, FronPage Express, Dreamweaver, Word 97 a 2000, Netscape Composer a mnoho dalších. Editory mají samozřejmě své nevýhody, hlavní jsou cena programů (piráti ignorují) a sporná kvalita vytvořeného kódu. To je ale pro začátek jedno. Více v textu o editorech.

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

  1. Vytvořte si na disku novou složku (adresář), například C:/dokumenty/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.htm (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. 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:

Například já jsem to tak vždycky dělal.


Další: Základy HTML. Předchozí: Jak funguje WWW
Vizte též: Jak psát na web, Editory, Publikování stránek, Domény na webu

Píše Yuhů
dusan@pc-slany.cz
mail formulářem
Jak psát web O tvorbě, údržbě a zlepšování internetových stránek.

Základy HTML CSS FrontPage Hledání

Obsah

Hlavní stránka

Novinky

FAQ

Download

Zdroje

Hledání


Rozšířené

Základní kurs

Jak udělat stránku

Základy HTML

Publikování

Zásady psaní

Editory

Různé prohlížeče

Editory

FrontPage 2000

FP Editor 98

Word 97

FrontPage Express

HTML tipy

Příprava obrázků

Obrázky

Pozadí

Odkazy

Vychytávky odkazů

Záložky

Aktivní mail

Tabulky

Úprava tabulek

Novinky tabulek

Design tabulkami

Rámy

Formátování rámů

Rámy nepoužívat

Iframe

Formuláře

Formuláře v HTML

Dokonalé formuláře

Zápis barev

Definice

Formátovací chyby

Jak udělat levé menu

Vytěžování stránek

Provoz webu

Rychlost stránek

Vzdálené služby

Vyhledávače

Katalogy

Správa souborů

Ikona stránky

Obsah / forma

Čeština

Chyby češtiny

Tabulky kódování

Meta tagy

Nastavení serveru

Programování stránek

Začátky PHP

Možnosti PHP

Používání prohlížeče

CSS styly

CSS styly

Úvod do CSS

Struktura textu

CSS prakticky

PŘEHLED VLASTNOSTÍ CSS

Složitější deklarace

Délkové jednotky

Pozicování

Sloupce pozicováním

Okraje objektů

Odlišení prohlížečů

Omezení CSS

Odlišný tisk

Dynamické HTML

Filtry

Příklady filtrů

Různé barvy odkazů

Barva rolovací lišty

 


Jak psát web: http://dusan.pc-slany.cz/internet/

Píše Yuhů: autorova stránka, mail: dusan@pc-slany.cz

Poslední aktualizace 24.12.2001