Stránku spravuje Natálie Kindlová


Tvorba webových stránek


Úvod

Co je to webová stránka

Webové stránky jsou forma prezentace osoby či společnosti na internetu. Jejich obsah a podoba je uložena na serveru či webhostingu. Dnes se jedná o klíčovou formu propagace firem a jejich služeb. Zároveň jsou webové stránky obrovským zdrojem různorodých informací.

Struktura HTML dokumentu

HTML dokument je celý uzavřen tagem html.
Dokument HTML obsahuje základní značky: hlavičku stránky-> head, tělo stránky-> body
Do dokumentu vkládáme další tagy jako je např. písmeno-> p pro rozdělení odstavce
potom také písmeno-> h které se používá pro nadpisy různých úrovní
Dokument HTML má i další značky a tagy.

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

značkaP/Nvý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

HTML odkaz se vytváří pomocí párové značky-> a
dále následuje atribut -> href , který určuje danou stránku
adresa stránky musí být utavřena v horních uvozovkách z obou stran
když za uzavřenou adresou uvozovkami použijeme atribut -> target="_blank", vytvoříme tak odkaz, který se bude otevírat v novém okně

Příklady odkazů

Odkaz na portál seznam.cz
Odkaz na nekompetentního hlupáka forum24.cz
Odkaz na pokusný dokument, který je ve stejné složce
Odkaz na dlouuuuhýý dokument
Odkaz na první kapitolu dlouuuuhéého dokumentu
Odkaz na poslední kapitolu dlouuuuhéého dokumentu
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 holahola
JavaScript: webový fromulář č.1


Obrázky

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Fusce dui leo, imperdiet in, aliquam sit amet, feugiat eu, orci. Vivamus ac leo pretium faucibus. Morbi scelerisque luctus velit. Cras elementum. Maecenas ipsum velit, consectetuer eu lobortis ut, dictum at dui. Phasellus faucibus molestie nisl. Nullam at arcu a est sollicitudin euismod. Fusce tellus odio, dapibus id fermentum quis, suscipit id erat. Nullam lectus justo, vulputate eget mollis sed, tempor sed magna. Nullam eget nisl. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Duis viverra diam non justo.

Nulla accumsan, elit sit amet varius semper, nulla mauris mollis quam, tempor suscipit diam nulla vel leo. Aliquam ornare wisi eu metus. Nulla est. 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. In dapibus augue non sapien. Aliquam erat volutpat. Maecenas sollicitudin. Pellentesque arcu. Phasellus enim erat, vestibulum vel, aliquam a, posuere eu, velit. Suspendisse sagittis ultrices augue. Aliquam erat volutpat.