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

Tuto stránku spravuje F.Šnirc

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

Struktura html dokumentu

Celý html dokument je složen z hlavičky a těla. Hlavička je většinou krátká, obsahuje různé informace např. titulek okna nebo použité kódování. Celý obsah webové stránky je umístěn v těle html dokumentu.

Odkazy

Jak se dělá odkaz

Pro vytvoření odkazu slouží tag <a> ve spojení s atributem href (Hypertext Reference). Hodnotou atributu href je URL nebo-li adresa souboru na který chceme odkazovat.

Odkaz se vytvoří tagem <a>.

Vložíme ho tagem <a> Tag <a> je párový a obaluje text, který má být odkazem. Vyžaduje atribut href, kde je cílová stránka, na kterou odkaz vede

Příklady odkazů

Odkaz na Seznam
Odkaz na článek Konkrétní článek
Odkaz na Pokusný dokument
Odkaz na Pokusný dlouhhý dokument
Odkaz na 2.kapitolu

Praktické příklady HTML stránek

Rozvržení webové stránky pomocí prvků <div>

Rozvržení webové stránky mřížkou.
Webový formulář verze1 seznam hráčů

Obrázky

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

Obrázky vložíme pomocí tagu (jako image = obrázek). Setkáváme se s prvním tagem, který vyžaduje tzv. atributy.

Atributy se píší do špičatých závorek za název tagu, následuje rovnítko a obsah atributu je potom v uvozovkách.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sollicitudin. Nunc dapibus tortor vel mi dapibus sollicitudin. Sed convallis magna eu sem. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. Fusce nibh. Mauris dictum facilisis augue. Pellentesque sapien. Nulla non arcu lacinia neque faucibus fringilla. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus porttitor turpis ac leo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Sed elit dui, pellentesque a, faucibus vel, interdum nec, diam. Maecenas fermentum, sem in pharetra pellentesque, velit turpis volutpat ante, in pharetra metus odio a lectus. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Duis risus.



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. Nam quis nulla. Praesent vitae arcu tempor neque lacinia pretium. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Duis pulvinar. Vivamus luctus egestas leo. In convallis. Fusce tellus. Curabitur sagittis hendrerit ante. Proin in tellus sit amet nibh dignissim sagittis. Nullam sapien sem, ornare ac, nonummy non, lobortis a enim. Duis condimentum augue id magna semper rutrum. Fusce wisi. Nullam rhoncus aliquam metus. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce suscipit libero eget elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus faucibus molestie nisl. Curabitur bibendum justo non orci.