Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34.

Save this PDF as:
 WORD  PNG  TXT  JPG

Rozměr: px
Začít zobrazení ze stránky:

Download "Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34."

Transkript

1 Úvod do CSS Tematický okruh (ŠVP) CSS1 Vysvětlení úlohy CSS při programování www stránek Úvod do CSS VY_32_INOVACE_01_02_01 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Učební materiál podává základní myšlenku kaskádových stylů, ukazuje jejich úlohu při vytváření moderního webu. Osvětluje pojem stylopis, předkládá tři druhy jeho zápisu a vysvětluje jejich přednosti a nedostatky.

2 Interní stylopis Zápis stylopisu do hlavičky HTML dokumentu Interní stylopis VY_32_INOVACE_01_02_02 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se seznámí s výhodami i nevýhodami interního stylopisu, pochopí jeho strukturu a naučí se ho zapsat do hlavičky HTML dokumentu.

3 Inline stylopis Zápis stylopisu do hlavičky HTML dokumentu Inline stylopis VY_32_INOVACE_01_02_03 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se seznámí s výhodami i nevýhodami inline stylopisu, pochopí jeho strukturu a naučí se ho zapsat jako atribut do příslušného tagu.

4 Externí stylopis Zápis stylopisu do externího souboru Externí stylopis VY_32_INOVACE_01_02_04 Vytvořeno říjen 2012 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se seznámí s výhodami externího stylopisu a naučí se jej používat.

5 Volba vhodného typu DTD Obecné zásady pro práci s CSS Volba vhodného typu DTD VY_32_INOVACE_01_02_05 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák dostane vysvětlení toho, proč je důležité správně zvolit DTD už při zakládání stránky a rozšíří si sortiment HTML šablon obsahujících vhodná DTD.

6 Stromová struktura HTML dokumentu Prostředky pro práci s CSS Stromová struktura HTML dokumentu VY_32_INOVACE_01_02_06 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se naučí vizualizovat stromovou strukturu HTML dokumentu. To mu pomůže pochopit vazby mezi prvky a umožní pozdější efektivní práci se selektory.

7 Selektory Zvládnutí syntaxe pro stylování vybraných objektů stránky Selektory VY_32_INOVACE_01_02_07 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se naučí používat selektory pro vybírání objektů, které mají být ostylovány.

8 CSS validace Zvládnutí nástrojů pro validaci stylopisu CSS validace VY_32_INOVACE_01_02_08 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Žák se seznámí s přehledem verzí CSS a naučí se používat CSS validátory, tj. nástroje na validaci stylopisů.

9 Zásady pro psaní HTML podle STRICT specifikace Zvládnutí zásad pro psaní HTML kódu dle specifikace STRICT Zásady pro psaní HTML podle STRICT specifikace VY_32_INOVACE_01_02_09 Materiál slouží k podpoře výuky programování webových aplikací v prvních ročnících oborů a Elektronické zpracování informací. Předpokládá se znalost základů HTML. Pro úspěšné používání CSS je výhodné přepnout prohlížeč do STANDARD módu. Logickou možností, jak to udělat, je použít DTD pro STRICT specifikaci. Proto se žák seznámí se zásadami platnými pro psaní HTML kódu dle specifikace STRICT.

10 Vývojové pomůcky pro práci s CSS Zvládnutí pomůcek pro efektivní práci s CSS Vývojové pomůcky pro práci s CSS VY_32_INOVACE_01_02_10 Žák obdrží pomůcky, které mu pomohou při práci s kaskádovými styly. Jde o ladicí nástroj FIREBUG, což je doplněk k prohlížeči Firefox, a víceúčelová utilita FASTSTONE CAPTURE.

11 Formátování písma Stylování řádkových elementů Formátování písma VY_32_INOVACE_01_02_11 Materiál vede žáka při stylování textového obsahu stránky. Vzhledem k tomu, že vhodné formátování textu může podstatně vylepšit vzhled stránky i čitelnost obsahu, jde o poměrně silný motivační prvek s okamžitým účinkem.

