<< 25.Zpracování videa | Témata PVY | 22.Design webu >>

21. Tvorba webu

  • HTML kód - normy, deklarace, základní tagy, zápis atributů
  • Webová stránka - struktura, hlavička a tělo, tabulka, odkazy a obrázky
  • Webová prezentace - struktura, doména, webhosting
  • Zpřístupnění webu - zásady, SEO, návštěvnost a validita

HTML kód

  • HTML - Hypertext Markup Language - hypertextový značkovací jazyk
    • normalizovaná množina značek (tagů) pro publikování obsahu webových stránek
  • Normy HTML - vývoj souvisí s vývojem prohlížečů
    • aktuální verze 4.01 pro dokumenty STRICT, TRANSITIONAL, FRAMESET
    • příprava verze 5 - např. podpora multimédií
    • deklarace pomocí <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
  • HTML tagy - různé typy značek uzavřených do <>
    • rozdělení
      • strukturální- pro rozvržení obsahu - odstavce <p>, nadpisy <h1>, seznamy <ul>
      • stylové (formátovací) - tučné <b>, šikmé <i>, zalomení řádku <br>
      • popisné (sémantické) - pro popis obsahu - nadpis <title>, adresa <address>, navigace <menu>
      • navigační - odkazy na jiné stránky <a href="adresa_odkazu">Text odkazu</a>
      • multimediální - vložení obrázků <img src="adresa_obrázku">, animace, zvuky, video ...
      • párové a nepárové, bez atributů a s atributy

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>
      • <table><tr><td>obsah buňky</td></tr></table> - tabulka
      • <div style="text-align: center;" > - blok obsahu s pravidlem CSS
      • <span color=red> - blok v řádku s atributem pro barvu písma

Webová prezentace
  • Doména - popisná adresa webového místa
    • generické, národní, druhého a třetího řádu
    • registrátor - registrace, správa - správce domény
  • Webhosting - diskový prostor serveru poskytovatele
    • vystavení souborů prezentace
    • podpora skriptování a databáze

Zpřístupnění webu

  • Základní pravidla
    • Obsah webových stránek je dostupný a čitelný
    • Práci s webovou stránkou řídí uživatel
    • Informace jsou srozumitelné a přehledné
    • Ovládání webu je jasné a pochopitelné
    • Kód je technicky způsobilý a strukturovaný
    • VALIDITA - ověření respektování norem zápisu kódu
  • Dostupnost webu
    • SEO - Search Engine Optimization - optimalizace kódu pro vyhledávače
    • informace pro vyhledávače v hlavičkách
    • registrace do vyhledávačů a katalogů
    • soubory map stránek webu
    • sledování a podpora návštěvnosti

Školní stránky

RSS