Tvorba webových dokumentov
-
Upload
veda-delgado -
Category
Documents
-
view
42 -
download
10
description
Transcript of Tvorba webových dokumentov
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.
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.
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
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.
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.
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!
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
Webnode• Webnode je nástroj na jednoduchú tvorbu
www stránok.
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.
Pohľad na web stránku
Pohľad na web stránku Názov stránky Jednoduchá štruktúra Menu Obsah úvodnej stránky
eStránky
Editácia web stránky
Pohľad na web stránku
Ďakujem za pozornosť