Praktické příklady

Rozvržení stránky prvky div
Rozvržení stránky mřížkou
Webový formulář   můj

2.ročník IKT - tvorba webových stránek

Základy

Co je webová stránka

Webová stránka je soubor na internetu v počítači, který se zobrazuje uživateli webovým prohlížečem. V dnešní době se na ní dá dělat skoro všechno. Je vytvořena pomocí jazyka HTML.

Struktura HTML dokumentu

Zkratka HTML znamená Hypertext Markup Language. Je používán pro tvorbu webových stránek. HTML je hlavním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu. Vyvinul ze SGML (standard generalized markup language) a stal se používaným jazykem pro tvorbu w. stránek. Každý HTML soubor obsahuje několik základních tagů (zkratek) hlavičky a těla. Díky tomu se pozná, o co v dokumentu jde. Například, html označuje začátek dokumentu, head označuje hlavičku stránky, atd... Dole v tabulce je to vypsaný. Má několik verzí, a od roku 2001 byl několikrát aktualizován. Základní struktura webové stránky je:

<!DOCTYPE html> <html> <head> <meta> <title>Titulek stránky</title> </head> <body> <Obsah stránky> </body> <html> Soubor začíná vždy <!DOCTYPE html>. Dál <html> označuje začátek dokumentu. Následně jsou další zkratky jako <meta> <title> atd. Každá ze zkratek se zakončí stejnou zkratkou ale s " / ", např: </title>

Význam HTML značek

značka (Ne)Párová význam
<html> P ohraničuje html dokument
<head> P hlavička dokumentu
<body> P tělo dokumentu
<p> P odstavec
<br> N tvrdé odřádkování

Pokud potřebujeme uspořádat text do řádků a sloupců, můžeme použít HTML tabulku - viz. výše. Jiný způsob uspořádaní textuje tzv. "přeformátovaný text"

značka               význam
---------------------------------------
<html> párová ohraničuje dokument
<html> párová hlavička dokumentu
<html> párová tělo dokumentu
---------------------------------------

Odkazy

Jak se dělá odkaz

Jak se dělá odkaz. Odkaz je ikona ve formě slov nebo věty. Když na ní s myší klikneme, zobrazí se nám daná stránka. Začne se ze značkou href= a do uvozovek se vloží odkaz na stránku. Okaz se ukončí Hranatou závorkou a hned vedle se napíše slovo, na kterém bude ten odkaz.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na článek na seznamu
Odkaz na pokusný dokument (je ve stejné složce)
Odkaz na 2.pokusný dokument
Odkaz na 1. kapitola 2. Pokusného dokumentu
Odkaz na 1000. kapitola 2. Pokusného dokumentu
Tento dokument se otevře v novém okně/nové kartě.
Tento dokument se otevře v novém okně jménem "škola".
Tento dokument se otevře v novém okně jménem "škola".

Obrázky

Aenean id metus id velit ullamcorper pulvinar. Aenean fermentum risus id tortor. Integer imperdiet lectus quis justo. Curabitur bibendum justo .


Maecenas libero. Etiam commodo dui eget wisi. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Duis viverra diam non justo.

Proin in tellus sit amet nibh dignissim sagittis. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Phasellus et lorem id felis nonummy placerat. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Quisque porta. Etiam egestas wisi a erat. Etiam commodo dui eget wisi. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, qua.