Nová verze tohoto webu se nachází na www.tutorialy.com

homeforumTutorialy.com
 
Reklama
Tvorba jednoduchého webu, část první
Tvorba jednoduchého webu, část první
Tvorba jednoduchého webu, část první
Základy tvorby webu pro úplné začátečníky
Autor: Marek | Kategorie: Tvorba webu > Html | Zhlédnuto: 10191x |
Hodnocení: 2.5 | Komentáře (25) | Obtížnost: Začátečník | Vloženo: 17.12.2006

Tento seriál je určen především pro úplné začátečníky, kteří ještě vůbec neví, jak se taková webová stránka tvoří. Nebudu psát dlouhé předmluvy a rovnou se pustím do výkladu základů.

Internetové stránky se píší ve značkovém jazyce HTML: Značkovém proto, že jeho struktura je tvořena značkami, takzvanými tagy. Jejich zápis je takovýto:

<tag atribut="hodnota">

V jazyce HTML se píše zdrojový kód stránky. Tento kód si internetový prohlížeč „přeloží“ a vykreslí to, co vlastně právě teď vidíte. Zdrojový kód stránky se píše v editoru. Doporučuji Vám PSPad, který je mezi lidmi tvořícími web asi nejrozšířenější díky jeho snadnému ovládáni, pěkně zvýrazněné syntaxi zdrojového kódu a podporou mnoha jazyků, nejen HTML. Zkuste si pak do něj vložit tento kód:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Titulek</title>
  </head>

  <body>
    Nějaký text
  </body>
</html>

Toto je taková základní struktura HTML dokumentu, tedy webové stránky. Vlože si tento kód do svého editoru, uložte jako soubor.html a otevřete v internetovém prohlížeči… Mě to, co se zobrazilo, před lety, jako úplného začátečníka opravdu potěšilo :-) a doufám, že Vás taky. Teď Vám ještě vysvětlím jednotlivé tagy.

<html>

tímto tagem začíná každá webová stránka. No, ještě předtím se může psát definice XML, ale tím se nemusíte pro začátek zatěžovat, a <!DOCTYPE , cože ale není tag, je to element a definuje verzi použitého HTML a typu DTD. Podrobně si tento tag rozebereme v některých z příštích dílů.

<head>

Začíná hlavičku dokumentu. Obsah tohoto tagu se na stránce nezobrazuje

<title>

Udává text, který se zobrazí v titulkovém proužku prohlížeče.

<body>
Zde začíná „tělo" dokumentu, to co je uvitře se na stránkce zobrazí.

Jistě jste všímaví čtenáři a všimli jste si, že každý z použitých tagů ma taky svůj ukončovací protějšek se zpětným lomítkem (například: <title> a </title>). Né všechny tagy jsou takto párové, některé se neukončují – například <br>, který zalamuje řádek a je nelogické aby měl nějaký svůj ukončovací protějšek, protože jenom zalomí řádek. Nemá tedy nějaký ohraničený začátek a konec.

Více si zase řekneme příště. Přeji hodně štěstí v začátcích


Hodnocení tutoriálu: 2.5 (hodnotilo 45 uživatelů)

Ohodnoťte tutoriál (jako ve škole):

Tutorialy.com © 2006 Marek Čapla & Filda | výměna odkazů | mapa webu | RSS zdroj | PageRank: 4 | ISSN 0322-9289

Online flash hry