Tvorba www stránok.

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ř.
WWW stránky.
Výpočetní technika 2008/09.
VY_32_INOVACE_4.3.IVT1.15/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 Technologie pro publikování na webu Přednáška č. 4 seznamy seznamy tabulky tabulky jejich sémantika jejich sémantika Ing. Martin Adámek Katedra informačních.
Tvorba www stránek Obrázky, animace a transparentnost, grafická menu a klikací oblasti obrázku (1.část) Ing. Miroslav Vachůn, Ph.D.
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Statické dokumenty v jazyce HTML Informatika pro ekonomy I přednáška 2, 3.
Základy HTML.
Mgr. Vlastislav Kučera přednáška č. 5.  Seznamy  CSS – vlastnosti seznamů ◦ list-style-type, list-style-image, list-style-position  Tabulky  CSS –
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,
Programování HTML stránek
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.
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.
Formátování textu. Odstavce  tvoříme párovou značkou  text bude od ostatního textu oddělen Konec řádky  nepárová značka způsobuje ukončení řádku a.
Jazyk HTML.
Třídy, generické třídy, pseudotřídy
Úvod do HTML a tvorby webových stránek
HTML (XHTML) 2. 2 HYPERTEXTOVÉ ODKAZY Odkaz může ukazovat na různá místa v internetu, na další Vaše internetové stránky nebo obrázky či jiné dokumenty.
David Klíma- 1 - Seznamy Číslované Ordered list Nečíslované Unordered list Definiční Pro vložení do seznamu.
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.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
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.
TNPW1 Cvičení
Čí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
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.
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
Vzdělávací technologie 2 Tvorba jednoduchých webových stránek Martin Böhm (L06514)
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.
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.
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í.
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.
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í.
Tvorba www stránek Internet je fenoménem současnosti a potřeba mít vlastní internetovou stránku je stále naléhavější. Pro firmu je to téměř nutnost. Vyzkoušíme.
Tvorba www stránek.
Programujeme v kódu HTML (Hyper Text Markup Language)
Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.
HTML - vložení obrázku značka pro vložení obrázku : <img>
HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.
Elektronické učební materiály - II. stupeň Informatika – aplikace informačních technologií Autor: Bc. Pavel Šiktanc Internetové stránky III. Co se všechno.
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
Webové prezentace II.
Tvorba webových stránek - tabulka
Tvorba WWW stránek Formátování
Co je to webová prezentace?
Inf Tvorba WWW – tabulky a seznamy
Tvorba WEBOVÝCH stránek – obrázky
Základy HTML TNPW1 Ing. Jiří Štěpánek.
Formátování textu Logické členění textu
CSS.
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
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
Typy tagů stylové (formátovací) - tučné , šikmé , styl , písmo  ... strukturální- odstavce , nadpisy , seznamy , tabulky  ...
Html.
Transkript prezentace:

Tvorba www stránok

Začíname <HTML>   <HEAD>     <META name="Author" content="Vaše meno">     <TITLE>Názov (max 64 znakov)</TITLE>   </HEAD>   <BODY>      <H1>Vitajte na mojej stránke!</H1>   </BODY> </HTML>

Nastavenie pozadia <BODY bgcolor="darkblue" text="white" background="tapeta.jpg" bgproperties="fixed"> Farba pozadia Farba textu Obrázok na pozadí Zafixovanie pozadia

Farby FF0000 FF0033 FF0066 FF0099 FF00CC FF00FF FF3300 FF3333 FF3366 FFCCCC FFCCFF FFFF00 FFFF33 FFFF66 FFFF99 FFFFCC FFFFFF

Farby 000000 000033 000066 000099 0000CC 0000FF 003300 003333 003366 003399 0033CC 0033FF 006600 006633 006666 006699 0066CC 0066FF 009900 009933 009966 009999 0099CC 0099FF 00CC00 00CC33 00CC66 00CC99 00CCCC 00CCFF 00FF00 00FF33 00FF66 00FF99 00FFCC 00FFFF

Farby 990000 990033 990066 990099 9900CC 9900FF 993300 993333 993366 993399 9933CC 9933FF 996600 996633 996666 996699 9966CC 9966FF 999900 999933 999966 999999 9999CC 9999FF 99CC00 99CC33 99CC66 99CC99 99CCCC 99CCFF 99FF00 99FF33 99FF66 99FF99 99FFCC 99FFFF

Formát písma <B> ... </B> <I> ... </I> <SUB> ... </SUB> <SUP> ... </SUP> <CODE> ... </CODE> <FONT>... </FONT> Tučné Kurzíva Dolný index Horný index Nasleduje zdrojový kód 3 atribúty farba color="red" font face="Arial CE veľkosť size="+2"

Úprava textu <BR> <H1> ... </H1> až <H6> ... </H6> <OL> ... </OL> <LI> <UL> ... </UL> Zalomenie riadku Nadpisy Číslovaný zoznam Položka Nečíslovaný zoznam

Číslovaný zoznam <OL type="a" start="1"> - spôsob číslovania položiek zoznamu a - malými písmenami abecedy - a,b,c A - veľkými písmenami abecedy - A,B,C i - rímskými číslicami (malé písmená) - i, ii, iii I - rímskými číslicami (veľké písmená) - I, II, III 1 - arabskými číslicami (implicitne) - 1, 2, 3

Nečíslovaný zoznam <UL type="circle"> vzhľad grafických symbolov zahajujúcich položky zoznamu • disk – bodka (implicitne) ◦ circle – prázdny kruh ▪ square – štvorec

Odkazy <A> ... </A> párová značka Relatívna adresa <A href="../adresar/obrazky/obr1.gif"> Absolútna adresa <A href="http://www.fmph.uniba.sk"> Odkaz na stránky fakulty <A href="http://www.fmph.uniba.sk" title=„Fakultné stránky">fakulty</a>

Farba odkazov <BODY link="#008000" vlink="#808000" alink="#000080"> Nekliknutý odkaz Odkaz navštívený v minulosti Aktívny odkaz

Obrázky <IMG> nepárová značka src je lokátor obrázku <IMG src="obrazky/obr1.gif"> <IMG src="obraz.jpg" width="79" Height="100"> <a href="index.htm"><IMG src="obraz.jpg" Border="0"></a>

Tabuľky <TABLE> <TR> <TD>1. bunka, 1. r.</TD> <TD>2. bunka, 1. r.</TD> </TR> <TR> <TD>1. bunka, 2. r.</TD> <TD>2. bunka, 2. r.</TD> </TR> </TABLE> 1. bunka, 1. r. 2. bunka, 1. r. 1. bunka, 2. r. 2. bunka, 2. r.

Tabuľky <TABLE border="1" width="150"> <TR> <TD width="50%">text</TD> <TD></TD> </TR> </TABLE> <TR align =“left, center, right”> <TD valign = “top, middle, bottom ”>

Zlučovanie buniek <TABLE border=„1" width="250" height="200"> <CAPTION>Nadpis tabuľky</CAPTION> <TR> <TD colspan="2">1 - colspan</TD> <TD rowspan="3">2 - rowspan</TD> </TR> <TR> <TD>3</TD> <TD>4</TD> <TD>5</TD> <TD>6</TD> </TR> </TABLE> Nadpis tabuľky 1- colspan 2- rowspan 3 4 5 6