Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava



Podobné dokumenty
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava

CZ.1.07/1.5.00/

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-211. Prezentace úvod

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT. Soubory a složky

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-207

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-217. Komprimace dat

Gymnázium Vysoké Mýto nám. Vaňorného 163, Vysoké Mýto

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 4 VY 32 INOVACE

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-310

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-303. Soubory a složky

Webové stránky. 1. Publikování na internetu. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch.

VÝUKOVÝ MATERIÁL. Bratislavská 2166, Varnsdorf, IČO: tel Číslo projektu

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo didaktického materiálu

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-214. Internetový prohlížeč

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-213. Počítačová síť

Web. Získání informace z internetu Grafické zobrazení dat a jejich struktura Rozšíření funkcí pomocí serveru Rozšíření funkcí pomocí prohlížeče

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

SOU Valašské Klobouky. VY_32_INOVACE_3_09 IKT PowerPoint Vlozeni_videa Mgr. Radomír Soural. Zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-302

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-317

Škola. Číslo projektu. Datum tvorby 12. září 2013

Databázové aplikace pro internetové prostředí PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT. Ovládací panely

VÝVOJ INTERNETOVÝCH APLIKACÍ - VIA

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Současný svět Projekt č. CZ.2.17/3.1.00/32038, podpořený Evropským sociálním fondem v rámci Operačního programu Praha adaptabilita

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-305. Základní jednotka

CZ.1.07/1.5.00/

Základy programování (C#) Autor: Ing. Jan Nožička SOŠ a SOU Česká Lípa VY_32_INOVACE_1134_Základy programování (C#) _PWP

Aplikační programové vybavení

SOFTWARE. Ing. Luděk Richter

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-210

Název: On-line tvorba webu Anotace:

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 1 VY 32 INOVACE

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo didaktického materiálu EU-OVK-VZ-III/2-ZÁ-306

Registrační číslo projektu: Škola adresa:

SEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE

Informační a komunikační technologie Inovace výuky prostřednictvím šablon pro SŠ

Jak vznikala webová aplikace kolonizace.asp2.cz

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-208

VÝUKOVÝ MATERIÁL. Bratislavská 2166, Varnsdorf, IČO: tel Číslo projektu

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-101

Inovace výuky prostřednictvím šablon pro SŠ

eliška 3.04 Průvodce instalací (verze pro Windows 7) w w w. n e s s. c o m

1. Instalace MySQL Serveru Konfigurace MySql Serveru Vytvoření struktury databáze...3

KASKÁDOVÉ STYLY - PÍSMO

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

Evropská obchodní akademie, Děčín I, Komenského náměstí 2, příspěvková organizace IČ tel

Ing. Přemysl Brada, MSc., Ph.D. Ing. Martin Dostal. Katedra informatiky a výpočetní techniky, FAV, ZČU v Plzni

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-220

Software. Mgr. Renáta Rellová. Výukový materiál zpracován v rámci projektu EU peníze školám

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Výukový materiál zpracovaný v rámci projektu

Django. Webový framework pro Python Projekt = webová stránka Aplikace = určitá funkcionalita webu

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-205

SOFISTIKOVANÉ NÁSTROJE PRO JEDNODUCHOU TVORBU PROFESIONÁLNÍCH WEBOVÝCH PREZENTACÍ

Inovace bakalářského studijního oboru Aplikovaná chemie

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava

Redakční systém Joomla. Prokop Zelený

téma: Úvod do praktika z ICT autor: Mgr. Radek Machan cíl praktika: organizace výuky, plán výuky, bezpečnost práce doba trvání: 2

Registrační číslo projektu: Škola adresa: Šablona: Ověření ve výuce Pořadové číslo hodiny: Třída: Předmět: Název: Zpracování informací Anotace:

Střední škola pedagogická, hotelnictví a služeb, Litoměříce, příspěvková organizace

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-301. Informace, jednotka

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače)

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-219

Webové stránky. 13. Obrázky na webových stránkách, modul Uložit pro web a zařízení. Datum vytvoření: str ánk y. Vytvořil: Petr Lerch

Specializovaná mapa s interpretací regionálních rozdílů v oblasti sociálního výzkumu

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-315

ANOTACE nově vytvořených/inovovaných materiálů

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT EU-OVK-VZ-III/2-ZÁ-201

AKCIDENČNÍ TISKOVINY

SADA VY_32_INOVACE_PP1

Zadání maturitní práce ve školním roce 2016/2017

Počítačové kurzy buildit

Identifikátor materiálu: ICT-3-55

Gymnázium Jana Pivečky a Střední odborná škola Slavičín. III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT

Fiktivní firma. Žáci získají základní informace o přípravě a tvorbě webových stránek. Na konci prezentace je úkol, se kterým žáci samostatně pracují.

VIRTUALBOX INSTALACE OS

Aplikace Capture Pro. Referenční příručka. A-61640_cs

CZ.1.07/1.5.00/

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

Inovace výuky prostřednictvím šablon pro SŠ

