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

Základy

Co je to webová stránka?

Webová stránka je dokument, který webový prohlížeč získá od webového serveru a následně dokument zobrazí.

Zapisuje se v jazyce html. Používají se však i jiné jazyky, to ale spíše jen vzácně.

Struktura HTML dokumentu

Struktura stánky obsahuje základní značky začínající úvodem, titulem a hlavičkou. Po té následuje obsah těla, ve kterém se dá vytvořit menu a dají se vložit odkazy na stránky. Dále se dají vložit odkazy na webové stránky a různé aktivity. Tělo dokumentu je vytvoř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

Tabulka

Text lze uspořádat i vytvořením html tabulky, což je trochu složitější,

ale nabízí to více možností. Celá tabulka se skládá z řádků a sloupců,

při čemž je každý řádek rozdělen na jednotlivé buňky:

význam některých html značek
značka ne / párová význam
html P ohraničuje celý dokument
head P hlavička dokumentu
h1 P nadpis nejvyšší úrovně
p P odstavec
hr N horizon. čára

Obrázky

Nunc auctor. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Aenean id metus id velit ullamcorper pulvinar. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Fusce consectetuer risus a nunc. Nulla pulvinar eleifend sem. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Maecenas libero. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam dapibus fermentum ipsum. Maecenas lorem. Integer lacinia.

Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Praesent vitae arcu tempor neque lacinia pretium. Nullam at arcu a est sollicitudin euismod. Nulla pulvinar eleifend sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam egestas wisi a erat. Donec ipsum massa, ullamcorper in, auctor et, scelerisque sed, est. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Fusce nibh. Sed convallis magna eu sem. Nullam at arcu a est sollicitudin euismod. Donec vitae arcu. Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus id quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Phasellus rhoncus. Aliquam erat volutpat. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim.

Aliquam erat volutpat. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. In dapibus augue non sapien. Vivamus luctus egestas leo. Nullam dapibus fermentum ipsum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Praesent vitae arcu tempor neque lacinia pretium. Praesent in mauris eu tortor porttitor accumsan. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Nulla pulvinar eleifend sem. Pellentesque sapien. Integer tempor. Nunc auctor. Quisque porta. Nulla turpis magna, cursus sit amet, suscipit a, interdum id, felis. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus.

Nulla non arcu lacinia neque faucibus fringilla. Fusce tellus. Maecenas aliquet accumsan leo. Vivamus ac leo pretium faucibus. Donec iaculis gravida nulla. Integer tempor. Nulla non arcu lacinia neque faucibus fringilla. Nullam sit amet magna in magna gravida vehicula. Nam quis nulla. Nunc tincidunt ante vitae massa. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Etiam dui sem, fermentum vitae, sagittis id, malesuada in, quam. Nullam dapibus fermentum ipsum.

Odkazy

jak na to

Odkazy dělají z webové stránky silný informační nástroj. Odkaz se vytvoří tagem a. Paranetren "href" se určí cíl odkazu, tak jako u obrázků.

Pokud je cílový dokument ve stejném adresáři, stačí napsat jméno souboru.

různé varianty html odkazů

můj milovaný synthwave playlist

osobní Steam profil

oblíbené klasiky