Posts Tagged www stránky

Tvorba www – struktura stránek

Neděle, Srpen 21st, 2011 | Permalink

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:

[html]
<?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?>
<!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;DTD/xhtml1-strict.dtd&quot;>
<html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;cz&quot; lang=&quot;cz&quot;>
<head>
<title>Moje první <a href="http://www.ganglion.cz/">stránka</a></title>
</head>
<body>
<p>Ahoj světe</p>
</body>
</html>
[/html]

Vysvětlení:

  1. 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.
  2. 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.
  3. 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ů.
  4. 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.

Tvorba www – co je potřeba

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

  1. 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.
  2. 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.

Tvorba www – první kroky

Pátek, Srpen 12th, 2011 | Permalink

tvorba www

V Česku je dobrou tradicí kutilství a výroba v garáži. To se může týkat i tvorby www stránek. Často se setkáme se stránkami, které nesou znaky neprofesionálního tvůrce. Což nemusí být špatně, protože znám pár www stránek, které vznikly ve FrontPage, či dokonce ve Wordu a přesto žijí a mají své příznivce a návštěvníky.

Před tím než se rozhodnete pro zhotovení svých www stránek si asi položíte otázky: „Nechám si stránky vyrobit od profesionála?“, „Neměl bych si najmout levnějšího studenta?“, „Co by mě to stálo naučit se tvořit www stránky sám?“.

tvorba www stránek je řemeslo jako každé jiné. Není v tom nic tajuplného a již po zvládnutí základů je možné vytvořit zajímavé a funkční stránky. Když se ale řekne tvorba www stránek, není jednoznačné, co tím máme na mysli. Je možné používat různá programovací prostředí, jazyky a technologie. Jsou k dispozici už připravená řešení, frameworky, redakční systémy. Pokusím se tedy provést vás základy tvorby www stránek od HTML, přidáme CSS a nějaký Javascript přes PHP až k redakčním systémům.

tvorba www stránek může být zajímavé dobrodružství. Jestli vás tvorba www stránek láká, ať už jen tak ze zájmu, nebo jako možnost jak si opravdu pořídit své www stránky, bude mi plesem a radostí posloužit vám jako průvodce.

Nejsem sice profesionál v tom smyslu, že bych studoval obor tvorba www stránek, ale byl jsem na tolik drzý, že jsem se samostudiem vyškolil do té míry, že tvorba www stránek mě už pár let živí. Na cestě za poznáním jsem se opravdu zapotil. Ano, je sice množství odborníků, kteří zřejmě mají větší morální oprávnění o tvorbě www stránek mluvit. Nicméně pokud jste na začátku cesty, můžete tady nají to, co se běžně v odborných článcích o tvorbě www stránek nedozvíte.

Příště tedy začneme o HTML a struktuře stránek.

Proč SOS?

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.