Obrázky Obrázky se používají pro oživení stránek. Obrázky se používají pro oživení stránek. Obrázky se do stránek vkládají nepárovou značkou. To znamená,

Slides:



Advertisements
Podobné prezentace
Základy HTML – vkládání objektů
Advertisements

Laserová tiskárna barevná
Interaktivní tabule Je to velká interaktivní plocha, ke které je připojen počítač a data-video projektor. Kombinuje výhody běžné popisovatelné tabule a.
Seznamy Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy lze použít pro zpřehlednění zobrazovaných dat na stránce. Seznamy se.
Základní struktura, metainformace
Základy HTML.
Formuláře Formuláře lze nalézt téměř na každém webu. Formuláře lze nalézt téměř na každém webu. Použití formulářů: Použití formulářů: Blog Blog Uživatelské.
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 WEBOVÝCH STRÁNEK
Tematická oblast: Aplikační software pro práci s informacemi II.
Layout stránky Rozvržení stránky (layout stránky) se provádí z těchto důvodů: Určení polohy záhlaví, menu, textů, obrázků... Zachování polohy při změně.
Tvorba webových stránek II. Odkazy, obrázky, seznamy.
Konektory napájecího zdroje
Modem Modem je zařízení umožňující vzájemné datové propojení dvou počítačů pomocí telefonní linky, přesněji – potřebujeme dva modemy, každý na jednom konci.
Třídy, generické třídy, pseudotřídy
Topologie sítí Topologií sítě rozumíme způsob zapojení počítačů do počítačové sítě. Rozeznáváme čtyři druhy: Sběrnicová topologie Prstencová topologie.
Odkazy Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Pomocí odkazu se lze pohybovat.
KASKÁDOVÉ STYLY 4.
Blokový model v CSS Obr. 1.
Paměťové karty Paměťové karty patří mezi paměti typu flash memory.
Rozdělení technického vybavení PC
Seznam - menu Seznam a jeho položky lze použít například i na vytvoření vysouvacího menu. Seznam a jeho položky lze použít například i na vytvoření vysouvacího.
CSS – rámečky Mgr. Lenka Švancarová.
Počítačová síť a typy sítí
Vnější paměť Ukládání dat pouze do operační paměti by při práci s počítačem nestačilo. Pro uchování vytvořených dat mají počítače ještě další, tzv. diskové.
Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Absolutní Relativní Procenta Údaje se zapisují jako celá nebo desetinná čísla.
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á.
LED tiskárna barevná Do této kategorie patří tiskárny, které tisknou pomocí LED diod resp. práškového toneru. Využívají se celkem čtyři tonery (tři barevné,
FTP – přenos souborů Tato služba se používá pro přenos souborů pomocí přenosového protokolu FTP. Pro tuto službu existují speciální klienti, kteří se dokáží.
Inkoustová tiskárna Do této kategorie patří tiskárny, které tisknou pomocí inkoustu. Obr. 1.
Porovnání technologie CD a DVD
Flash disk Je to polovodičová paměť EEPROM, která se dnes používá jako náhrada disket. Připojuje se pomocí sběrnice USB a může mít různou podobu. Obr.
CSS: šířka prvku, rámečky, okraje, výplně plovoucí prvky #CSS – šířka prvku, rámečky, okraje, výplně #CSS – plovoucí prvky.
Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Tvorba webu Úvod do CSS 1.
Doména Pro připojení do internetu musí mít každý počítač přidělenu tzv. IP adresu, která se skládá z dekadických čísel. Pro připojení do internetu musí.
Příkaz break, continue Cykly nemusejí probíhat vždy řádně celým cyklem. Cykly nemusejí probíhat vždy řádně celým cyklem. Někdy může být výhodné provádění.
Vizualizér Vizualizér je zařízení, které zachycuje obraz přímo z neprůhledné předlohy (trojrozměrné předměty, knihy, mapy apod.). Obraz zachycený pomocí.
Kaskádové styly - CSS.
Reproduktory Reproduktory se používají jako standardní výstup počítačů. Jeden malý reproduktor bývá součástí základní jednotky. Je určen pro přehrávání.
Čí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.
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
David Klíma- 1 - Obrázky na webu Než dám obrázek na web co musím udělat? Získat ho Upravit Zmenšit na publikovatelnou formu POZOR! někdy se obrázek natahuje.
DTD DTD (Document Type Definition) je jinými slovy návod pro prohlížeč zpracovávající dokument. DTD (Document Type Definition) je jinými slovy návod pro.
Příkaz "echo" Příkaz "echo" Příkaz "echo" se používá pro zobrazení daných informací na monitoru. Příkaz "echo" se používá pro zobrazení daných informací.
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.
WWW – hypertextový informační systém
HTML editory HTML editory se dělí na dva základní typy:
Netradiční typy diskových pamětí
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.
Diskové pole RAID Disková pole (RAID - Redudant Array of Inexpensive Disks) se používají v souvislosti se zabezpečením dat. Princip RAID pole spočívá.
Projektory Projektory se používají pro velkoplošné zobrazení počítačového nebo video signálu. Promítaný obraz může být mnohem větší než obraz na klasickém.
Princip magnetického disku
URL v HTML URL - Unique Resource Locator Příklad:
Vypalovací mechanika Vypalovací mechanika je zařízením, které spadá do skupiny výstupních zařízení. Úkolem vypalovací mechaniky je nahrát (vypálit) data.
Základní deska Matherboard.
Síťové komponenty Síťové komponenty zajišťují možnost připojení síťového zařízení do sítě. Zajišťují nejen správný chod sítě, ale také pomocí protokolů.
Čí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ý.
Akumulátory ve výpočetní a digitální technice
Primitivní počítadlo
VY_32_INOVACE_4.3.IVT1.13/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.
Spojování řetězců Spojování řetězců Pro spojování řetězců se používá operátor Pro spojování řetězců se používá operátor. (tečka). V jiných jazycích se.
Formuláře Formuláře uzavíráme do elementů Formuláře uzavíráme do elementů a a Tyto elementy jsou součástí jazyka XHTML, to znamená, že při použití v PHP.
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í.
Bezdrátová síť Wi-Fi Wi-Fi - Wireless Fidelity je další z technologií pro tvorbu počítačových sítí. Tato technologie je bezdrátová a byla vytvořena pro.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
Sestava počítače Do sestavy počítače patří všechny vnitřní i vnější části počítače včetně příslušenství. 
Základní jednotka notebooku
Diskové pole RAID Disková pole (RAID - Redudant Array of Inexpensive Disks) se používají v souvislosti se zabezpečením dat. Disková pole (RAID - Redudant.
Základy tvorby www stránky v HTML kódu. © Mgr. Petr Loskot, leden Časopis PPK Časopis PC World.
Tvorba WEBOVÝCH stránek – obrázky
Transkript prezentace:

Obrázky Obrázky se používají pro oživení stránek. Obrázky se používají pro oživení stránek. Obrázky se do stránek vkládají nepárovou značkou. To znamená, že na konci značky s e musí udělat lomítko. Obrázky se do stránek vkládají nepárovou značkou. To znamená, že na konci značky s e musí udělat lomítko. Značka img má dva povinné atributy, src a alt. Značka img má dva povinné atributy, src a alt. Atribut src určuje cestu k danému obrázku. Atribut src určuje cestu k danému obrázku. Atributu alt určuje komentář. Atributu alt určuje komentář.

Obrázky Na stránkách WWW lze používat různé formáty obrázků. Nejčastěji se používají: Na stránkách WWW lze používat různé formáty obrázků. Nejčastěji se používají: *.JPG (komprimované obrázky – ztrátová komprese) *.JPG (komprimované obrázky – ztrátová komprese) *.GIF (animace, transparentní pozadí, komprimované obrázky – neztrátová komprese) *.GIF (animace, transparentní pozadí, komprimované obrázky – neztrátová komprese) *.PNG (obdoba jako GIF) *.PNG (obdoba jako GIF) - zobrazení obrázku s alternativním textem. - zobrazení obrázku s alternativním textem.

Obrázky a CSS Změna vlastností obrázku, obtékání textu, pozicování a podobně lze provést pomocí CSS. Změna vlastností obrázku, obtékání textu, pozicování a podobně lze provést pomocí CSS. Obtékání textu zajistíme pomocí plovoucího objektu Obtékání textu zajistíme pomocí plovoucího objektu float:left float:left float:right float:right float:none float:none Jiné způsoby zarovnání obrázku se dá provést například pomocí neviditelné tabulky. Jiné způsoby zarovnání obrázku se dá provést například pomocí neviditelné tabulky.

Obrázky a CSS Obr. 1 Obr. 2 Obr. 3

CSS vlastnosti pro obrázky VlastnostHodnotyVýznam widthjednotkyšířka prvku heightjednotkyvýška prvku border-widthjednotkyšířka ohraničení border-style none, dotted, dashed, solid, double, groove, ridge, inset, outset styl ohraničení border-colorbarvabarva rámečku floatleft, right, noneplovoucí objekt clearnone, left, right, both skončení plovoucího objektu

Otázky k opakování 1. Jaká značka se používá pro vložení obrázku? 2. Jaké typy obrázků se mohou používat u webových stránek? 3. Jakým způsobem lze zajistit obtékání textu?

Použité zdroje BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, BLÁBOLIL, R. Informační a komunikační technologie. 3. rozšířené vydání. České Budějovice: KOPP, BLÁBOLIL, Roman. Podpora výuky: „Tvorba www stránek“ [online]. 7. února :30. Dostupný z WWW: Použité obrázky: Vlastní