1 / 15

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.

veda-delgado
Download Presentation

Tvorba webových dokumentov

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tvorba webových dokumentov

  2. Obsah • Webová stránka • Spôsoby vytvárania webových stránok • Zásady pri tvorbe webových dokumentov

  3. 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.

  4. 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

  5. Spôsoby vytvárania webových stránok WYSIWYG (whatyouseeiswhatyou 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.

  6. Spôsoby vytvárania webových stránok Jazyk HTML (Hypertext MarkupLanguage) 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 (CascadingStyleSheets– 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.

  7. ZOBRAZÍ SA: Ahoj svet! Spôsoby vytvárania webových stránok Kó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>Ahojsvet!</title> </head> <body> <p>Ahojsvet!</p> </body> </html>

  8. 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

  9. Webnode • Webnode je nástroj na jednoduchú tvorbu www stránok.

  10. Webnode • Je to také jednoduché! Stačia iba 2 kroky: • Zvoľte si výstižný názov • 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.

  11. Pohľad na web stránku

  12. eStránky

  13. Editácia web stránky

  14. Pohľad na web stránku

  15. Ďakujem za pozornosť

More Related