Stránku spravuje Š. Červená

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

– Základy

Co je to webová stránka?

Webová stránka je dokument, který náš webový prohlížeč (např. Firefox, Chrome, InternetExplorer,...) získá od nějakého webového serveru a zobrazí jej. Zapisuje se v jazyce HTML. Je to text ve kterém se používají tzv. řídící značky - tagy. HTML dokument je zdrojový kod webové stránky.


Struktura html dokumentu

Struktura stránky obsahuje základní značky začínající úvodem, titulem, hlavičkou. Pak je obsah těla ve kterém se dá vytvořit menu a vložit odkazy na stránky. Pak se dají vložit odkazy na webové stránky a ruzné aktivity. Tělo dokumentu je složeno z nadpisů a odstavců.


– Odkazy

 Jak se dělá odkaz?

Odkaz se dělá tagem <a>. Vše, co je mezi značkami <a> a </a> složí jako odkaz. Napíšeme Odkaz a mezi dva zobáčky napíšeme (a href=") vložíme zkopírovaný odkaz. Uzavřeme uvozovkami a ukončíme </a>. Pak napíšeme další zobáčky do nichž vložíme jak chceme aby se odkaz jmenoval. Na konec napíšeme br mezi dva zobáčky a máme odkaz.

 Příklady odkazů

Odkaz na stránky seznam.cz
Odkaz na konkrétní článek na seznamu.
Odkaz na dokument ve stejné složce.
Odkaz na dlooooouhý dokument ve stejné složce.
Odkaz na 2. kapitolu d. dokumentu ve stejné složce.
Odkaz na 3. kapitolu d. dokumentu ve stejné složce.
Odkaz na Poslední kapitolu d. dokumentu ve stejné složce.

Tento odkaz se otevře v novém okně ve stejné složce.
Tento odkaz se otevže v novém okně ve stejné složce.
Tento odkaz se otevře v novém okně ve stejné složce jménem Ivan.
Tento odkaz se otevže v novém okně ve stejné složce jménem Ivan.

Příklady praktických HTML stránek

Rozvržení webové stránkz pomocí prvků <div>

Rozvržení webové stránky pomocí mřížky

Webový formulář verze l
Můj vlastní formulář
Známkování formulář

Obrázky

Obrázek na webovou stránku vložím nepárovým tagem <img>.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque ipsum. Duis sapien nunc, commodo et, interdum suscipit, sollicitudin et, dolor. Nullam faucibus mi quis velit. Nullam rhoncus aliquam metus. Praesent vitae arcu tempor neque lacinia pretium. Sed convallis magna eu sem. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Proin mattis lacinia justo. Sed ac dolor sit amet purus malesuada congue. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Wiliam Blake - The Tiger

Tiger! Tiger! burning bright
Tiger! Tiger! burning bright
In the forest of the night
What immortal hand or eye
Could frame thy fearful symmetry?

In what distant deeps or skies
Burnt the fire of thine eyes?
On what wings dare he aspire?
What the hand dare seize the fire?

And What shoulder, and what art,
Could twist the sinews of thy heart?
And when thy heart began to beat,
What dread hand? and what dread feet?

What the hammer? what the chain?
In what furnace was thy brain?
What the anvil? what dread grasp
Dare its deadly terrors clasp?

When the stars threw down their spears,
And watered heaven with their tears,
Did he smile his work to see?
Did he who made the lamb make thee?

Tiger! Tiger! burning bright
In the forests of the night,
What immortal hand or eye
Dare frame thy fearful symmetry?