12 Dědičnost a kaskáda Využití dědičnosti a kaskádových vlastností v CSS Dědičnost a kaskáda VY_32_INOVACE_01_02_12 Žák se seznámí s principy a fungováním dědičnosti a kaskády. Jde o stěžejní principy, bez jejichž zvládnutí není možno CSS smysluplně využívat. Je tedy vhodné věnovat této látce dostatek pozornosti a důkladně ji s žáky procvičit.

13 Další vlastnosti písma Využití CSS pro formátování písma Další vlastnosti písma VY_32_INOVACE_01_02_13 Žák se naučí používat další techniky pro formátování písma, mezi které patří styl písma a různé jeho varianty. Naučí se také řídit velikost písma a stupeň jeho tučnosti. Seznámí se s možností, jak využít zkrácené varianty deklarace písma v CSS.

14 Měření rozměrů v pixelech Používání délkových jednotek v CSS Měření rozměrů v pixelech VY_32_INOVACE_01_02_14 Žák se porozumí tomu, proč je pixel v CSS relativní délkovou jednotkou.

15 Relativní délkové jednotky v CSS Používání délkových jednotek v CSS Relativní délkové jednotky v CSS VY_32_INOVACE_01_02_15 Žák se naučí pracovat s relativními délkovými jednotkami em, %.

16 Řádkování v CSS Dovednost formátovat textový obsah Řádkování v CSS VY_32_INOVACE_01_02_16 Žák se naučí pracovat s výškou řádku inline elementů.

17 Kouzla s textem Dovednost formátovat textový obsah Kouzla s textem VY_32_INOVACE_01_02_17 Žák se naučí využívat pokročilejších vlastností CSS pro formátování textu.

18 Grafické efekty u řádkových elementů Dovednost formátovat textový obsah Grafické efekty u řádkových elementů VY_32_INOVACE_01_02_18 Žák se naučí oživovat textové objekty grafickými efekty výplněmi pozadí prvku a rámečky kolem textu.

19 Identifikátory Využití identifikátorů pro stylování webových dokumentů Identifikátory VY_32_INOVACE_01_02_19 Žák se naučí smysluplně používat jednoznačných identifikátorů pro stylování webových dokumentů.

20 Třídy Využití tříd pro stylování webových dokumentů Třídy VY_32_INOVACE_01_02_20 Žák se naučí smysluplně využívat tříd pro stylování webových dokumentů.

Základní práce v souborovém manažeru

Základní práce v souborovém manažeru Základní práce v souborovém manažeru 18-20-M/01 Informační technologie Základní pojmy a prostředky pro programování webových stránek Zvládnutí nástrojů typických pro programování webových aplikací Základní

Více

Kaskádové styly základy grafiky

Kaskádové styly základy grafiky 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod

Více

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech

Více

15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy)

15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy) 15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy) Formátování HTML Každý text má obsah a formu. Když mluvím o formátu

Více

Základy WWW publikování

Základy WWW publikování Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz

Více

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika

INOVACE PŘEDMĚTŮ ICT. MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice INOVACE PŘEDMĚTŮ ICT MODUL 11: PROGRAMOVÁNÍ WEBOVÝCH APLIKLACÍ Metodika Zpracoval: Jaroslav Kotlán srpen 2009s Úvod Modul Programování

Více

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

ANOTACE nově vytvořených/inovovaných materiálů ANOTACE nově vytvořených/inovovaných materiálů Číslo projektu Číslo a název šablony klíčové aktivity Tematická oblast CZ.1.07/1.5.00/34.1017 III/2 - Inovace a zkvalitnění výuky prostřednictvím ICT Počítačové

Více

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie Škola Střední odborná škola a Střední odborné učiliště, Hustopeče, Masarykovo nám. 1 Autor Ing. Jiří Tinka Číslo projektu CZ.1.07/1.5.00/34.0394 Číslo DUM VY_32_INOVACE_18_ICT_08.08a Název Tvorba webu

