tvorba webových dokumentov

15
Tvorba webových dokumentov

Upload: veda-delgado

Post on 02-Jan-2016

42 views

Category:

Documents


10 download

DESCRIPTION

Tvorba webových dokumentov. Obsah. Webová stránka Spôsoby vytvárania webových stránok Zásady pri tvorbe webových dokumentov. Webová stránka. Webstránka je dokument obsahujúci hypertext, obrázky a iné multimediálne prvky. - PowerPoint PPT Presentation

TRANSCRIPT

Page 1: Tvorba webových dokumentov

Tvorba webových dokumentov

Page 2: Tvorba webových dokumentov

Obsah

• Webová stránka

• Spôsoby vytvárania webových stránok

• Zásady pri tvorbe webových dokumentov

Page 3: Tvorba webových dokumentov

Webová stránka

Webstránka je dokument obsahujúci hypertext, obrázky a iné multimediálne prvky.

Je uložený na webovom serveri, prístupný prostredníctvom služby WWW v sieti internet.

Zobrazuje sa prostredníctvom webového prehliadača.

Ich prenos prebieha pomocou HTTP protokolu.

Page 4: Tvorba webových dokumentov

Spôsoby vytvárania webových stránok

Webové stránky môžeme vytvárať dvoma odlišnými spôsobmi:

WYSIWYG editormi

Štruktúrnymi editormi – v jazyku HTML

Page 5: Tvorba webových dokumentov

Spôsoby vytvárania webových stránok

WYSIWYG (what you see is what you get) editory zobrazujú stránku už pri písaní tak, ako bude vyzerať v prehliadači. Kód stránky sa generuje automaticky.

Wysiwyg editory sú napr.: • MicrosoftWebExpression, • FrontPage, • NVU.

Page 6: Tvorba webových dokumentov

Spôsoby vytvárania webových stránokJazyk HTML (Hypertext Markup Language) je značkovací jazyk pomocou ktorého sa označuje a vytvára štruktúra dokumentu. Úprava a formátovanie dokumentu (napr. veľkosť a farba písma) sa definuje pomocou CSS (Cascading Style Sheets– Kaskádové štýly).Pomocou tohto špeciálneho značkovacieho jazyka len popisujeme, čo a akým spôsobom sa má zobraziť na stránke.Výsledok vidíme až vtedy, keď si stránku pozrieme vo webovom prehliadači.

Page 7: Tvorba webových dokumentov

Spôsoby vytvárania webových stránokKód najjednoduchšieho, dobre štrukturovaného a validného HTML dokumentu (webovej stránky) môže vyzerať napr. takto:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="sk" lang="sk">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />

<title>Ahoj svet!</title>

</head>

<body>

<p>Ahoj svet!</p>

</body>

</html>

ZOBRAZÍ SA:

Ahoj svet!

Page 8: Tvorba webových dokumentov

Zásady pri tvorbe webových dokumentov

Zopár zásad: Informácie na stránkach by mali byť aktuálne,

pravdivé, štylisticky a gramaticky správne

Na každej stránke by mala byť navigácia

Nemali by sme na stránke použiť viac ako dva druhy písma

Farbu textu a pozadia volíme tak, aby bol text vzhľadom na pozadie dostatočne kontrastný

Obrázky by mali byť zladené s pozadím i textom (povolené sú formáty gif, png, jpg)

Je dôležité dodržiavať autorské práva

Page 9: Tvorba webových dokumentov

Webnode• Webnode je nástroj na jednoduchú tvorbu

www stránok.

Page 10: Tvorba webových dokumentov

Webnode• Je to také jednoduché! Stačia iba 2 kroky:

1. Zvoľte si výstižný názov2. Vyberte si jednu z profesionálnych grafických

šablón • Potom už môžete začať s vkladaním obsahu. • Vaše internetové stránky môžete kedykoľvek

aktualizovať a upravovať. • Práca s Webnode je celkom jednoduchá a

intuitívna.

Page 11: Tvorba webových dokumentov

Pohľad na web stránku

Pohľad na web stránku Názov stránky Jednoduchá štruktúra Menu Obsah úvodnej stránky

Page 12: Tvorba webových dokumentov

eStránky

Page 13: Tvorba webových dokumentov

Editácia web stránky

Page 14: Tvorba webových dokumentov

Pohľad na web stránku

Page 15: Tvorba webových dokumentov

Ďakujem za pozornosť