Jak si vytvořit stránky
Co je potřeba
- Mozek, to zaprvé.
- 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.
- Hodí se připojení na internet. 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 (třeba z diskety nebo fleshky).
- 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
- 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
- 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)
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ý označky jazyka HTML (tagy). Soubor s příponou
.html má na disku ikonku, která ukazuje, že jde o stránku. Například může vypadat
takto:
Stránka se dá otevřít dvěma způsoby:
- buďto se na ni podívat jako na stránku (v prohlížeči), pak se nedá
- upravovat.
- nebo otevřít jako text (třeba v Poznámkovém bloku), tomu se říká
- zdroj nebo
- kód nebo zdrojový kód, ten se dá upravovat. Tak se stránky
- vytvářejí,
- jako kód.
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ší,
- 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énawysiwyg 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ů. 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.
Na psaní stránky nelze používat Word.
Ť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:
Moje první html stránka.
A nějaké další texty.
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.)
- 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.html (potvrďte změnu přípony),
- změní se
- ikona u souboru
- Otevřete dvojklikem. V prohlížeči se zobrazí zatím prázdná stránka.
- Vraťte se do složky. Na vytvořený soubor klikněte pravým
- tlačítkem a zvolte
- Otevřít v programu. Pokud se nabídne Poznámkový blok,
- zvolte jej (pokud se
- nenabídne, musíte jej najít). Spustí se textový editor Poznámkový
- blok, 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í v prohlížeči.
- 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
Zajímavý 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.
