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

Slides:

Advertisements

Podobné prezentace

Tvorba WWW stránek ÚVOD

Advertisements

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.

Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy.

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

Internetové stránky a Internetový prohlížeč

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/

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.

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.

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.

Úvod do html kódu. Roman Hendrich

TVORBA WEBOVÝCH STRÁNEK

Čí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:

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.

Zpracování a využití informací

Tvorba WWW stránek HTML - XHTML Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Každá.

Skladba HTML dokumentu

Čí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.

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, XHTML a CSS Základy jazyků značek.

HTML jazyk Označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje.

Poznámkový blok a WWW Mgr. Lenka Švancarová. Poznámkový blok a WWW Spustíme si Poznámkový blok.  Soubor-Uložit jako Uložit jako typ – Všechny soubory.

Vzdělávací technologie 2 Tvorba jednoduchých webových stránek Martin Böhm (L06514)

WWW – hypertextový informační systém

Práce s textem (Word 2010)-kopírování

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),

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:

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:

Základy práce s počítačem Autorem materiálu je Mgr. Eva Švarcová ZŠ Dobříš, Komenského nám. 35, okres Příbram Inovace školy – Dobříš, EUpenizeskolam.cz.

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.

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:

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:

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:

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…)

Digitální výukový materiál zpracovaný v rámci projektu „EU peníze školám“ Projekt:CZ.1.07/1.5.00/ „SŠHL Frýdlant.moderní školy“ Škola:Střední škola.

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í..

Šablona: Inovace a zkvalitnění výuky prostřednictvím ICT Vzdělávací oblast:Informační a komunikační technologie Předmět:Informatika Ročník:7. Datum vytvoření:Březen.

Ú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.

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:

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:

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.

Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.

HyperText Markup Language (zkratka HTML) je v informatice název značkovacího jazyka používaného pro tvorbu webových stránek, které jsou propojeny hypertextovými.

PROSTŘEDÍ MICROSOFT WORD 2003

Jak fungují webové stránky Úvod do HTML (1). Projekt: CZ.1.07/1.5.00/ OAJL - inovace výuky Příjemce: Obchodní akademie, odborná škola a praktická.

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.

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.

Název projektu:ZŠ Háj ve Slezsku – Modernizujeme školu Číslo projektu:CZ.1.07/1.4.00/ Oblast podpory: Zlepšení podmínek pro vzdělávání na základních.

Š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.

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.

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_034.ICT.34 Tvorba webových stránek – PHP technologie.

WWW a HTML Základní pojmy Ivo Peterka.

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

WWW a HTML Základní pojmy Ivo Peterka.

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.

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

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.

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

Předmět: Informatika Ročník: VI.

Transkript prezentace:

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 slouží k úvodnímu seznámení žáků s jazykem html a základní strukturou webové stránky. Součástí je vzorová webová stránka použitelná jako šablona pro první stránky žáků. Prohlášení: Prohlašuji, že výukový materiál je mým původním autorským dílem, které jsem vypracoval samostatně a použil jen uvedených pramenů a literatury, které v práci řádně cituji. Výukový materiál je v souladu se ŠVP školy.

Moje první stránka na webu 1. Jak jsou tvořeny webové stránky? 2. Jazyk HTML 3. Struktura stránky 4. Vytvoř si svoji první stránku na webu u nás ve škole 5. Pro zvídavé

Jak jsou tvořeny webové stránky? Úkol pro Tebe! ● Klikni pravým tlačítkem na prázdné místo na libovolné webové stránce. Zvol funkci „ Zobrazit zdrojový kód stránky“. ● Objeví se ti textový soubor plný zvláštních značek a příkazů, pomocí kterých je webová stránka tvořena.

Jak jsou tvořeny webové stránky?

Bulletin 2012

Jazyk HTML ● Úkol pro Tebe! ● Najdi na internetu, co znamená zkratka HTML? ● HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu.

● Struktura stránky (hlavička) (tělo stránky) ● Příkazy se nazývají tagy ● Jsou psány ve speciálních závorkách <> (na anglické klávesnici) ● Každý tag má začátek a konec. Např. odstavec: ● <> začátek ● text… ● konec

Vytvoř si svoji první stránku na webu u nás ve škole ● Úkoly pro Tebe! ● Ve své domovské složce si vytvořte složku "www" ● Do ní si ulož vzorový html soubor "index.html" ● Tento soubor otevři v textovém editoru (V Linuxu např. Textový editor gedit nebo kwrite, ve Windows např. Poznámkový blok". ● Napiš svoje jméno a příjmení mezi příkazy body a konec /body ● Soubor ulož ● Ve webovém prohlížeči zadejte adresu kde "login" změň na tvoje přihlašovací jméno. ● Měla by se ti objevit tvoje první webová stránka index.html ze složky www. ● Pokud obsah stránky není aktuální, klikni ve svém webovém prohlížeči na tlačítko Aktualizovat (znovu načíst, nebo Reload).

Vzorová stránka ● <!DOCTYPE html ● PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ● " ● ● Titulek moji stranky (objevi se v pruhu uloh) ●  ● ● SEM PÍŠEME VLASTNÍ OBSAH STRÁNKY !!! ●...Josef Motl ●

Pro zvídavé ● Podívej se na internet! Najdeš tam spoustu návodů, jak vytvářet webové stránky v HTML jazyce. ● ●