ÚVOD DO HTML Jak vytvořit stránky. Jak vytvořit www-stránky 1) Vytvořit soubor *.htm, nebo *.html 2) Nahrát soubor na server =>dát na internet.

Slides:



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

Tagy neboli příkazy Olga Kasafírková Základy HTML.
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í.
Tvorba WWW stránek ÚVOD
Výpočetní technika 2008/09.
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.
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í struktura, metainformace
<. 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
1 HTML Vytváření 3W dokumentu pomocí: 1. HTML editoru - zde nabídka konstrukcí některé pracují metodou WYSIWYG - vidíte formátovaný dokument (co vidíš,
Jazyk HTML Název školyZákladní škola a Mateřská škola Tatenice Číslo projektuCZ Název šablony klíčové aktivity Inovace a zkvalitnění výuky pomocí.
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/
VY_32_INOVACE_4.3.IV1.03/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ HTML & XHTML.
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.
Programování HTML stránek
Základy html pro úplné začátečníky.
III/2 XVII ABC
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.
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.
HTML. Barvy Co je to HTML soubor? HTML je zkratka Hyper Text Markup Language V HTML souboru je textový soubor proložen malými značkovacími.
Úvod do html kódu. Roman Hendrich
14SIAP – SÍTĚ A PROTOKOLY Hodina 2..
Tvorba www stránek SYNTAXE ICT 4.ročník. Obsah TAGY TAGY ATRIBUTY ATRIBUTY KŘÍŽENÍ TAGŮ KŘÍŽENÍ TAGŮ VELIKOST PÍSMEN VELIKOST PÍSMEN MEZERY VE ZDROJOVÉM.
TVORBA WEBOVÝCH STRÁNEK
VY_32_INOVACE_4.3.IVT1.04/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ Textové elementy.
Návrh a tvorba WWW Cvičení 2 CSS 3. Cascading Style Sheet Cascading Style Sheet (kaskádové styly) je stylový jazyk, který se používá pro popis vzhledu.
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.
Vytvoření nového účtu na Gmail. Odeslání u na konkrétní ovou adresu.
Jazyk HTML.
Veronika Hladíková. V dnešní době se dají webové stránky zhotovit mnoha způsoby, ale zdaleka ne všechny jsou ty správné. V následující prezentaci se Vám.
VY_32_INOVACE_4.3.IVT1.17/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.
© Vladimír Očenášek1/34 HTML. První seznámení už proběhlo v zimním semestru!!! Nevěříte? Připomenutí přednášky č.10 – autor ing. Šimek © Vladimír Očenášek2/34.
Zadání samostatné práce SP1 Základy HTML. CÍL Ověřit znalosti použití základních HTML construkcí –Základní kostra –Kódování češtiny –Nastavení pozadí.
Skladba HTML dokumentu
Čí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.
Pravidla a doporučení pro názvy souborů
HTML, XHTML a CSS Základy jazyků značek.
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:
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
CSS Cascading Style Sheets Kaskádové styly
Brána k poznání Dokončení první fáze – základní značky HTML.
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
WWW stránky – Úvod Mgr. Lenka Švancarová.
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.
Základní pojmy (1) Nejpoužívanější internetové prohlížeče: Google Chrome (32.0.x), Mozilla Firefox (27.0), Internet Explorer (11.0.2), Opera (19.0.x),
Párová a nepárová značka, atributy a jejich hodnoty
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 CSS (Úvod do kaskádových stylů (Úvod do kaskádových stylů) Ing. Miroslav Vachůn, Ph.D.
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…)
Jak učit tvorbu www stránek na zš? ?. Co by žáci měli zvládat.  Základy s textovým editorem (Word, pspad) – základní úpravy textu, kopírování, formátování..
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.
Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.
Tvorba www stránek – (01) úvod Autor: Mgr. Josef Motl Datum: , ročník: 7. ročník ZŠ Vzdělávací oblast: Informační technologie Anotace: Prezentace.
Tvorba WEBOVÝCH stránek – kostra dokumentu Šablona 32 VY_32_INOVACE_12_10_Tvorba webových stránek-kostra dokumentu.
HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.
ŠKOLA: Gymnázium, Chomutov, Mostecká 3000, příspěvková organizace AUTOR:Mgr. Martin Jiřiště NÁZEV:VY_32_INOVACE_08C_17_uvod_do_html TEMA:Multimédia a grafika.
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.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
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.
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.
Tvorba webových stránek - tabulka
HTML (II) (3).
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Tvorba webových stránek
Transkript prezentace:

ÚVOD DO HTML Jak vytvořit stránky

Jak vytvořit www-stránky 1) Vytvořit soubor *.htm, nebo *.html 2) Nahrát soubor na server =>dát na internet

Na co si dát pozor Stručnost Stručnost Nepoužívat velké obrázky Nepoužívat velké obrázky Celková velikost Celková velikost Přehlednost Přehlednost Mapa stránek Mapa stránek Barvy Barvy Odkazy „zde“ Odkazy „zde“

Zdrojový kód Na stránku se lze podívat dvěma způsoby: Na stránku se lze podívat dvěma způsoby: 1) V prohlížeči (bez úprav) 2) V textovém editoru => zdrojový kód (nechá se dále upravovat pomocí tagů)

Struktura stránky - zdrojový kód Stránka Stránka HlavičkaHlavička Titulek Titulek TělíčkoTělíčko Nadpis Nadpis Odstavce Odstavce PodnadpisPodnadpis TextText OdkazOdkaz Nadpis Nadpis

Tagy (značky) Píší se mezi Píší se mezi Párové Párové Nepárové Nepárové<značka> Použití: Použití: text</značka>

Příklady tagů …stránka …stránka …hlavička stránky …hlavička stránky …titulek stránky …titulek stránky …tělíčko stránky …tělíčko stránky …nadpis n-té úrovně …nadpis n-té úrovně …Odstavec …Odstavec …Čára …Čára

Barvy - RGB Kód barvy: #RRGGBB Kód barvy: #RRGGBB RR – červená složka (00 – FF) RR – červená složka (00 – FF) GG – zelená složka (00 – FF) GG – zelená složka (00 – FF) BB – modrá složka (00 – FF) BB – modrá složka (00 – FF) Název barvy: Název barvy: Např. „Black“, „white“ Např. „Black“, „white“ Kód barvy: RGB (rrr, ggg, bbb) Kód barvy: RGB (rrr, ggg, bbb) rrr, ggg, bbb – složky barev (0-255) rrr, ggg, bbb – složky barev (0-255)

Příklady barev barva Angl. název kód ModráBlue#0000FF ČervenáRed#FF0000 ZelenáGreen#00FF00 ČernáBlack# BíláWhite#FFFFFF FialováFuchsia#FF00FF TyrkysováAqua#00FFFF ŽlutáYellow#FFFF00 StříbrnáSilver#C0C0C0

Barvy RGB

První www-stránka Uložit jako *.html (začátek stránky) (začátek stránky) (začátek hlavičky) (začátek hlavičky) moje první stránka (titulek stránky) moje první stránka (titulek stránky) (konec hlavičky) (konec hlavičky) (začátek tělíčka) (začátek tělíčka) Moje první stránka (odstavec) Moje první stránka (odstavec) (konec tělíčka) (konec tělíčka) (konec stránky) (konec stránky)