Tvorba webových stránek

Úvod

Co je to webová stránka

Webová stránka je soubor dat na webovém prohlížeči. Předává nám určité informace o tématu, kterému je webová stránka určena. Obvykle obsahuje text, obrázky nebo videa. Webové stránky jsou dostupné všem, kteří mají přístup k inetrentu.

Struktura HTML dokumentu

HTML dokument se skládá z několika částí, neboli tagů (html, head, title, body a jiné). Každý tag má svůj význam.
1. Html - Ohraničuje celý dokument. Obsah dokument musí být uvnitř.
2. Head - Neboli hlavička. V dokumentu se nezobrazuje. Obsahuje další tagy, jako například title. Do něj píšeme název webové stránky.
3. Body - Tělo dokumentu. Zobrazuje všechen text, obrázky atd., které stránka obsahuje.

Význam některých HTML značek

Značka	P/N	Význam
<html>	P	ohraničuje celý html dokument
<head>	P	hlavička dokumentu
<body>	P	tělo dokumentu
<p>	P	odstavec

html P ohraničuje celý html dokument
head P hlavička dokumentu 
body P tělo dokumentu
p    P odstavec

Odkazy

Jak se dělá odkaz

Odkaz se tvoří pomocí značky <a href= název stránky nebo dokumnetu, na který odkazujeme.>
Také je možné vytvořit odkaz na určitou část dokumentu, neboli kapitolu. V tom případě si musíme označit v daném dokumentu jednotlivé kapitoly značkou < name="k?"> Pokud chceme, aby se odkaz otevřel v novém okně, použijeme značku < href=název dokumentu/stránky target="_blank">
Když chceme vytvořit odkaz na obrázek v novém okně, použijeme značku < href=název obrázku target="_blank">
V případě, že chceme obrázek do dokumentu pouze vložit, napíšeme <img src=název obrázku>

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na aktuálně.cz
Odkaz na pokusný dokument, který je ve stejné složce
Odkaz na dlouhý dokument
Odkaz na první kapitolu
Odkaz na poslední kapitolu
Tento dokument se otevře v novém okně
Tento dokument se otevře v novém okně
Tento obrázek se otevře v okně s názvem hošani
Tento obrázek se otevře v okně s názvem hošani
Tento obrázek se otevře v okně s názvem hošani
webový formulář č.1
JavaScript: webový formulář č.1

Obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.Vivamus porttitor turpis ac leo. Fusce aliquam vestibulum ipsum. 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 non arcu lacinia neque faucibus fringilla. Fusce wisi. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Cras elementum. Duis pulvinar. Quisque tincidunt scelerisque libero. Duis pulvinar. Etiam commodo dui eget wisi. Proin in tellus sit amet nibh dignissim sagittis.

Vivamus porttitor turpis ac leo. Mauris suscipit, ligula sit amet pharetra semper, nibh ante cursus purus, vel sagittis velit mauris vel metus. Sed convallis magna eu sem. Nulla pulvinar eleifend sem. In enim a arcu imperdiet malesuada. Cras elementum. Sed vel lectus. Donec odio tempus molestie, porttitor ut, iaculis quis, sem. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Curabitur vitae diam non enim vestibulum interdum. Vivamus luctus egestas leo. Etiam neque. Maecenas libero. Duis bibendum, lectus ut viverra rhoncus, dolor nunc faucibus libero, eget facilisis enim ipsum id lacus. Vivamus luctus egestas leo. Pellentesque ipsum. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? Lorem ipsum dolor sit amet, consectetuer adipiscing elit. 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.

Tuto stránku spravuje Šilarová KM2