XHTML – obrázky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.

Slides:

Advertisements

Podobné prezentace

Základy HTML – vkládání objektů

Advertisements

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Štěpán Šípal Gymnázium Čakovice. Dnešní témata  Vznik XHTML a předchůdci  Základní prvky XHTML dokumentu  Tagy a atributy  Elementy a jejich druhy.

Tvorba www stránek Obrázky, animace a transparentnost, grafická menu a klikací oblasti obrázku (1.část) Ing. Miroslav Vachůn, Ph.D.

14SIAP – SÍTĚ A PROTOKOLY Hodina 3..

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:

Tvorba www stránek VLOŽENÍ OBRÁZKŮ ICT 4.ročník. Vložení obrázku OBRÁZEK NA WEBOVÝCH STRÁNKÁCH Binární data – ukládáme do samostatných složek (IMAGE,

Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektu CZ.1.07/1.5.00/ Číslo sady29Číslo DUM14.

VY_32_INOVACE_4.3.IVT1.14/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.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

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

Tvorba webových stránek II. Odkazy, obrázky, seznamy.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Základní škola a Mateřská škola Slapy, okres Praha-západ

Dopravní situace 15 křižovatka u pošty Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Dušan Nenička Dostupné z Metodického portálu.

ČINNOST ČTYŘDOBÉHO VZNĚTOVÉHO MOTORU

Dopravní situace 17 Odbočka na parkoviště u nádraží Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Dušan Nenička Dostupné z Metodického.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

CSS – rámečky Mgr. Lenka Švancarová.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

XHTML – tabulky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.

CSS – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)

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

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

XHTML – odkazy Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.

Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektuCZ.1.07/1.5.00/ Číslo sady29Číslo DUM16.

Tvorba webu Jazyk HTML, úvod

CSS – float a clear Mgr. Lenka Švancarová. CSS – float Vlastnost určuje obtékání prvku. Hodnoty:  right – prvek bude zarovnán vpravo, okolní obsah stránky.

XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Obrázky v HTML dokumentech Druhy a použití. Obrázky + Zvyšují atraktivitu stránek. + Zvyšují vypovídací schopnost stránek. - Zvyšují dobu načítání stránky.

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.

VY_32_INOVACE_4.3.IVT1.05/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.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.11 Tematická oblast: Aplikační software pro práci s informacemi II. HTML - odkazy, obrázky Typ: DUM - kombinovaný.

Párová a nepárová značka, atributy a jejich hodnoty

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jaroslava Holečková. Dostupné z Metodického portálu ISSN: Provozuje.

Základy HTML 1 Vložení obrázku. 2 Grafické formáty První předpoklad pro vložení obrázku do stránky je jeho uložení ve vhodném formátu. Prohlížeče podporují.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

Hypertextové odkazy [cit ]. Dostupné pod licencí Public Domain – na

Namáhání na tah a tlak Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN.

Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Iveta Konvičná Dostupné z Metodického portálu ISSN , financovaného.

CSS – menu vlevo Mgr. Lenka Švancarová. CSS – menu vlevo.

HTML stránka – vložení obrázku Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastTvorba WWW stránky v HTML Datum vytvoření2013.

Základy tvorby www stránky v HTML kódu. © Mgr. Petr Loskot, leden Časopis PPK Časopis PC World.

Krátký úvodní kurz HTML Jenyk Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku.

Kaskádové styly CSS Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.

Obrazový materiál pro pracovní list – Kanály

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.

Tvorba WEBOVÝCH stránek – obrázky

CAN YOU FIND THE THINGS? Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je RNDr. Radomíra Kučerová. Dostupné z Metodického portálu

České mince Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Jaroslava Strejčková. Dostupné z Metodického portálu ISSN

Hledání obrázků Děti mají za úkol najít v každém listu daný počet obrázků. Po nalezení je mohou vybarvit. Autorem materiálu a všech jeho částí, není-li.

Soubor interaktivních her z matematiky I.

Tvorba webových stránek

PRACOVNÍ LIST Úkoly: 1) Na internetu vyhledej, ve kterém podnebném pásu se vyskytují obilniny zmíněné v prezentaci (pšenice, žito, ječmen, oves). 2) Vyznač.

Obrazový materiál pro pracovní list – Změna velikosti obrázků

Samohlásky Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Zdeněk Hanzelín. Dostupné z Metodického portálu ISSN:

Prvouka – Sídliště Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Zdeněk Hanzelín. Dostupné z Metodického portálu ISSN:

Dostupné z Metodického portálu ISSN:

Půjdem spolu do Betléma…

Rozlišování hlásek P, B, M

Doporučuji snímky, které obsahují vyšší počet, z počátku skrýt.

Prezentace určena pro názornou ukázku toho, co je více a co je méně.

Transkript prezentace:

XHTML – obrázky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu ISSN: Provozuje Národní ústav pro vzdělávání, školské poradenské zařízení a zařízení pro další vzdělávání pedagogických pracovníků (NÚV).

XHTML – obrázky Nepárová značka img. Značka má dva povinné atributy.  src – specifikuje adresu obrázku. obr.jpg pokud je obrázek ve stejné složce jako stránka v níž je použit, obecně relativní adresa k souboru. Pomocí URL lze odkazovat i na obrázek umístěný na Internetu. Pokud se nejedná o vaše úložiště dat nevhodné.  alt – definuje popisek obrázku, který se zobrazuje v textovém prohlížeči (nevidomí) nebo při nenačtení obrázku.

XHTML – obrázky Dva nepovinné atributy určující rozměry obrázku, které doporučuji vždy uvádět.  height – definuje výšku obrázku.  width – definuje šířku obrázku. Oba atributy lze zadávat buď v pixelech (150, přesněji 150px) nebo v procentech (100%).

XHTML – obrázky Značku lze vložit i přetažením obrázku myší na požadované místo do kódu. Vygenerovanou značku je nutné upravit.

XHTML – obrázky Další užívané nepovinné atributy:  align – specifikuje, jak bude okolní text obtékat obrázek. Hodnoty: left, right, top, bottom, middle  title – tvoří popisek při najetí kurzorem myši na obrázek.

XHTML – obrázky <img src= "OBR/0. GIF" alt="0" height="120" width="80" align="left" /> Lorem ipsum dolor sit amet consectetuer In tortor Lorem urna ipsum. Id amet wisi sit.

XHTML – Klikací mapa obrázku <img src="PLUS.GIF" alt="PLUS" usemap="#ctverecky" title="PLUS" height="86" width="85" />

XHTML – obrázky V PSPadu si otevři soubor komponenta.html.  Do dokumentu vlož alespoň tři textové odkazy na WWW stránky týkající se této komponenty.  Do stránky vlož obrázky počítačové komponenty.  Alespoň jeden obrázek bude obtékán textem.  Většina obrázků bude zároveň i odkaz na stránku, z které byl získán.

XHTML – obrázky Dle materiálů na stránce vytvoř soubor mapa.html, kde bude umístěn obrázek, jehož každý roh bude odkazovat na jinou stránku. Do sešitu si zapiš značky map, area a jejich atributy (včetně popisu hodnot) a atribut usemap značky img.

Doporučená literatura Programování na Webu – Miroslav Kučera, Jiří Peterka a kolektiv map map