ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.

Slides:

Advertisements

Podobné prezentace

Tvorba WWW stránek ÚVOD

Advertisements

28.1 Tvorba www stránek pomocí HTML jazyka

Martin Holý.  HTML  xHTML  CSS  JavaScript  PHP.

ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.

Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:

<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4

Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky

HyperText Markup Language

Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.

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.03/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ HTML & XHTML.

Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.

Úvod do HTML. Co je HTML  zkratka pro HyperText Markup Language  značkovací jazyk pro hypertext  umožňuje publikaci dokumentů na internetu.

Základy html pro úplné začátečníky.

Jak na web První krůčky Lukáš Reindl. Co je potřeba Budeme potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (ve Windows Notepad.

WEBMASTER Jakub Koželuh. Student Informatiky (ČZU) Student Informatiky (ČZU) ICQ: ICQ:

HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.

Tvorba www stránek SYNTAXE ICT 4.ročník. Obsah TAGY TAGY ATRIBUTY ATRIBUTY KŘÍŽENÍ TAGŮ KŘÍŽENÍ TAGŮ VELIKOST PÍSMEN VELIKOST PÍSMEN MEZERY VE ZDROJOVÉM.

TVORBA WEBOVÝCH STRÁNEK

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

Číslo šablony: III/2 VY_32_INOVACE_P4_3.10 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - tagy Typ: DUM - kombinovaný Předmět:

Tematická oblast: Aplikační software pro práci s informacemi II.

Styly Název školyGymnázium Zlín - Lesní čtvrť Číslo projektuCZ.1.07/1.5.00/ Název projektuRozvoj žákovských kompetencí pro 21.

XHTML Tvorba webových stránek. Vývoj značkovacích jazyků HTML – HyperText Markup Language  Značkovací jazyk pro vytváření www stránek. Pomocí značek.

VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Veronika Hladíková. V dnešní době se dají webové stránky zhotovit mnoha způsoby, ale zdaleka ne všechny jsou ty správné. V následující prezentaci se Vám.

Skladba HTML dokumentu

Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.

Návrh a tvorba WWW Přednáška 1

Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.

VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.

Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.

HTML editory HTML editory se dělí na dva základní typy:

TNPW1 Technologie pro publikování na webu Cvičení č. 2 Překlad URL na fyzickou adresu stránky Editor Macromedia Homesite „Hello world“ v XHTML (úvod do.

Základní pojmy (1) Nejpoužívanější internetové prohlížeče: Google Chrome (32.0.x), Mozilla Firefox (27.0), Internet Explorer (11.0.2), Opera (19.0.x),

Tvorba efektních www stránek pro každého Od historie až po současnost… Úvod Porovnání Validace Prohlížeče Závěr.

Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)

VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.

PHP Programy pro tvorbu WWW stránek - 01

Jak učit tvorbu www stránek na zš? ?. Co by žáci měli zvládat.  Základy s textovým editorem (Word, pspad) – základní úpravy textu, kopírování, formátování..

ÚVOD DO HTML Pavlína Hladišová. O BSAH : HTML - Co je to? Princip zobrazení Tagy Obsah HTML dokumentu Rady při tvorbě HTML Zdroje.

Tvorba www stránek.

HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_15_televize TEMA:Multimédia a grafika.

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.

Tvorba www stránek – (01) úvod Autor: Mgr. Josef Motl Datum: , ročník: 7. ročník ZŠ Vzdělávací oblast: Informační technologie Anotace: Prezentace.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Jiří Kolář NÁZEV:VY_32_INOVACE_08B_13_Počítačové_sítě_II TEMA:HARDWARE A SOFTWARE.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Jiří Kolář NÁZEV:VY_32_INOVACE_08B_18_Aplikační_programy TEMA:HARDWARE A SOFTWARE.

Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.

Číslo projektu CZ.1.07/1.5.00/ Kódování materiálu vy_32_INOVACE_inf3_web01 Označení materiálu web01_uvod.pptx Název školy Gymnázium Kladno Autor.

Tvorba WEBOVÝCH stránek – kostra dokumentu Šablona 32 VY_32_INOVACE_12_10_Tvorba webových stránek-kostra dokumentu.

HTML HyperText Markup Language Je to značkovací jazyk používaný na tvorbu webových stránek, které jsou propojeny hypertextovými odkazy. Je hlavním z.

1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Jiří Kolář NÁZEV:VY_32_INOVACE_08B_09_Vstupní_periférie TEMA:HARDWARE A SOFTWARE.

ZÁKLADY JAZYKA HTML Číslo projektu CZ.1.07/1.5.00/ Název školy

NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.

Tvorba webových stránek - tabulka

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace

Značkovací jazyk HTML Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.

ADOBE DREAMWEAVER CS6 Úvod

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace

NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

HTML Vojtěch novotný 9.a.

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace

Tvorba webových stránek

Transkript prezentace:

ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika ČÍSLO PROJEKTU:CZ.1.07/1.5.00/ DATUM TVORBY:

Anotace Tento materiál je připraven pro výuku IKT a slouží k vysvětlení tvorby internetových stránek. Je určen pro 2. ročník čtyřletého studia a 4. ročník šestiletého studia. V první části obsahuje teorii, která bude doplňována ústním výkladem učitele. Závěrečná část obsahuje otázky k procvičení Materiál je určen pro interaktivní výuku.

Úvod do HTML GYMNÁZIUM CHOMUTOV MARTIN JIŘIŠTĚ

Struktura HTML stránky dokument webu v PC nebo na serveru pouze textový dokument ve formě zdrojového kódu předepsané značky pro prohlížeč

Editory HTML stránky 1. Strukturní editory – upravují přímo HTML kód – je potřeba znát html kódy 2. Wysiwyg editory – What you see is what you get – Co vidíš, to dostaneš. – není potřeba znalost HTML kódu

Editory HTML stránky strukturní editory Notepad++ HomeSite PSPad EasyPad Notepad Wysiwyg editory Microsoft FrontPage Macromedia Dreamweaver Adobe Dreamweaver Adobe GoLive Nvu

HTML – značkovací jazyk HyperText Markup Language soubor značek – tagů ke značce mohou být vlastnosti – atributy párové značky např. tučný text nepárové značky např. značky lze vkládat do sebe velikost písma značky nemá vliv

Strukura HTML stránky začátek webové stránky konec webové stránky tělo stránky – obsah k zobrazení hlavička stránky

Struktura HTML stránky Zdrojový kód webové stránky Zobrazení v prohlížeči

Obecná syntaxe HTML Nezáleží na velikosti písem V názvu souborů se rozlišuje velikosti písmen Nepoužívají se mezery a čeština. Tagy, které prohlížeč nezná, ignoruje. Na začátku tagu nesmí být mezera. Více mezer za sebou mají stejný význam jako jedna mezera.

Obecná syntaxe HTML Konec řádku ve zdroji se chápe jako mezera. Hodnoty atributů je dobré dávat vždy do uvozovek, ale není to úplně nutné, pokud uvnitř nejsou mezery. Speciální znaky se zadávají jako posloupnost znaků &něco; např. pevná mezera je Poznámka se do zdroje vkládá mezi značky

Úkol 1. Otevřete zdrojový kód internetové stránky a určete, zda je vytvořena pomocí HTML 2. Najděte v HTML kódu hlavičku a tělo stránky 3. Určete, které údaje jsou zapsány v hlavičce. 4. Řešení odevzdejte pomocí online prostředí iTřída

Zdroj: 1. ROUBAL, Pavel. Informatika a výpočetní technika pro SŠ. Brno: Computer Press, a.s., 2010, ISBN JANOVSKÝ, Dušan. Jak psát web [online]. [cit ]. Dostupný na WWW: 3. Vlastní tvorba autora.