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ů 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ů):

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

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

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

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

Zápis barev

Seznam definic

Formátovací chyby

Provoz webu

Vzdálené služby

Vyhledávače

Katalogy

Správa souborů

Obsah / forma

Čeština

Meta tagy

Nastavení serveru

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

CSS styly

CSS styly

Úvod do CSS

Struktura textu

CSS prakticky

Přehled vlastností

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

Sláva kočkám! Poslední aktualizace 19.04.2001