✦ 2.ROČNÍK IKT - tvorba webových stránek ✦

✩ Co je 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 různé aktivity. Tělo dokumentu je složeno z nadpisů a odstavců. Můžeme použít jiné velikosti nadpisů pomocí < > a / které dáme na malé h s tou danou velikostí jakou si zvolíme.

✧ Odkazy ✧

✩ Jak se dělá odkaz ✩

Odkaz se vytvoří tagem <a>. Skopírujeme odkaz té stánky pomocí ctrl c a pomocí ctrl V. Jako vždy použijeme < > a můžeme to dát na jiný řádek pro lepší přehled dát na jiný řádek pomocí p v té samé závorce. A nesmíme zapomenout na to ten daný řádek ukončit s p v závorce ale to před tí, bude přeškrtlé. Máme více typů odkazů nějaké se používají na jiné webové stránky a nebo na konkrétní místo na webové stránce.

✩ Příklady odkazů ✩

Odkaz na ➸Eel slap
Odkaz na ➸Jackson Pollock
Odkaz na ➸Chrismckenzie
Odkaz na ➸Bouncing cat

➸Tento odkaz Otevře Dokument 1
➸Tento odkaz Otevře Dokument 2

✩ Příklady praktických HTML stránek ✩

rozvržení webové stránky pomocí prvků <div>
rozvržení webové stránky pomocí mřížky #
Webový formulář odkaz zde
Webový formulář na commissions (FR FUNKČNÍ) odkaz zde
Známkování hráčů odkaz zde

✧ Obrázky ✧

✩ Jak vložit obrázek? ✩

Obrázek na webovou stránku vložím nepárovým tagem <img>. Tady svými slovy upřesníme ...
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aliquam in lorem sit amet leo accumsan lacinia. Fusce nibh. Aenean fermentum risus id tortor. Nam sed tellus id magna elementum tincidunt. Proin mattis lacinia justo. Maecenas aliquet accumsan leo. Integer malesuada. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Vestibulum fermentum tortor id mi. In rutrum.

✩ Příklady ✩

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.