Upload
veda-delgado
View
42
Download
10
Embed Size (px)
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
Citation preview
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ť