Tvorba WWW stránek
Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje na událost myši – najetí myši nad odkaz – změna barvy nebo symbolu myši najetí myši nad odkaz – změna barvy nebo symbolu myši kliknutí myší – přesun na adresu (místo) udanou v kódu kliknutí myší – přesun na adresu (místo) udanou v kódu
Typy stránek Statické www stránky Statické www stránky Dynamické www stránky Dynamické www stránky
Tvorba stránek Uložení z editoru jako html dokument Uložení z editoru jako html dokument WYSIWYG editory (What You See Is What You Get) WYSIWYG editory (What You See Is What You Get) Front Page, Macromedia Dreamviewer Front Page, Macromedia Dreamviewer neWYSIWYG editory – kód HTML, XHTML, CSS, PHP, javascript neWYSIWYG editory – kód HTML, XHTML, CSS, PHP, javascript PSPad, Home Site … PSPad, Home Site …
Prohlížeče Internet Explorer (Microsoft) Internet Explorer (Microsoft) Netscape Navigator (Linux) Netscape Navigator (Linux) Mozilla Mozilla Opera - !čeština Opera - !čeština
Pravidla pro tvorbu www Nákres struktury web stránek Nákres struktury web stránek Standard pro tvorbu web stránek je uveden na adrese konsorcia W3C pro standardizaci Internetu: Standard pro tvorbu web stránek je uveden na adrese konsorcia W3C pro standardizaci Internetu: Validace kódu Validace kódu
Než začnu Základní rozmyšlení struktury web stránek Základní rozmyšlení struktury web stránek ? položka typu - novinky - aktuality apod ? položka typu - novinky - aktuality apod Rozvoj stránek Rozvoj stránek Správa stránek Správa stránek
Vznik HTML Tim Berners-Lee a Robert Caillau vytvořili propojený informačním systém pro výzkumné centrum CERN Tim Berners-Lee a Robert Caillau vytvořili propojený informačním systém pro výzkumné centrum CERN1989Tim Berners-LeeRobert CaillauCERN1989Tim Berners-LeeRobert CaillauCERN Dokumenty se obvykle tvořily relativně složitě v jazyku TeX, PostScript a také SGML. Dokumenty se obvykle tvořily relativně složitě v jazyku TeX, PostScript a také SGML. TeXPostScript TeXPostScript byl navržen jazyk HTML a protokol pro jeho přenos v počítačové síti – HTTP (Hyper Text Transfer Protocol – přenosový protokol hypertextu). Zároveň také Tim Berners-Lee napsal první webový prohlížeč, který nazval World Wide Web byl navržen jazyk HTML a protokol pro jeho přenos v počítačové síti – HTTP (Hyper Text Transfer Protocol – přenosový protokol hypertextu). Zároveň také Tim Berners-Lee napsal první webový prohlížeč, který nazval World Wide Web.1990protokolHTTPWorld Wide Web1990protokolHTTPWorld Wide Web HTML – Hyper Text Markup Language
Pozor na časté omyly!!!!!! HTML není programovacím jazykem. Často se říká programovat, avšak to není pravda pokud použiji k tvorbě pouze HTML. Programování by bylo až po přidání PHP MISQ apod. do HTML. do HTML. Vývoj jazyka HTML byl ukončen. Pokračování je v XHTML, které se liší způsobem zápisu tagů. HTML
Co obsahuje každý html dokument? <html><head></head><title>stránka</title><body> ahoj světe </body></html> HTML
Html je tvořeno pomocí značek – tagů, které se píší do ostrých (špičatých) závorek <> Html je tvořeno pomocí značek – tagů, které se píší do ostrých (špičatých) závorek <> tagy -párové např: např: koncový tag párových tagů je vždy doplněn o zpětné lomítko koncový tag párových tagů je vždy doplněn o zpětné lomítko -nepárové -nepárové např: např: HTML
Příklad html dokumentu: <html><head></head><title>stránka</title><body> ahoj světe ahoj světe </body></html> HTML
HTML Hypertextový odkaz na webstránku lumici.unas.cz Text, který se zobrazí na www stránce Hypertextový odkaz na webstránku lumici.unas.cz