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

  Základy

WELCOME TO THE INTERNET

amet magna in magna gravida vehicula. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Donec vitae arcu. Integer imperdiet lectus quis justo. Nunc tincidunt ante vitae massa. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Maecenas sollicitudin. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec iaculis gravida nulla. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Suspendisse sagittis ultrices augue. Sed convallis magna eu sem. Fusce aliquam vestibulum ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean fermentum risus id tortor. Etiam ligula pede, sagittis quis, interdum ultricies, scelerisque eu. Nulla est. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Vivamus luctus egestas leo. Proin in tellus sit amet nibh dignissim sagittis. Etiam egestas wisi a erat. Vivamus ac leo pretium faucibus. Nam quis nulla. Nunc dapibus tortor vel mi dapibus sollicitudin. Donec iaculis gravida nulla Fusce wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Done

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

also..u smell funny. are u-

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Mauris metus. Aliquam ornare wisi eu metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Maecenas sollicitudin. Aliquam erat volutpat. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Nulla est. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Phasellus rhoncus. Vestibulum fermentum tortor id mi. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Aliquam in lorem sit amet leo accumsan lacinia. Nulla est. Nullam sit amet magna in magna gravida vehicula. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Donec vitae arcu. Integer imperdiet lectus quis justo. Nunc tincidunt ante vitae massa. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Maecenas sollicitudin. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec iaculis gravida nulla. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Suspendisse sagittis ultrices augue. Sed convallis magna eu sem.

 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ů.

Formátování textu

Webový prohlížeš si odstavce textu sám formátuje podle toho, jak má široké okno. Snadno si to ověčím tak, že zkusím velikost okna změnit - prohlížeč si text přeformátuje sám podle nové velikosti okna

  Odkazy

Jak se dělá odkaz?

Odkaz se dělá tagem <a>. Vše, co je mezi značkami <a> a </a> použváme jako odkaz.

Příklady odkazů

Odkaz na stránky seznam.cz
Odkaz na konkrétní článek konkrétní článek na seznamu.
Odkaz na konkrétní článek odkaz na dlouhý dokument
Odkaz na konkrétní článek odkaz na ještě delší dokument
odkaz na dokument ve stejné složce

  Práce-rozvržení webové stránky- mřížky

Obrázky

Jak se vkládá obrázek

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

Příklady praktických html

faucibus libero, eget facilisis enim ipsum id lacus. Aliquam in lorem sit amet leo accumsan lacinia. Nulla est. Nullam sit amet magna in magna gravida vehicula. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. In dapibus augue non sapien. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Donec vitae arcu. Integer imperdiet lectus quis justo. Nunc tincidunt ante vitae massa. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Maecenas sollicitudin. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec iaculis gravida nulla. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Suspendisse sagittis ultrices augue. Sed convallis magna eu sem. Fusce aliquam vestibulum ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aenean fermentum risus id tortor. Etiam ligula pede, sagittis quis, interdum u ltricies, scelerisque eu. Nulla est. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Vivamus luctus egestas leo. Proin in tellus sit amet nibh dignissim sagittis. Etiam egestas wisi a erat. Vivamus ac leo pretium faucibus. Nam quis nulla. Nunc dapibus tortor vel mi dapibus sollicitudin. Donec iaculis gravida nulla Fusce wisi. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Donec iaculis gravida nulla. Maecenas sollicitudin. Etiam egestas wisi a erat. Praesent vitae arcu tempor neque lacinia pretium. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Mauris dictum facilisis augue. Phasellus faucibus molestie nisl. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Mauris dictum facilisis augue. Nullam eget nisl. Mauris elementum mauris vitae tortor. Praesent vitae arcu tempor neque lacinia pretium. Sed convallis magna eu sem. Etiam egestas wisi a erat.

PRAISE THE MEXICANO ANTI COMIC SANS BISEXUAL SPIDEY. thats one of the 2 rules of wisdom.

i aint sure what to say here so feel free to take lorem ipsum:) Also, the 2St rule- in this household we stan robbie kay. if you dont stan robbie, u better get out uwu

lemME JUST WRITE U A PARAGRAP THAT I KNOW NOTHING ABOUT BUT IM CURIOUS SO IM JUST GONNA KEEP WRITING BECAUSE OTHERWISE THIS PAGE LOOKS VERY BORING AND JK WE DONT WANT THAT THERE IS AB TO BE A LOT OFMOSRAKES AND IM SURE THATS NOT A PROBLEM IM JUIS TRYINGT OT TELL YOU WHAT TO DO BCECAUSE IM ABOUT TO MAKE SOME MISTAKES AND THATS OKAY BECAUSE I KNOW WHAT TO DO AND I JUST DONT KNOW WHAT TO WRITE BUT I SWEAR IM TRYING

YKYK WHAT just stan robbie and enjoy this mf school. i write fast as fuck tho.