Více

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10

Obsah. Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 Obsah Úvodem 9 Zpětná vazba od čtenářů 10 Zdrojové kódy ke knize 10 Errata 10 KAPITOLA 1 Co budeme potřebovat 11 Co knihovna jquery nabízí 11 Editor zdrojového kódu 12 Webový server 12 Software pro ladění

Více

Tvorba webových stránek

Tvorba webových stránek Metodický list číslo 1 webových stránek v netriviální kvalitě a pochopení Požadavky: Znalost základů práce s MS Windows 95 nebo podobným prostředím. 1. téma: Základy HTTP Základy fungování počítačových

Více

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS

Více

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

Inovace výuky prostřednictvím šablon pro SŠ Název projektu Číslo projektu Název školy Autor Název šablony Název DUMu Stupeň a typ vzdělávání Vzdělávací oblast Vzdělávací obor Tematický okruh Inovace výuky prostřednictvím šablon pro SŠ CZ.1.07/1.5.00/34.0748

Více

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Obsah Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Kapitola 1 Než se pustíme do práce 15 Internet, web, WWW co to vlastně je? 15 Jak se tvoří internetové stránky 16

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Úvod. Zpracoval: Petr Lasák HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají

Více

================================================================================ =====

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

Více

Š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

Š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 Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem

CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem CSS styly - úvod Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem Formátování HTML Každý text má obsah a formu. Když mluvím o formátu

Více

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita

Kartografická webová aplikace. Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Kartografická webová aplikace Přednáška z předmětu Počítačová kartografie (KMA/POK) Otakar Čerba Západočeská univerzita Datum vzniku dokumentu: 3. 11. 2011 Datum poslední aktualizace: 10. 12. 2011 Cíl

Více

APLIKACE XML PRO INTERNET

APLIKACE XML PRO INTERNET APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je

Více

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie

Více

Tvorba webu. Úvod a základní principy. Martin Urza

Tvorba webu. Úvod a základní principy. Martin Urza Tvorba webu Úvod a základní principy Martin Urza World Wide Web (WWW) World Wide Web (doslova celosvětová pavučina ) je označení pro mnoho dokumentů rozmístěných na různých serverech po celém světě. Tyto

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

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

CSS. SEO Search Engine Optimization (optimalizace pro vyhledávače) CSS SEO Search Engine Optimization (optimalizace pro vyhledávače) Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Marek Čechák. Financováno z ESF a státního rozpočtu ČR. Název školy

Více

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a podpory palivového

Více

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

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 14 VY 32 INOVACE 0101 0314 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 14 VY 32 INOVACE 0101 0314 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

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

SEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE SEZNAM VZDĚLÁVACÍCH MATERIÁLŮ - ANOTACE Číslo projektu Číslo a název šablony klíčové aktivity Tematická oblast Autor CZ.1.07/1.5.00/34.0797 III/2 INOVACE A ZKVALITNĚNÍ VÝUKY PROSTŘEDNICTVÍM ICT 1IKT3 Tvorba

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a

Více

Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu

Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu OL { list-style-type : upper-alpha }.vnitrni { list-style-position : inside } i i i li ě 00 5px; operace s proměnnou } Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu Martin Domes Nakladatelství

Více

Podnikání základní pojmy

Podnikání základní pojmy základní pojmy základní pojmy VY_32_INOVACE_06_01_01 Vytvořeno Září 2012 Materiál slouží k podpoře výuky ekonomiky ve třetích ročnících oborů Elektronické počítačové systémy a Elektronické zpracování informací.

Více

Maturitní témata Školní rok: 2015/2016

Maturitní témata Školní rok: 2015/2016 Maturitní témata Školní rok: 2015/2016 Ředitel školy: Předmětová komise: Předseda předmětové komise: Předmět: PhDr. Karel Goš Informatika a výpočetní technika Mgr. Ivan Studnička Informatika a výpočetní

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se

