TVORBA WEBOVÝCH STRÁNEK

Vytvoření webového formuláře ... krok1 (7.2.)

Úvod

Co je to webová stránka

Webová stránka je informační dokument, který se zobrazuje v aplikaci zvané webový klient (Firefox, Chrome, Opera, Explorer, ...). Dokument je psaný ve značkovacím jazyce HTML a kromě textu a obrázků obsahuje také odkazy na jiné dokumenty. Webový klient tento dokument získá od webového serveru (apache, iis, ...), který trvale běží na nějaké adrese v Internetu.

Struktura HTML dokumentu

HTML dokument je uzavřen značkami <html> </html>,

dále obsahuje hlavičku a tělo , v hlavičce je ještě titulek , který se zobrazuje v horní liště prohlížeče. Tělo dokumentu obsahuje veškerý zobrazovaný obsah stránky.

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
br   N  odřádkování
hr   N  vodorovná čára

Odkazy

Jak se dělá odkaz

tady svými slovy ... Odkaz se vytváří pomocí značky<a> , má povinnou počáteční i koncovou značku. Text odkazu se nachází uvnitř značek <a>. Cíl odkazu se zapisuje pomocí atributu href. Href obsahuje adresu, podle které prohlížeč pozná, na jakou stránku se má přepnout, když se na odkaz klikne. Pokud je cílový dokument ve stejném adresáři, stačí napsat jméno souboru. Atribut name nás odkazuje na určitou kapitolu v dokumentu. Atribut target otevře soubor v nové kartě.

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na jeden článek na serveru toprecepty.cz
Odkaz na pokusný dokument, který je ve stejné složce
Odkaz na dlooouhý dokument, který je ve stejné složce
Odkaz na první kapitolu dlooouhého dokumentu
Odkaz na poslední kapitolu dlooouhého dokumentu
Tento dokument se otevře na novém okně
Tento dokument se otevře na novém okně
Tento obrázek se otevře v okně s názvem hokuspokus
Tento obrázek se otevře v okně s názvem hokuspokus
Tento obrázek se otevře v okně s názvem hokuspokus
webový formulář č.1
JavaScript: webový formulář č.1

obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus luctus egestas leo. Nunc tincidunt ante vitae massa. Donec vitae arcu. Donec iaculis gravida nulla.3 Křemílek a Vochomůrka

Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Integer in sapien. Vivamus luctus egestas leo. Quisque tincidunt scelerisque libero. Curabitur vitae diam non enim vestibulum interdum. In laoreet, magna id viverra tincidunt, sem odio bibendum justo, vel imperdiet sapien wisi sed libero. Morbi imperdiet, mauris ac auctor dictum, nisl ligula egestas nulla, et sollicitudin sem purus in lacus. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Donec vitae arcu. Aenean vel massa quis mauris vehicula lacinia. Nullam feugiat, turpis at pulvinar vulputate, erat libero tristique tellus, nec bibendum odio risus sit amet ante. Nullam justo enim, consectetuer nec, ullamcorper ac, vestibulum in, elit. Et harum quidem rerum facilis est et expedita distinctio. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus.

Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Mauris tincidunt sem sed arcu. Donec vitae arcu. Mauris dolor felis, sagittis at, luctus sed, aliquam non, tellus. Nullam sit amet magna in magna gravida vehicula. Phasellus rhoncus. Nam sed tellus id magna elementum tincidunt. Pellentesque arcu. Duis ante orci, molestie vitae vehicula venenatis, tincidunt ac pede. In dapibus augue non sapien. Proin pede metus, vulputate nec, fermentum fringilla, vehicula vitae, justo. Nulla non arcu lacinia neque faucibus fringilla. Curabitur vitae diam non enim vestibulum interdum. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae. Etiam commodo dui eget wisi. Proin mattis lacinia justo. Duis pulvinar.