stránku spravuje: Vojtěch Mihok

Tvorba webových stránek

Úvod

Co je to webová stránka?

Je to informační dokument, neboli soubor dat zobrazovaný webovým prohlížečem. Jsou součástí internetu ve formě hypertextu. Hypertext umožňuje sloučit text a multimédia a propojit weobvé stránky.

Struktura webové stránky

Musí být přehledná.
Dobrá stránka musí být přehledná. Návštěvník by měl v mžiku sekundy vědět, kam se dostane, co se tam dozví a jak se může vrátit zpět.
Jednoduchá.
Čím jasnější budou cesty na vašem webu, tím budou uživatelé méně zmateni.
Měla by mít jasné cíle.
Měla by obsahovat určitou skupinu klíčových slov a plnit jasné cíle webu. Do struktury svého webu byste měli tyto cíle promítnout.
Bude kompromisem mezi funkčností a použitelností pro uživatele.
Navrhnete-li strukturu webu správně, budou její kategorie a podstránky obsahovat správné klíčové fráze a uživatelé se v ní budou pohybovat flexibilně a najdou rychle informace, které hledají.
Jasná navigace mezi úrovněmi struktury.
Důležitou funkcí struktury webu je snadná navigace mezi jejími úrovněmi. Uživatelé by se snadno měli dostat zpět na úvodní stranu, nadřazené kategorie apod.

Význam některých HTML značek

značka	P/N	význam
<head>	P	ohraničuje hlavičku stránky
<p>	P	odstavec
<h1>	P	hlavní nadpis

head  P  ohraničuje hlavičku stránky
p     P  odstavec
h1    P  hlavní nadpis

Odkazy

Jak se dělá odkaz?

Tvorba HTML odkazu začíná pomocí značky <a>, což znamená "anchor" neboli "kotva". Tato značka umožňuje vytvořit odkaz na jinou stránku nebo soubor na webu.

"href=" Toto je atribut, který určuje cílovou adresu odkazu, pro příklad URL.

"https://www.priklad.cz" je URL odkaz. Můžeme použít i "priklad.html" jakožto odkaz na soubor.

"text odkazu" je text na který poté uživatelé mohou kliknout, například "klikněte zde"

Celé to poté vypadá takto <a href="https://www.priklad.cz">klikněte zde</a> či <a href="priklad.html">klikněte zde</a>

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na serveru novinky.cz
Odkaz na pokusný dokument, který je ve stejném adresáŕi
Odkaz na pokusný dlouhý dokument
Odkaz na začátek tohoto dokumentu
Odkaz na 1.kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu
Tento dokument se otevře v novém okně
Tento obrázek se otevře v okně s názvem konec_uz
Tento obrázek se otevře v okně s názvem konec_uz
Tento obrázek se otevře v okně s názvem konec_uz

Obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce suscipit libero eget elit. Itaque earum rerum hic tenetur a sapiente delectus, ut aut reiciendis voluptatibus maiores alias consequatur aut perferendis doloribus asperiores repellat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Vestibulum fermentum tortor id mi. Pellentesque ipsum. Mauris dictum facilisis augue. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Ut tempus purus at lorem.

Maecenas libero. Suspendisse nisl. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Fusce nibh. Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Aliquam erat volutpat. Etiam dictum tincidunt diam. Nullam sit amet magna in magna gravida vehicula. Duis condimentum augue id magna semper rutrum. Proin mattis lacinia justo. Etiam egestas wisi a erat. Donec iaculis gravida nulla. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?