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

Základy

Co je to webová stránka

Webová stránka je jedna určitá stránka na jedné určité adrese. Zobrazuje se jako dokument internetového prohlížeče po zadání příslušné URL adresy, většinou pomocí World Wide Webu (WWW). Data jsou psána kódem pomocí značkovacího jazyka HTML nebo XHTML a kaskádových stylů CSS. Html dokument je zdrojovým kódem webové stránky.

Struktura html dokumentu

HTML dokument se skládá z hlavičky a těla. V hlavičce jsou různé informace o stránce, v těle je vlastní obsah stránky, který se zobrazí v okně prohlížeče.

Odkazy

Jak se dělá odkaz?

Odkaz se vytvoří tagem <a>
Všechno co napíšeme mezi tag <a> nám může sloužit jako odkaz.

Příklady odkazů

Odkaz na stránku seznam.cz
Odkaz na konkrétní článek na seznamu
Odkaz na pokusný dokument, který je na stejném místě
Odkaz na pokusný dlouhý dokument, který je na stejném místě
Odkaz na 2.kapitolu dlouhého dokumentu
Odkaz na předposlední kapitolu dlouhého dokumentu
Odkaz na poslední kapitolu dlouhého dokumentu
Tento odkaz se otevře v novém okně
Tento odkaz se otevře v novém okně jménem ďabagaba.

Praktické příklady html stránek

Rozvržení webové stránky starším způsobem - pomocí bloků div

Rozvržení webové stránky novým způsobem - webovou mřížkou

Formulář

Formulář vol.2

Můj vlastní formulář

Obrázky

Jak vložit obrázek do html stránky

Obrázek se vloží do html stránky tagem <img>.
Pokud chceme vložit obrázek musíme do nepárového tagu <img> napsat název obrázku a uložit ho na stejný web.

Příklady

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sagittis ultrices augue. Fusce nibh. Integer pellentesque quam vel velit. Integer rutrum, orci vestibulum ullamcorper ultricies, lacus quam ultricies odio, vitae placerat pede sem sit amet enim. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Suspendisse sagittis ultrices augue. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Fusce consectetuer risus a nunc. Nulla pulvinar eleifend sem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Integer tempor. Curabitur sagittis hendrerit ante.

Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce tellus. Integer in sapien. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nulla quis diam. Phasellus faucibus molestie nisl. Aenean placerat. Vestibulum fermentum tortor id mi. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Nulla accumsan, elit sit amet varius semper.

Fusce wisi. Curabitur vitae diam non enim vestibulum interdum. Nullam rhoncus aliquam metus. Et harum quidem rerum facilis est et expedita distinctio. Maecenas sollicitudin. Nulla non arcu lacinia neque faucibus fringilla. Nulla non lectus sed nisl molestie malesuada. Nullam sit amet magna in magna gravida vehicula. Mauris metus. Quisque porta.


In enim a arcu imperdiet malesuada. 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. Duis risus. Duis pulvinar. Pellentesque ipsum. Maecenas aliquet accumsan leo. Curabitur bibendum justo non orci. Fusce consectetuer risus a nunc. Ut tempus purus at lorem. Aenean vel massa quis mauris vehicula lacinia. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.


Tuto stránku spravuje Anna Pálková