Archive for the Tvorba www stránek Category

Tvorba www – jak psát tagy

Úterý, Srpen 23rd, 2011 | Permalink

tvorba www

Jak je tvorba www stránek snadná, to pochopíte, jakmile vám přejde do krve způsob zápisu kódu. Ukážeme si pár pravidel pro zápis tagů, aby byly naše stránky čitelné a validní.

  • tagy se píší malými písmeny. Čili ne 
    ,

,
ale 

, či
  • tagy mohou obsahovat různé elementy s hodnotami. Elementy jsou dané a hodnoty se píší do uvozovek: 
    Odstavec textu
  • tagy se nesmí křížit. Špatné by bylo 
    text

    správně by mělo být:

    text
  • všechny tagy musí být párové, a to i takové, které v HTML párové nejsou – 
    , ;

    a další se tedy zapisují:

    ,

    • Tím ale tvorba www stránek jen začíná. Při zápisu musíme dbát na to, abychom dodržovali i další pravidla:

    Aby byla tvorba www stránek a zejména jejich případná aktualizace a změny co nejjednodušší, snažíme se oddělit vzhled www stránek od jejich obsahu. Proto jsou formátovací tagy zavrženy a používají se jen tagy určující význam textu. (pro zjednodušení neuvádím plné znění definice hlaviček a DOCTYPE)

    <html>
<head>
  <title>Tvorba www</title>
</head>
<body>
  <h1>Nadpis stránky</h1>
  <p>Umím psát tagy validně</p>
</body>
</html>

    Další část seriálu tvorba www věnujeme popisům jednotlivých tagů. Řekneme si něco o textových tagách a rozdělíme si je na blokové a řádkové.

    Posted in Tvorba www stránek | No Comments »

    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:

    <?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í stránka</title>
</head>
<body>
  <p>Ahoj světe</p>
</body>
</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.

    Tags: ,
    Posted in Tvorba www stránek | No Comments »

    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.

    Tags: ,
    Posted in Tvorba www stránek | No Comments »

    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.

    Tags: ,
    Posted in Tvorba www stránek | No Comments »