VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  Stránky se skládají z textu, multimediálních dat (obrázky, videa, zvuky, …) a odkazů, které umožňují přechod na další webové stránky  Informace jsou prezentovány v podobě hypertextu, který je vytvořen použitím značek ( tagů ) HTML nebo XHTML Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  Soubory s příponou.html  Stránka se dá otevřít dvěma způsoby:  www stránka (v prohlížeči), pak se nedá upravovat.  text (třeba v Poznámkovém bloku) - zdrojový kód, ten se dá upravovat Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku Značkovací jazyky  HTML - HyperText Markup Language  XHTML - Extensible HyperText Markup Language Programovací jazyky  PHP - Hypertext Preprocessor  JavaScript  Java Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  Hypertextový značkovací jazyk  Dvě základní vlastnosti – hypertext,univerzálnost  Je charakterizován množinou značek (tzv. tagů )  Za vývoj a specifikace odpovídá konsorcium W3C  V současnosti se pracuje na verzi 5, která by měla přinést především větší podporu multimédií Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  WYSIWYG editory – text s obrázky rovnou uložíme, editor všechny html značky (tagy) doplní sám. Např. FrontPage nebo OpenOffice Writer s funkcí uložit jako HTML.  non WYSIWYG editory - psaní značek, textu a kódu. Např. v editoru PSPad  Notepad (Poznámkový blok) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  HTML je značkovací jazyk. Jednotlivým značkám se často říká tagy a zapisují se do špičatých závorek <>  Jsou párové (např. a ) nebo samostatné (např. ). Párové končí stejnou značkou bez parametrů, s předřazeným lomítkem „/“.  Kromě samotných příkazů může tag obsahovat parametry, které mu říkají, jak má daná věc přesně vypadat (např. že text má být černý, obrázek má mít rámeček a rozměry 640 x 480 Px). Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  TAG (element, značka) př.  ATRIBUT (parametr, vlastnost) a HODNOTA př. atribut bgcolor (barva pozadí) má hodnotu green (pozadí bude zelené) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku Tento příklad zapište do poznámkového bloku a uložte pod názvem „index.html“ do složky „html_1“ Moje první stránka Nadpis první úrovně První odstavec vás vítá do HTML. Druhý odstavec následuje za prvním. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku začíná dokument končí dokument a začíná a končí hlavičku, která se nezobrazuje, ale obsahuje některé důležité údaje, např. a název dokumentu Co je mezi a, se bude zobrazovat Výše uvedené tagy by měl obsahovat každý html soubor. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  Každý HTML dokument je ohraničen tagy a měl by mít na svém začátku uvedenou hlavičku. Ta je umístěna za a je ohraničena tagy a.  Informace - co je to za dokument, kdo ho napsal, čím, kdy, užití CSS atp.  Obecně tedy obsahuje informace platné globálně pro celou stránku. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  Představuje obsah samotné stránky  Mezi a se vkládá všechno co se bude na stránkách zobrazovat  Atributy tagu  bgcolor udává barvu pozadí  background nastavení obrázku na pozadí.  text barva textu Př.: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku Vyhledej označení dalších barev pro web na internetu Hodnota atributu pro barvu  anglickým názvem barvy (v úvozovkách)  hexadecimálním zápisem ve tvaru: #ččzzmm (bez úvozovek) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku Zdrojový kód  html_1/index.html Vyzkoušejte různé barvy i pomocí hex-kódu. Do složky „html _1“ si uložte obrázek pro pozadí. Např. ze stránky bestapge.cz. Název obrázku musí být bez diakritiky. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: Computer Press, ISBN  KOSEK, Jiří. Vytváříme si domovskou stránku [online] [cit ]. Dostupné z:  JANOVSKÝ, Dušan. Jak psát web [online]. 1999, [cit ]. Dostupné z:  Best Page [online] [cit ]. Dostupné z: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/

VY_32_INOVACE_4.3.IV1.02/Ku  essories-text-editor.svg essories-text-editor.svg  KOSEK, Jiří. Barvičky... [online] [cit ]. Dostupné z: Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/