HTML stránka – odkaz, zvýraznění textu Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastTvorba WWW stránky v HTML Datum.

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ř.
2009 Webové stránky Základy tvorby webu. V roce 2009 vytvořil Martin Horák.
WWW stránky.
ZÁKLADY HTML Číslo DUM: VY_32_INOVACE_04_11 Autor: Mgr. Ivana Matyášková Datum vytvoření: duben 2013 Ročník: tercie Vzdělávací obor: informační technologie.
Technologie pro publikování na webu 1 Cvičení 3 Nadpisy a základní formátovací elementy.
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:
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Základy HTML.
Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky
HyperText Markup Language
VY_32_INOVACE_4.3.IV1.02/Ku Html dokument a jeho struktura Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/
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.
Jak na web První krůčky Lukáš Reindl. Co je potřeba Budeme potřebovat počítač, na kterém běží alespoň nějaký jednoduchý textový editor (ve Windows Notepad.
Úvod do html kódu. Roman Hendrich
MP- LEKCE 2 – STYLY V MS WORD. Styly a důvody použití stylu Nadefinujeme si „šablonu“ pro určitý typ písma, kterou budeme chtít používat i v další části.
TVORBA WEBOVÝCH STRÁNEK
Tematická oblast: Aplikační software pro práci s informacemi II.
Tvorba webových stránek II. Odkazy, obrázky, seznamy.
XHTML Tvorba webových stránek. Vývoj značkovacích jazyků HTML – HyperText Markup Language  Značkovací jazyk pro vytváření www stránek. Pomocí značek.
Jazyk 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:
WWW stránky – Struktura, adresování, hosting Mgr. Lenka Švancarová.
Čí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.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
VY_32_INOVACE_4.3.IVT1.12/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, XHTML a CSS Základy jazyků značek.
Inovace školy – Dobříš, EUpenizeskolam.cz
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áklady práce v textovém editoru Autor: Jaroslav.
CO NÁS ČEKÁ ve cvičení 5 Oč. - KIT PEF CZU 1. O DKAZY Chceme-li, aby čtenář naší html stránky někam odklepnul..... Oč. - KIT PEF CZU.
Tlačítka akcí. Do prezentací můžeme vkládat tzv. tlačítka akcí.
Obchodní dopisy Střední odborná škola Otrokovice
URL v HTML URL - Unique Resource Locator Příklad:
Čí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ý.
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:
Název projektu: Šablony Špičák číslo projektu: CZ.1.07/1.4.00/ šablona III/2 autor výukového materiálu: Mgr. Jana Jiroušová, VM vytvořen: leden.
Tvorba www stránek CSS (Úvod do kaskádových stylů (Úvod do kaskádových stylů) Ing. Miroslav Vachůn, Ph.D.
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á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:
Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)
Implementace ICT do výuky č. CZ.1.07/1.1.02/ GG OP VK Učební obor: Kadeřník, Kuchař-číšník Ročník: Internetová stránka.
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:
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:
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.
Jak fungují webové stránky Úvod do HTML (1). Projekt: CZ.1.07/1.5.00/ OAJL - inovace výuky Příjemce: Obchodní akademie, odborná škola a praktická.
Pojmy internetu - test Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastInternetové technologie, programování Datum vytvoření2013.
Číslo projektu CZ.1.07/1.5.00/ Kódování materiálu vy_32_INOVACE_inf3_web01 Označení materiálu web01_uvod.pptx Název školy Gymnázium Kladno Autor.
Internetová doména a její název Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastInternetové technologie, programování.
Jednoduchá HTML stránka 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.
Elektronické učební materiály - II. stupeň Informatika – aplikace informačních technologií Autor: Bc. Pavel Šiktanc Internetové stránky II. Co se všechno.
Microsoft FRONT PAGE Šablona 32 VY_32_INOVACE_19_10_Front Page.
Pojmy internetu Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastInternetové technologie, programování Datum vytvoření2012.
CSS styly 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 Ročník2 Stručný.
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU:CZ.1.07/1.4.00/ AUTOR:Mgr. Vladimír.
Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_034.ICT.34 Tvorba webových stránek – PHP technologie.
IP adresa Gymnázium a Jazyková škola s právem státní jazykové zkoušky Zlín Tematická oblastInternetové technologie, programování Datum vytvoření2012 Ročník2.
WWW a HTML Základní pojmy Ivo Peterka.
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.
Základy tvorby www stránky v HTML kódu.
WORDPAD Textový dokument.
WWW a HTML Základní pojmy Ivo Peterka.
HTML (II) (3).
FORMÁTOVÁNÍ DOKUMENTU
ZNALOST IKON VE WORDu Základní škola a mateřská škola Nesovice, příspěvková organizace; CZ.1.07/1.4.00/ Inovace a zkvalitnění výuky prostřednictvím.
NÁZEV ŠKOLY: Masarykova základní škola a mateřská škola Melč, okres Opava, příspěvková organizace ČÍSLO PROJEKTU: CZ.1.07/1.4.00/ AUTOR: Mgr. Vladimír.
Inovace školy – Dobříš, EUpenizeskolam.cz
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Tvorba webových stránek na google – Sites (4.)
Tvorba webových stránek
Transkript prezentace:

HTML stránka – odkaz, zvýraznění textu 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 Ročník2 Stručný obsahPoužití HTML značek k realizaci odkazu a zvýraznění textu ve www stránce Způsob využitíStudenti do své HTML stránky doplní odkaz na jiné internetové stránky a naučí se vytvořit tučný a kurzivní text. AutorMgr. Michal Mikláš KódVY_32_INOVACE_35_IMIK07

Odkaz v HTML stránce Jedním ze základních a převratných principů www stránek jsou bezpochyby odkazy (hypertext). Zpravidla se jedná o odkaz na jinou www stránku, na jinou podstránku konkrétního webu nebo na nějaký soubor (např. obrázek, PDF soubor apod.). HTML stránka tedy v odkazu obsahuje informaci o dalším obsahu (zpravidla v internetu).

ODKAZ

HTML značka pro odkaz Pro vytvoření odkazu v HTML stránce se používá HTML značka (z angl. anchor). Značka obsahuje alespoň jeden další parametr href (hypertext referer), který udává umístění cíle (souboru) odkazu. Pokud se jedná o odkaz na www stránky, pak je zpravidla nutno uvést před odkaz i označení protokolu

HTML značka pro odkaz Mezi značky a se uvádí text, který bude v HTML stránce odkazem – tedy textem, který uživatel uvidí, bude na něj moci kliknout a přesunout se tak na zadanou hypertextovou adresu (odkaz). Odkaz na stránky GJŠ Zlín by tedy vypadal nějak takto: odkaz na stránky GJŠ Zlín

Zvýraznění textu

HTML značky pro zvýraznění textu TUČNÉ písmo – Mezi značky a napíšeme text, který chceme mít na stránce tučně. – Tyto značky by měly být zapsány uvnitř značek daného textového bloku např. odstavec (týkají se nějakého textu v odstavci) apod. – Příklad: v HTML uvedeme Důležité informace: akční cena tohoto produktu je platná pouze do konce měsíce března*.

HTML značky pro zvýraznění textu KURZÍVA – Mezi značky a napíšeme text, který chceme mít na stránce napsán kurzívou. – Tyto značky by měly být zapsány uvnitř značek daného textového bloku např. odstavec (týkají se nějakého textu v odstavci) apod. – Příklad: v HTML uvedeme * Tato nabídka je platná pouze do konce daného časového období nebo do vyprodání zásob.

HTML značky pro zvýraznění textu PODTRŽENÍ – Mezi značky a (angl. underline) napíšeme text, který chceme mít na stránce podtržen. – Tyto značky by měly být zapsány uvnitř značek daného textového bloku např. odstavec (týkají se nějakého textu v odstavci) apod. – Příklad: v HTML uvedeme * Tato nabídka je platná pouze do konce daného časového období nebo do vyprodání zásob. – Použití podtržení opravdu dobře zvažte, neboť podtržení ve stránce evokuje dojem odkazu.

HTML kód naší stránky iPad 4 – s retina displejem iPad 4 – s retina displejem 9. Převratný retina displej 10. Na Retina displeji iPadu vypadá vše jako ve skutečnosti. Text je ostrý jako břitva. Barvy doslova září. Fotky a videa jsou bohaté na detail. To vše díky jeho 3,1 miliónu pixelů – o milión pixelů víc než na HD televizi. 11. Výkonný čip A6X 12. Nový čip A6X v iPadu je až dvakrát rychlejší než čip A5X předchozí generace a podává až dvojnásobný grafický výkon, aniž by tím trpěla výdrž baterie.I nejnáročnější aplikace tak běží plynule, reagují okamžitě a neskutečně realisticky. 13. Další informace o produktu naleznete na oficiálních stránkách společnosti Apple. 14. Důležité informace: akční cena tohoto produktu je platná pouze do konce měsíce března*. 15. * Tato nabídka je platná pouze do konce daného časového období nebo do vyprodání zásob

Náhled naší www stránky

DALŠÍ ČTENÍ