Více

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 8. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 18. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem

Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem Metodika výuky multimediálního vzdělávání odborných pracovníků Práce s webem 1. blok Teorie tvorby www Základní technologie Vlastnosti různých softwarů Základy webové grafiky V prvním bloku se účastníci

Více

Mgr. Stěpan Stěpanov, 2013

Mgr. Stěpan Stěpanov, 2013 Mgr. Stěpan Stěpanov, 2013 Abstrakt V tomto kurzu se seznámíme se základními pojmy HTML, klíčovými pravidly pro práci se značkami a atributy a strukturou dokumentu. Také se dozvíte, jak a v čem lze vytvářet

Více

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Označení: C8 Stručná charakteristika modulu Modul si klade za cíl seznámit detailněji s tvorbou webových stránek pomocí kódovacího jazyka

Více

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

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 4 VY 32 INOVACE 0101 0304 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 4 VY 32 INOVACE 0101 0304 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr.

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr. Tematický plán Vyučující: Mgr. Kijonková Jana 1. r o č n í k 3 h o d i n y t ý d n ě, c e l k e m 1 0 2 h o d i n Počet hodin Z á ř í 1. Operační systém Windows 6 1.1. Práce se soubory (vytvoření, uložení,

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,

Více

HTML Hypertext Markup Language

HTML Hypertext Markup Language HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé

Více

Informatika a výpočetní technika

Informatika a výpočetní technika Školní vzdělávací program Obor: 7941 K / 81, Gymnázium 8-leté Učební osnovy pro nižší stupeň vzdělávání Vzdělávací oblast: Vzdělávací obor: Matematika a její aplikace Informatika a výpočetní technika Charakteristika

Více

Naše Město Web design

Naše Město Web design Česká zemědělská univerzita v Praze Provozně ekonomická fakulta Katedra informačních technologií Naše Město Web design Cvičení: 10. 1. 2012, 16 hod. Pracovní skupina Jitka Sedláčková Nina Tůmová ... 1

Více

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13

1. Úvod do Ajaxu 11. Jak Ajax funguje? 13 Obsah Úvodem 9 1. Úvod do Ajaxu 11 Jak Ajax funguje? 13 Popis 13 Ukázky 13 Jaké jsou možnosti tvorby interaktivních webových aplikací? 15 Co je třeba znát? 16 Jak fungují technologie Ajaxu 16 Jak funguje

Více

CVIČENÍ WWW1 (PWA1) č. 1

CVIČENÍ WWW1 (PWA1) č. 1 CVIČENÍ WWW1 (PWA1) č. 1 Přihlášení ke školní síti (v případě, že předmět zahajuje cvičení v laboratoři jako první). Ve spolupráci s p. Kolečkem se provede registrace žáků do sítě Novell. Žáci jsou seznámeni

Více

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template

Více

Tvorba webových stránek

Tvorba webových stránek Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou

Více

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení Tématická oblast: dědičnost, kaskáda CSS a média Stylové předpisy pro různé typy zobrazovacích zařízení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ( Ing. Petr Měrka). VY_32_INOVACE_185

Více

XML A XWEB JAKO NÁSTROJE PRO TVORBU WEBOVÉHO SÍDLA S VELKÝM MNOŽSTVÍM KŘÍŽOVÝCH ODKAZŮ

XML A XWEB JAKO NÁSTROJE PRO TVORBU WEBOVÉHO SÍDLA S VELKÝM MNOŽSTVÍM KŘÍŽOVÝCH ODKAZŮ XML A XWEB JAKO NÁSTROJE PRO TVORBU WEBOVÉHO SÍDLA S VELKÝM MNOŽSTVÍM KŘÍŽOVÝCH ODKAZŮ Vlastimil Čevela 664 42 Modřice, Benešova 279, tel. 547 216 183, http://www.volweb.cz/cevelavl/, e-mail: cevelavl@vol.cz

Více

Martin Domes. Tvorba WWW stránek pro úplné začátečníky

Martin Domes. Tvorba WWW stránek pro úplné začátečníky Martin Domes Tvorba WWW stránek pro úplné začátečníky Computer Press Brno 2012 Tvorba WWW stránek pro úplné začátečníky Martin Domes Obálka: Martin Sodomka Odpovědný redaktor: Hana Kostovičová Technický

Více

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1. Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam

Více

Š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

Š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 Škola: Gymnázium, Brno, Slovanské náměstí 7 Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN prostřednictvím ICT Číslo projektu: CZ.1.07/1.5.00/34.0940

Více

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

Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava 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

Více

Podnikání na internetu

Podnikání na internetu Další vzdělávání administrativně-obchodních pracovníků CZ.1.07/3.2.13/04.0027 VZDĚLÁVACÍ PROGRAM Podnikání na internetu MODULY 1, 2, 3 HTML a CSS Publikační systém Legislativa internetového podnikání 2013

Více

Tvorba fotogalerie v HTML str.1

Tvorba fotogalerie v HTML str.1 Tvorba fotogalerie v HTML str.1 obr. A obr. B 1) Spustíme PsPad, vytvoříme nový dokument a otevře se nám okno nový soubor, kde si můžeme zvolit jaký chceme typ. My označíme HTML a potvrdíme. 2) Pro správné

