<< 7. Počítačová prezentace | Témata PVY | 9. OS Windows >>

8. Webová prezentace

  • HTML - podstata, základní značky
  • Webová stránka - struktura a prvky stránky
  • Webová prezentace - uspořádání, doména, webhosting
  • Tvorba webu - HTML editory, přístupnost webu, návštěvnost webu

HTML

  • Podstata
    • hypertextový vyznačovací jazyk - Hypertext Markup Language
    • Tagy - normalizované značky pro formátování a rozložení obsahu webové stránky -
      • většina tagů párové značky - <p> ...text... </p> příklad vyznačení textového odstavce
    • Atributy - doplňkové vlastnosti tagů
      • většina značek může obsahovat atributy - <font color="red" face="Arial">červené písmo Arialem</font>
  • Základní značky
    • Stylové
      • <B>, <I>, <U>, <FONT>, <STYLE>, <BR>
    • Strukturální
      • <HEAD>, <BODY>, <H1> ...<H6>, <P>, <UL>, <OL>, <LI>, <TABLE>, <TR>, <TD>
    • Informační
      • <!DOCTYPE>, <HTML>, <TITLE>, <META>, <!-- komentář -->

Webová stránka

  • Struktura
    • Hlavička <head> ... </head>
      • informace pro prohlížeč, vyhledávače a webový server
      <title> - titulek
      <meta ....> - znaková sada, jazyk, popis, klíčová slova ...
      <link ....> - připojení stylů a skriptů
      <style ...> - definice stylů stránky
    • Tělo <body> ... </body>
      • Hypertextový odkaz
      <A href="http://google.cz">Vyhledávač</A>
      • Obrázek
      <IMG src="logo.gif">
Zvětšit

Webová prezentace

  • Uspořádání - skupina stránek propojená odkazy
    • Domovská strana - index.html, default.html
    • Podstránky - produkty.html, odkazy.html, kontakty.html
    • Grafika - složka images
      • úsporná grafika - JPG, GIF, PNG
  • Doména - popisná adresa webového místa
    • generické, národní, druhého a třetího řádu
      • COM, INFO, CZ, UK, DE, SPSNOME.CZ, INFO.SPSNOME.CZ
    • registrátor - registrace, správa - správce domény
      • NIC.CZ,
  • Webhosting - diskový prostor serveru poskytovatele
    • vystavení souborů prezentace
    • podpora skriptování a databáze
Zvětšit

Tvorba webu

  • HTML editory
    • editory kódu - PSPad, HTML Edit, HomeSite
      • šablony kódu, doplňování a kontrola kódu, barevné zvýraznění
    • vizuální editory - MS FrontPage, SharePoint Designer, Adobe DreamWeaver
      • šablony vzhledu, vizuálním (wysiwyg) prostředí, automatické generování kódu
  • Přístupnost webu
    • obsah - zajímavost, přehlednost, čitelnost a vzhled
    • validita - zápis kódu podle norem HTML, stejné zobrazení v různých prohlížečích
    • dostupnost - zajímavá adresa, optimalizace pro vyhledávače, registrace v katalozích
    • ovladatelnost - přehlednost, jednoduchost, logika, plná kontrola uživatele
  • Návštěvnost webu
    • SEO - Search Engine Optimization - optimalizace kódu pro vyhledávače
      • informace pro vyhledávače v hlavičkách - Titulek, Popis, Klíčová slova
      • registrace do vyhledávačů a katalogů - Google, Seznam, Centrum, Jyxo
      • soubory map stránek webu - website.xml
    • sledování návštěvnosti - Google Analytics, Toplist.cz
    • aktivní podpora návštěvnosti - placená reklama Google AdSense

Školní stránky

RSS