tvorba www
HTML jazyk (HyperText Markup Language) umožňuje vytvoření internetové stránky pomocí značek (tagů), které popisují vzhled a význam jednotlivých částí stránky. Nástupcem HTML jazyka je XHTML, které trochu rozšiřuje možnosti, i když na druhou stranu zpřísňuje pravidla zápisu. Nadále tedy budeme popisovat jazyk XHTML. tvorba www stránek začíná seznámením se strukturou www stránky.
Každá internetová stránka je tvořena tzv. hlavičkou a tělem. Hlavička stránky se přímo nezobrazuje, ale obsahuje důležité informace, jako způsob kódování znaků, informace o tvůrci stránek, titulek stránek apod. To, co se zobrazuje, to se uvádí v těle. princip tvorby www stránek pomocí HTML jazyka je snadný – pomocí značek uzavíráme části textu a tím jim přidělujeme různé vlastnosti, význam a vzhled.
Značky (dále už jen tagy) se uvádějí ve špičatých závorkách –
,
apod. Rozpoznáváme také párové a nepárové tagy. XHTML vyžaduje, aby i nepárové tagy byly zapsány jako párové. Podrobnosti se dozvíme v průběhu seriálu. Pojďme tedy od teorie k praxi. Předvedeme si strukturu webové stránky:
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cz" lang="cz">
<head>
<title>Moje první stránka</title>
</head>
<body>
<p>Ahoj světe</p>
</body>
</html>
Vysvětlení:
- Deklarace XML určuje kódování. Dnes se téměř výhradně používá utf-8 či utf-16 kvůli svým výhodám.
- Deklarace typu dokumentu. DOCTYPE určuje jak má být dokument zapsán, aby byl chápán jako validní, čili bezchybný. Podrobnostmi se zatěžovat nemusíte. Stačí vědět, že tvorba www stránek v XHTML vyžaduje uvedení DOCTYPE.
- Hlavička. Cokoli je uvedeno mezi tagy a je chápáno jako hlavička. Najdeme zde většinou definici metatagů, či přilinkované javascriptové soubory, či definice css stylů.
- Tělo. Vše, co je mezi tagy a se zobrazuje při zobrazené stránce
Celé je to navíc obaleno do tagu .
V dalším díle seriálu tvorba www se podíváme na pár pravidel při zápisu tagů, aby byly stránky validní v XHTML.
Tags: tvorba www, www stránky
Posted in Tvorba www stránek | Komentáře nejsou povoleny
Sobota, Srpen 13th, 2011 | Permalink
tvorba www
Vím, že jsem slíbil, že dnes začne seriál tvorba www popisem struktury a základy HTML. Ještě ale nejsme připraveni. Musíme ještě popsat nástroje, které při tvorbě www stránek budeme potřebovat. Prozatím budeme uvažovat o tom, že si vystačíme se základními statickými stránkami psanými v jazyce HTML.
Pro tvorbu www budete potřebovat:
- schopnost učit se a mít trochu logického myšlení. Nemusíte ale být přímo programátor.
- počítač s operačním systémem, na který jste zvyklí. Já třeba používám GNU Linux, ale většina asi máte Windows v nějaké novější verzi
- jednoduchý textový editor typu Poznámkový blok, tedy takový, který neukládá formátování podobně jako Word
- oblíbený prohlížeč www stránek. Hodí se mít nainstalováno několik prohlížečů pro testování stránek v různém prostředí
Co naopak tvorba www stránek nevyžaduje?
- předchozí znalosti programování
- pokročilé programátorské editory jako Dreamweaver či NVU
- připojení k Internetu
- vlastní doménu
Až pokročíme dále, bude dobré nainstalovat si vlastní webový a databázový server. To ale patří k pokročilým způsobům tvorby www stránek a dostaname se k tomu až v části věnované PHP a MySQL.
Jaký editor www stránek?
Existují v zásadě 2 typy editorů.
- Wysiwyg editory. Fungují podobně jako MS Word (který mimochodem také dokáže dokument uložit i jako internetovou stránku). Uživatelé píší obsah, formátují text a obrázky a o zdrojový kód se vůbec nestarají. Typickým zástupcem této skupiny je FrontPage. Pohodlí uživatele je ovšem vykoupeno nízkou kvalitou zdrojového kódu a tak profesionál pro tvorbu www stránek wysiwyg editor asi nepoužije.
- Strukturální editory. Dovolují zapisovat přímo HTML kód a tak je tvorba www stránek sice o trochu náročnější, ovšem zase máte plnou moc nad každou jednotlivostí. Editorů této kategorie je velké množství. Oblíbené jsou třeba PSPad pro Windows či Quanta v případě Linuxu.
Pokud začínáte s tvorbou www stránek, možná znáte jediný způsob zobrazení www stránek – v prohlížeči jako výsledek, čili stránku sestavenou z HTML kódu. Jakmile začnete tvořit www stránky, musíte si zvyknout na to, že zdrojový kód budete mít otevřen v editoru, kde ho budete upravovat a zároveň i v prohlížeči, kde budete obnovovat stránku a prohlížet si jak se změny promítají na www stránce.
Nyní už opravdu slibuji do dalšího dílu seriálu tvorba www stránek, že si už jednoduchou stránku vyrobíme a vysvětlíme si strukturu stránek.
Tags: tvorba www, www stránky
Posted in Tvorba www stránek | Komentáře nejsou povoleny
Sobota, Květen 14th, 2011 | Permalink
Název tohoto blogu je SOS. Proč ptáte se?
Kdysi jsem měl jisté ambice mít svoji společnost či firmu a poskytovat služby v oblasti výpočetní techniky – spíše software, ideálně tvorba www stránek. Ach sladká nevědomosti!
Hardware mě nikdy moc nelákal, jsem spíš přes software – prostě programátor. Když jsem tak přemýšlel o názvu svojí budoucí firmy, napadlo mě právě SOS. Měla to být zkratka – SOftware Svátek. Dokonce jsem přidal ještě slogan – „Neutopte se v moři informací – volejte SOS!“
Nevím nakolik vznešeně to zní vám, ale já byl docela spokojen. Časem mě to sice přešlo, ačkoli tvorba www stránek v PHP mě chvíli živila profesně a www stránky vyrábím dosud. Ale jen na živnostenský list. Firmu jsem nezaložil a jak to tak vypadá, už asi ani nezaložím.
Zůstalo mi jen to SOS.
Tags: tvorba www, tvorba www stránek, www stránky
Posted in Zprávy z domova | Komentáře nejsou povoleny