Více

CSS V DIGITÁLNÍ KARTOGRAFII

CSS V DIGITÁLNÍ KARTOGRAFII CSS V DIGITÁLNÍ KARTOGRAFII ČERBA Otakar Západočeská univerzita, Fakulta aplikovaných věd, Katedra matematiky Univerzitní 22, Plzeň, 306 14 Tel.: ++420 377 632 681 Fax: ++420 377 632 602 ota.cerba@seznam.cz

Více

CSS a XHTML. tvorba dokonalých WWW stránek krok za krokem DRUHÉ, David Procházka. v ydání

CSS a XHTML. tvorba dokonalých WWW stránek krok za krokem DRUHÉ, David Procházka. v ydání DRUHÉ, ak tualizo vané v ydání CSS a XHTML tvorba dokonalých WWW stránek krok za krokem David Procházka Návrh moderních webových stránek snadno a rychle Průvodce technologiemi XHTML a CSS Úvod do technologie

Více

Vstupní požadavky, doporučení a metodické pokyny

Vstupní požadavky, doporučení a metodické pokyny Název modulu: Základy PHP Označení: C9 Stručná charakteristika modulu Modul je orientován na tvorbu dynamických stánek aktualizovaných podle kontextu volání. Jazyk PHP umožňuje velmi jednoduchým způsobem

Více

(X)HTML a CSS. VOŠ a SŠT Česká Třebová

