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,

Slides:



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

Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
TVORBA WEBOVÝCH STRÁNEK
WWW stránky.
Referát č. 22 Tvorba webových stránek (Struktura webu, struktura HTML dokumentu, vytvoření webové stránky exportem z aplikačního programu, provázání.
Výpočetní technika 2008/09.
Tvorba www stránek Obrázky, animace a transparentnost, grafická menu a klikací oblasti obrázku (1.část) Ing. Miroslav Vachůn, Ph.D.
Základy HTML.
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:
Programování HTML stránek
1 Provázání stránek Vytvořte dvě www stránky, jednu růžovou a druhou modrou – viz. zdrojové kódy RŮŽOVÁ STRÁNKA Růžová stránka Odkaz na modrou stránku.
HTML HyperText Markup Language 3. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky.
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.
TNPW1 Cvičení
TAGY A STRUKTURA WEBOVÉ STRÁNKY. web – skupina webových stránek a dalších souborů (styly, obrázky, …), které na sebe navzájem odkazují jazyky pro psaní.
Tematická oblast: Aplikační software pro práci s informacemi II.
Tvorba webových stránek II. Odkazy, obrázky, seznamy.
Tvorba www stránek ODKAZY ICT 4.ročník. Vložení odkazu ODKAZY K propojení jednotlivých souborů K propojení jednotlivých souborů K přechodu na jiný web.
Základy práce v aplikaci Adobe Illustrator 1. část
Jazyk HTML.
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.
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.
Blokový model v CSS Obr. 1.
WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová.
CSS – rámečky Mgr. Lenka Švancarová.
Kaskádové styly - CSS.
CSS – vlastnosti textu text-align (vodorovné zarovnání)
HTML Text, seznamy, tabulky. Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT.
Čí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.
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.
CSS Cascading Style Sheets Kaskádové styly
DHTML Jan Felger. Kapitola 0: Základní tagy Základy HTML © Jan Felger 2005 Úvod Tato prezentace zobrazuje pouze zcela základní minimum znalostí, které.
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.
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
Tvorba www stránek Seznam, tabulky, grafika a barvy (1.část) Ing. Miroslav Vachůn, Ph.D.
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.
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.
GRAFIKA.
Orbis pictus 21. století Tato prezentace byla vytvořena v rámci projektu.
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á,
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.
Gymnázium, Žamberk, Nádražní 48 Projekt: CZ.1.07/1.5.00/ Inovace ve vzdělávání na naší škole Název: Základní pojmy počítačové grafiky Autor: Mgr.
SOFTWARE, USPOŘÁDÁNÍ DAT V POČÍTAČI I. Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Světlana Filipová Materiál zpracován v rámci projektu.
HTML JAZYK Výuka HTML jazyka pro střední školy. 1. Jazyk HTML Standardní značkovací jazyk používaný pro dokumenty na webu. Jazyk HTML pomocí tágů (značek)
Čí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
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.
HTML – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.
Základní pojmy Grafiky
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í.
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.
CSS – menu vlevo Mgr. Lenka Švancarová. CSS – menu vlevo.
Počítačová grafika a CAD 1 Ukládání obrázků do různých formátů.
Vytvoření dokumentu bylo financováno ze zdrojů Evropského sociálního fondu a státního rozpočtu ČR. Registrační číslo projektu: CZ.1.07/1.1.32/ Rastrová.
Programujeme v kódu HTML (Hyper Text Markup Language)
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
Tvorba www stránok.
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.
Tvorba WEBOVÝCH stránek – tabulky
HTML (II) (3).
Chování blokových prvků v rámci HTML dokumentu
Tvorba WEBOVÝCH stránek – formátování textu, oddělovací čára
Tvorba WEBOVÝCH stránek – obrázky
GRAFIKA.
Tvorba webových stránek
Jazyk HTML (1) Jazyk HTML (Hypertext Markup Language) se používá pro vytváření Web Pages (www stránek) HTML používá text a sadu formátovacích značek, označovaných.
Tvorba webových stránek
Transkript prezentace:

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, PICTURE) Binární data – ukládáme do samostatných složek (IMAGE, PICTURE) Soubory s příponou.gif,.jpg Soubory s příponou.gif,.jpg Rozlišení min 800x600 dpi Rozlišení min 800x600 dpi

Vložení obrázku PARAMETRY OBRÁZKU: Zarovnání ALIGN Zarovnání ALIGN LEFT LEFT RIGHT RIGHT TEXTTOP TEXTTOP TOP TOP MIDDLE(ABSMIDDLE) MIDDLE(ABSMIDDLE) BOTTOM(ABSBOTTOM) BOTTOM(ABSBOTTOM), - vystředění obrázku, - vystředění obrázku

Vložení obrázku PARAMETRY OBRÁZKU: Velikost obrázku Velikost obrázku WIDTH=„šířka v bodech“ HEIGHT =„výška v bodech“ <IMG SRC=„obrázek.jpg“ WIDTH=„šířka v bodech“ <IMG SRC=„obrázek.jpg“ WIDTH=„šířka v bodech“ HEIGHT =„výška v bodech““> Rámeček okolo obrázku Rámeček okolo obrázku BORDER=„počet bodů“

Vložení obrázku PARAMETRY OBRÁZKU: Popiska obrázku Popiska obrázku ALT=„popiska obrázku“ Volné okraje okolo obrázku Volné okraje okolo obrázku HSPACE=„počet bodů“ volný prostor v bodech vlevo a vpravo VSPACE=„počet bodů“ volný prostor v bodech nahoře a dole

Vložení obrázku PŘÍKLAD PRO VLOŽENÍ OBRÁZKU: HSPACE=„5“ VSPACE=„5“> HSPACE=„5“ VSPACE=„5“> Adresování obrázku: obr umístěn v aktuální složce obr umístěn v aktuální složce obr umístěn v nadřazené složce obr umístěn v nadřazené složce obr umístěn ve složce obr umístěn ve složce absolutní umístění – velmi nevýhodné absolutní umístění – velmi nevýhodné