VY_32_INOVACE_IKTO2_1260 PCH

Formy komunikace s knihovnami

Textové editory. Ing. Luděk Richter

Obsah přednášky. Představení webu ASP.NET frameworky Relační databáze Objektově-relační mapování Entity framework

Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek

Střední odborná škola a Střední odborné učiliště, Hořovice

III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo didaktického materiálu EU-OVK-VZ-III/2-ZÁ-318

Naše Město Web design

METODICKÝ POKYN PRÁCE S PORTÁLEM DUMY.CZ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

Transkript:

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_033.ICT.34 Tvorba webových stránek MS Visual Studio 2010 - HTML

Číslo projektu: CZ.1.07/1.5.00/34.0744 Šablona: VY_32_INOVACE Číslo DUMU: 033.ICT.34 Předmět: Informační technologie Název materiálu: Tvorba webových stránek MS Visual Studio 2010 HTML Autor: Jaroslav Fišer Formát: pdf Velikost: 1033 kb Stupeň a typ vzdělávání: SŠ odborné vzdělávání Licence k obrazovému materiálu: CC BY Datum vytvoření: 28. 09. 2013 Klíčová slova: HTML, CSS, www, web, internet, Visual Studio Anotace: Stručný úvod do zápisu HTML kódu pomocí programu Microsoft Visual Studio. OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 2

V předchozím DUMu jste na na disku M: vytvořili složku M:/www_xppppppj Ve složce máme soubor CSS stylesheet.css Soubor stylesheet.css se dá stáhnout z http://jafi3.php5.cz/priklad/stylesheet.css Spusťe program Microsoft Visual Studio. Instalační soubory vč. licencí můžete získat v rámci programu Microsoft DreamSpark, který umožňuje studentům bezplatné stažení nástrojů společnosti Microsoft pro vývojáře a návrháře. Postupujte dle následujících bodů a snímků sejmutých obrazovek. File -->Open Web Site -->M:\www_xppppppj View -->Solution Explorer -->www_xppppppj Add New Item -->Installed Template volba Visual C#, HTML page, Name=prik33.htm Obsah souboru prik33.htm v nabídce source Vložení odkazu na stylesheet.css do souboru prik33. htm do části <head> </head>, zápis HTML kódu Obsah souboru prik33.htm v nabídce design ve Visual Studiu a v prohlížeči. OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 3

Spusťe program Microsoft Visual Studio 2010 Instalační soubory vč. licencí můžete získat v rámci programu Microsoft DreamSpark, který umožňuje studentům bezplatné stažení nástrojů společnosti Microsoft pro vývojáře a návrháře. Odkaz zde: http://msdn.microsoft.com/cscz/ee423659.aspx OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 4

File -->Open Web Site -->M:\www_xppppppj OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 5

Add New Item -->Installed Template volba Visual C#, HTML Page, Name=prik33.htm OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 6

Vytvořený výřez obrazovky: 29.9.2013 7:34 7:38 Tvorba webových stránek MS Visual Studio 2010 - HTML Ukázka vygenerovaného obsahu prik33.htm Vložení odkazu (linku).css do souboru prik33. htm do části <head> </head> a zápis HTML kódu OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 7

Design zobrazení ve Visual Studiu Zobrazení v internet prohlížeči OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 8

Úkol 1. (MS Visual Studio). a) Ve svém website (M:\www_xppppppj) vytvořte soubor prik33.htm b) Do souboru prik33.htm vložte link na stylesheet.css. c) Do souboru prik33.htm zapište HTML kód z předchozího snímků. d) Prozkoumejte zobrazení Ssource a Design ve Visual Studiu. Úkol 2. a) Ve svem website vytvořte složku M:\www_xppppppj\priklad b) Do této vytvořené složky přesuňte soubor stylesheet.css a prik33.htm c) Ověřte funkčnost souboru prik33.htm d) Celou složku..\priklad včetně obsahu zkopírujte na své webové sídlo na serveru php5.cz Úkol 3. Využijte veškeré své znalosti a vytvořte web dle vzoru na http://www.oa-ji.cz/jafi Poznámka: Tento DUM volně navazuje na DUMy autora VY_32_INOVACE_021.ICT.34-032.ICT.34. DUMem 033.ICT.34 končí série 13 dílů věnovaných HTML a CSS. V dalších šesti dílech využijeme získané vědomosti a budeme se věnovat dynamickým HTML stránkám, databázím a jejich propojení s www stránkami. OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 9

Doporučené odkazy: http://jafi3.php5.cz http://jafi3.php5.cz je výukový web autora DUMu http://lorem-ipsum.cz/ Generátor Lorem ipsum http://www.jakpsatweb.cz http://www.mstv.cz/ Doporučená literatura: P. Roubal, Informatika a výpočetní technika pro střední školy - Praktická učebnice Programování Windows 8 aplikací pro začátečníky Použité zdroje: Veškerý obsah včetně obrázků je dílem autora. OA a JŠ Jihlava, VY_32_INOVACE_033.ICT.34 10