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

sStruktura 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ěla odkaz

Odkaz se vytvoří tagem <a>. Tady svými slovy upřesníme.

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 dloooooouhý dokument ve stejné složce.
Odkaz na 2.kapitolu dloooooouhého dokumentu
Odkaz na předposlední kapitolu dloooooouhého dokumentu
Odkaz na poslední kapitolu dloooooouhého dokumentu
Tento odkaz se otevře v novém okně.
Tento odkaz se otevře v novém okně.
Odkaz na dokument ve stejné složce.
Odkaz na dloooooouhý dokument ve stejné složce.
Tento odkaz se otevře v novém okně jménem matonka.
Tento odkaz se otevře v novém okně jménem matonka.
rozvržení webové stránky pomocí mřížky

příklady praktických HTML stránek

rozvření webové stránky pomocí prvku < div >

rozvržení webové stránky pomocí mřížky v.1 v.2 v.3

Můj vlastni formulář mvf mvf2

Obrázky

Obrázky vložíme 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. vAliquam erat volutpat. Cum sociis natoque penatibus et t magnis dis parturient montes, nascetur ridiculus mus. Integer pellentesque quam vel velit. Mauris elementum mauris vitae tortor. Nam quis nulla. Aliquam erat volutpat. Suspendisse Nam quis nulla. Aliquam erat volutpat. Suspendisse agittis ultrices augue. Et harum quidem rerum facilis est agittis ultrices augue. Et harum quidem rerum facilis est ullamcorper pulvinar. Suspendisse sagittis ultrices augue. ullamcorper pulvinar. Suspendisse sagittis ultrices augue. explicabo. Etiam sapien elit, consequat eget, tristique non, explicabo. Etiam sapien elit, consequat eget, tristique non, 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. vAliquam erat volutpat. Cum sociis natoque penatibus et t magnis dis parturient montes, nascetur ridiculus mus. Integer pellentesque quam vel velit. Mauris elementum mauris vitae tortor. Nam quis nulla. Aliquam erat volutpat. Suspendisse Nam quis nulla. Aliquam erat volutpat. Suspendisse agittis ultrices augue. Et harum quidem rerum facilis est agittis ultrices augue. Et harum quidem rerum facilis est ullamcorper pulvinar. Suspendisse sagittis ultrices augue. ullamcorper pulvinar. Suspendisse sagittis ultrices augue. explicabo. Etiam sapien elit, consequat eget, tristique non, explicabo. Etiam sapien elit, consequat eget, tristique non, 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. vAliquam erat volutpat. Cum sociis natoque penatibus et t magnis dis parturient montes, nascetur ridiculus mus. Integer pellentesque quam vel velit. Mauris elementum mauris vitae tortor. Nam quis nulla. Aliquam erat volutpat. Suspendisse Nam quis nulla. Aliquam erat volutpat. Suspendisse agi Proin mattis lacinia justo. Sed ac dolor ssit 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. 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. 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. 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. 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. 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. 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.

Tuto stránku spravuje M. Variičuk