(X)HTML a CSS. VOŠ a SŠT Česká Třebová (X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová STRUKTURA WEBU Webová prezentace (anglicky website) je několik webových stránek provázaných hypertextovými odkazy. Tomu, které stránky web obsahuje

Více

Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9.

Jazyk XSL XPath XPath XML. Jazyk XSL - rychlá transformace dokumentů. PhDr. Milan Novák, Ph.D. KIN PF JU České Budějovice. 9. Jazyk XSL - rychlá transformace dokumentů 9. prosince 2010 Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí stylů Formátování dokumentu pomocí XSL FO Osnova 1 Jazyk XSL Úvod Princip zpracování pomocí

Více

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Tvorba

Více

Tematické celky Nové informatiky

Tematické celky Nové informatiky Tematické celky Nové informatiky Seminárka č. 1: Digitální reprezentace a přenos informací definovat jednotky informace bit a byte a jejich násobné jednotky; rozlišit analogová a digitální zařízení; vysvětlit

Více

24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML.

24. XML. Aby se dokument XML vůbec zobrazil musí být well-formed (správně strukturovaný). To znamená, že splňuje formální požadavky specifikace XML. 24. XML Úvod Značkovací jazyk XML (extensible Markup Language) vznikl ze staršího a obecnějšího jazyku SGML (Standard Generalized Markup Language). XML byl vyvinut konsorciem W3C, aby poskytl standardní

Více

SCHÉMOVÉ JAZYKY. Přednáška z předmětu KMA/POK. Otakar ČERBA Západočeská univerzita v Plzni

SCHÉMOVÉ JAZYKY. Přednáška z předmětu KMA/POK. Otakar ČERBA Západočeská univerzita v Plzni SCHÉMOVÉ JAZYKY Přednáška z předmětu KMA/POK Otakar ČERBA Západočeská univerzita v Plzni Poslední aktualizace: 16. 10. 2010 Schémové jazyky Jazyky pro popis dokumentu XML schémata XML Schema Languages

Více

Jazyky pro popis dat

Jazyky pro popis dat Realizováno za finanční podpory ESF a státního rozpočtu ČR v rámci v projektu Zkvalitnění a rozšíření možností studia na TUL pro studenty se SVP reg. č. CZ.1.07/2.2.00/29.0011 Jazyky pro popis dat Pavel

Více

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr

Více

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

Databázové aplikace pro internetové prostředí. 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Databázové aplikace pro internetové prostředí 01 - PHP úvod, základní princip, vkládání skriptu, komentáře, výpis na obrazovku Projekt: Inovace výuky prostřednictvím ICT Registrační číslo: CZ.1.07/1.5.00/34.250

Více

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

14. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce

14. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce 4. Jazyk HTML (vývoj, principy, funkce, kostra stránky). Jazyk XML, XHTML. Algoritmizace - cyklus for, while a do while, implementace v jazyce PHP. HyperText Markup Language Z Wikipedie, otevřené encyklopedie

Více

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

Kapitola 1 První kroky v tvorbě miniaplikací 11

Kapitola 1 První kroky v tvorbě miniaplikací 11 Obsah Úvodem 9 Komu je kniha určena 9 Kapitola 1 První kroky v tvorbě miniaplikací 11 Co je to Postranní panel systému Windows a jak funguje 12 Co je potřeba vědět před programováním miniaplikací 16 Vaše

Více

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

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 téma: Úvod do praktika z ICT cíl praktika: organizace výuky, plán výuky, bezpečnost práce pomůcky: počítač, internet, starší cvičné počítače - organizace výuky - seznámení s plánem praktika IVT - seznámení

Více

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

Obsah. Začínáme. Rychlý úvod do Dreamweaveru. Jak si přizpůsobíme pracovní plochu

Obsah. Začínáme. Rychlý úvod do Dreamweaveru. Jak si přizpůsobíme pracovní plochu Obsah Začínáme Učebnice Adobe Dreamweaver CS3................. 9 Předpoklady ke studiu............................. 9 Instalace programu...............................10 Kopírování souborů učebnice.....................10

Více

Název: Design webu Anotace:

Název: Design webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

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

Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace. Šablona 1 VY 32 INOVACE 0101 0301 Vyšší odborná škola a Střední škola,varnsdorf, příspěvková organizace Šablona 1 VY 32 INOVACE 0101 0301 VÝUKOVÝ MATERIÁL Identifikační údaje školy Číslo projektu Název projektu Číslo a název šablony Autor

Více

Mgr. Vlastislav Kučera přednáška č. 2

Mgr. Vlastislav Kučera přednáška č. 2 Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS

Více

Název: On-line tvorba webu Anotace:

Název: On-line tvorba webu Anotace: Registrační číslo projektu: CZ.1.07/1.4.00/21.3712 Škola adresa: Základní škola T. G. Masaryka Ivančice, Na Brněnce 1, okres Brno-venkov, příspěvková organizace Na Brněnce 1, Ivančice, okres Brno-venkov

Více

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje

Více

+ knihovna funkcí usnadňujících práci v javascriptu

+ knihovna funkcí usnadňujících práci v javascriptu framework pro javascript jquery + knihovna funkcí usnadňujících práci v javascriptu Možnosti: o manipulace s prvky HTML o změna vlastností objektů o podpora události o práce s CSS, podpora selektorů o

Více

Internetové publikování

Internetové publikování Internetové publikování Doc. Ing. Petr Zámostný, Z Ph.D. místnost: A-72aA tel.: 4222, 4167 (sekretari( sekretariát ústavu 111) e-mail: petr.zamostny@vscht vscht.czcz Osnova předmp» Úvod - principy fungování

Více

Richtext editory. Filip Dvořák

Richtext editory. Filip Dvořák Richtext editory Filip Dvořák Průběh referátu Popis problému Přehled přístupů k řešení Od jednoduššího ke složitějšímu Zajímavé implementace FCKEditor Výhody, integrace, aktualizace, bezpečnost Zdroje

Více

CZ.1.07/1.5.00/34.0527

CZ.1.07/1.5.00/34.0527 Projekt: Příjemce: Digitální učební materiály ve škole, registrační číslo projektu CZ.1.07/1.5.00/34.0527 Střední zdravotnická škola a Vyšší odborná škola zdravotnická, Husova 3, 371 60 České Budějovice

Více

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium KAPITOLA 4 V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium tvoří třetí pilíř responzivního webdesignu. Jedná se o rozšíření specifikace

Více

SYLABUS IT V. Jiří Kubica. Ostrava 2011

SYLABUS IT V. Jiří Kubica. Ostrava 2011 P MODULU SYLABUS IT V DÍLČÍ ČÁST PROGRAMOVÁNÍ BUSINESS APLIKACÍ PODNIKU Bronislav Heryán Jiří Kubica Ostrava 20 : Autoři: Vydání: Počet stran: Tisk: Vydala: Sylabus modulu IT v podniku Programování business

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Kaskádové styly 4IZ228 tvorba webových stránek a aplikací

Kaskádové styly 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2014/10/02 11:38:43 $ Obsah Úvod... 3 Důvody vzniku CSS... 4 Problémy s rádoby graficky dokonalými stránkami... 5 Řešení

Více

Tvorba internetových prezentací a portálů

Tvorba internetových prezentací a portálů Rozšíření výuky informačních technologií na Gymnáziu Pacov Reg. Číslo: CZ.1.07/1.1.01/02.0008 GYMNÁZIUM PACOV Tvorba internetových prezentací a portálů Osnova výuky Bc. Patrik Jíra 27. 12. 2009 Projekt

Více

Olga Rudikova 2. ročník APIN

Olga Rudikova 2. ročník APIN Olga Rudikova 2. ročník APIN Redakční (publikační) systém neboli CMS - content management system (systém pro správu obsahu) je software zajišťující správu dokumentů, nejčastěji webového obsahu. (webová

Více

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001

Nové přístupy tvorby web site. Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Nové přístupy tvorby web site Doc. Ing. Zdeněk Havlíček, CSc. KIT PEF CZU - 13/11/2001 Osnova Úvod Web site - jasný cíl Technologie - dynamický web Forma - vyšší interaktivita Obsah - stálá aktualizace

Více

Zakládání podniku. 3.ročník Vytvořeno Říjen 2012 Autor materiálu. Ročník studia/třída. Ing. Jana Josefíková Anotace

Zakládání podniku. 3.ročník Vytvořeno Říjen 2012 Autor materiálu. Ročník studia/třída. Ing. Jana Josefíková Anotace Zakládání podniku Zakládání podniku VY_32_INOVACE_06_02_01 Materiál slouží k podpoře výuky ekonomiky ve třetích ročnících oborů Elektronické počítačové systémy a Elektronické zpracování informací. Učební

Více

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě

PHP PHP je skriptovací programovací jazyk dynamických internetových stránek PHP je nezávislý na platformě PHP PHP původně znamenalo Personal Home Page a vzniklo v roce 1996, od té doby prošlo velkými změnami a nyní tato zkratka znamená Hypertext Preprocessor. PHP je skriptovací programovací jazyk, určený především

Více