TUNING JE ŽIVOT

čuuuuus

Jak si udělat web

Jak si udělat web

Jak si udělat stránky, co je a co není potřeba, první příklad.

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).
  • 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.
  • 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 (z diskety třeba).
  • 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.
  • Pro základní pokusy nemusíte nic platit (platí se, až když chcete vlastní doménu)

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 otevřít 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. 

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

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

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

  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:

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

Žádné komentáře
 
Copyright © Budík