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/34.0501.

Prezentace na téma: "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/34.0501."— Transkript prezentace:

1 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/34.0501

2 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/34.0501

3 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/34.0501

4 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/34.0501

5 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/34.0501

6 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/34.0501

7 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/34.0501

8 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/34.0501

9 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/34.0501

10 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/34.0501

11 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/34.0501

12 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/34.0501

13 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/34.0501

14 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/34.0501

15 VY_32_INOVACE_4.3.IV1.02/Ku Zdrojový kód  html_1/index.html 1. 2. 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/34.0501

16 VY_32_INOVACE_4.3.IV1.02/Ku  CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: Computer Press, 2007. ISBN 978-80-251-1531-2.  KOSEK, Jiří. Vytváříme si domovskou stránku [online]. 1999 [cit. 2012-10-17]. Dostupné z: http://www.kosek.cz/clanky/html/index.html http://www.kosek.cz/clanky/html/index.html  JANOVSKÝ, Dušan. Jak psát web [online]. 1999, 14. 10. 2012 [cit. 2012-10-17]. Dostupné z: http://www.jakpsatweb.cz/ http://www.jakpsatweb.cz/  Best Page [online]. 2011 [cit. 2012-10-17]. Dostupné z: http://bestpage.cz/pozadi/pozadi.html http://bestpage.cz/pozadi/pozadi.html Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501

17 VY_32_INOVACE_4.3.IV1.02/Ku  http://commons.wikimedia.org/wiki/File:Acc essories-text-editor.svg http://commons.wikimedia.org/wiki/File:Acc essories-text-editor.svg  KOSEK, Jiří. Barvičky... [online]. 1999 [cit. 2012- 10-17]. Dostupné z: http://www.kosek.cz/clanky/html/09.html http://www.kosek.cz/clanky/html/09.html Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/34.0501