Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
AUTOR: Ivana Mačková NÁZEV: VY_32_INOVACE_SADA5_INF.9.09 TÉMA: HTML – struktura dokumentu, barvy ČÍSLO PROJEKTU: CZ.1.07/1.4.00/
2
Anotace Materiál HTML – struktura dokumentu, barvy Vzdělávací obor
Informatika Tematický okruh HTML – tvorba www stránek Anotace Výukový materiál slouží k vysvětlení struktury html dokumentů k vytváření webových stránek. Očekávaný výstup Žák získá poznatky o html dokumentu, jeho částech, příkazech, barvách na webu a na jejich základě vytváří jednoduché html dokumenty; výsledky své práce ověřuje pomocí internetového prohlížeče. Druh učebního materiálu Prezentace Stupeň a typ vzdělávání Základní vzdělávání – druhý stupeň, 9. ročník
3
HTML, STRUKTURA DOKUMENTU, BARVY
HTML – HyperText Markup Language je jazyk pro tvorbu www stránek obsahuje slova -TAGY (značky), které umožňují dát význam vlastnímu obsahu stránky a dokument částečně formátují TAGY Píšeme je do lomených závorek < a >. Pravý ALT + ? = < Pravý ALT = > Dělíme je na párové a nepárové.
4
PÁROVÉ A NEPÁROVÉ TAGY Párový tag – má začátek a konec
Např.: <html> - začátek </html> - konec (v závorce je jako první lomítko) 2. Nepárový tag – neukončuje se Např.: <br> Tagy budeme psát malými písmeny. Každý HTML dokument má svoji danou strukturu. HTML dokumenty budeme vytvářet v poznámkovém bloku.
5
STRUKTURA HTML DOKUMENTU
Základní struktura vypadá přibližně takto: <html> <head> <title>Název stránky v titulkovém pruhu</title> </head> <body> </body> </html> začátek HTML dokumentu hlavička tělo konec HTML dokumentu
6
barva právě použitého odkazu barva navštíveného odkazu
TAG <body> Pomocí tohoto tagu zadáváme barvu pozadí stránky, obrázek na pozadí, barvu odkazů, textu, navštívených odkazů a právě použitých odkazů. <body background="..." bgcolor="..." text="..." link="..." vlink="..." alink="..."> obrázek na pozadí barva pozadí barva textu barva odkazu barva právě použitého odkazu barva navštíveného odkazu Barvu můžeme psát anglickým názvem nebo v jejím kódu.
7
HTML - BARVY Pro přehled barev, které můžeme použít při tvorbě www stránek, můžeme použít např. odkaz
8
VYTVOŘENÍ HTML DOKUMENTU – BAREVNÉ POZADÍ
Napišme tento HTML dokument. Barvu pro pozadí si zvolte.
9
Soubor uložíme: název souboru musí obsahovat příponu .html Uložit jako typ – zvolíme možnost Všechny soubory Soubor otevřeme v internetovém prohlížeči a toto je výsledek.
10
<body background="tapeta.jpg">
POZADÍ - OBRÁZEK Místo barvy pozadí nyní nastavíme obrázek – může to být tzv. tapeta (uložíme si ji do počítače). Použijeme atribut background. <body background="tapeta.jpg">
11
Citace Ilustrace: Kopie obrazovek programu Poznámkový blok – vlastní tvorba autora
Podobné prezentace
