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.

Slides:

Advertisements

Podobné prezentace

Základy HTML – vkládání objektů

Advertisements

Tagy neboli příkazy Olga Kasafírková Základy HTML.

Tvorba WWW stránek ÚVOD

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:

VY_32_INOVACE_4.3.IVT1.19/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.

<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4

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 stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky

HyperText Markup Language

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/

Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektu CZ.1.07/1.5.00/ Číslo sady29Číslo DUM14.

Programování HTML stránek

Základy html pro úplné začátečníky.

Ú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.

TVORBA WEBOVÝCH STRÁNEK

Tematická oblast: Aplikační software pro práci s informacemi II.

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.

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.

VY_32_INOVACE_4.3.IVT1.11/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.

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.

Číslo šablony: III/2 VY_32_INOVACE_P4_3.13 Tematická oblast: Aplikační software pro práci s informacemi II. CSS - vlastnosti Typ: DUM - kombinovaný Předmět:

Textový procesor Open Office, Writer ZMĚNA POZADÍ

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.

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.

Pravidla a doporučení pro názvy souborů

CSS – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)

Návrh a tvorba WWW Cvičení 4

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

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 webu Jazyk HTML, úvod

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.

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.

URL v HTML URL - Unique Resource Locator Příklad:

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),

Čí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

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 – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.

PROGRAMOVÁNÍ V PHP PERSONAL HOME PAGES INCLUDE. 2 PŘÍKAZ INCLUDE SLOUŽÍ K VLOŽENÍ SOUBORU DOVNITŘ PHP SKRIPTU. PŘÍKAZ INCLUDE PŘEDSTAVTE SI TŘEBA, ŽE.

Tvorba efektních www stránek pro každého Od historie až po současnost… Úvod Porovnání Validace Prohlížeče Závěr.

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.

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 – selektor class.tx { color: black; /* nastaví černou barvu písma */ } Selektor class (třída) použijeme pokud chceme určité vlastnosti definovat pro.

Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.

Mgr. Ludmila Urbášková CDV UP Olomouc Jak dostaneme MM ke studentům? Standardy HTTP, HTML (XHTML), CSS WYSIWYG editor nebo jiný editor (X)HTML Grafický.

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.

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.

Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.

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.

1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.

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.

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.

Tvorba webových stránek - tabulka

Co je to webová prezentace?

NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov

Transkript prezentace:

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 KÓDU MEZERY VE ZDROJOVÉM KÓDU POZADÍ – barvy POZADÍ – barvy POZADÍ - obrázek POZADÍ - obrázek

Správná syntaxe jazyka HTML TAGY Tagy se zapisují mezi znaky Tagy se zapisují mezi znaky párové - ve tvaru libovolný obsah párové - ve tvaru libovolný obsah nepárové - ve tvaru libovolný obsah nepárové - ve tvaru libovolný obsah  slovo tag se změní na určitý tag např.: i,b,big img...).

Správná syntaxe jazyka HTML ATRIBUTY Atributy = vlastnosti, se zapisují přímo do tagu ve tvaru: Atributy = vlastnosti, se zapisují přímo do tagu ve tvaru: jeden tag může obsahovat i více atributů jeden tag může obsahovat i více atributů atributy se zapisují jen do úvodního tagu u nepárových přímo do něj atributy se zapisují jen do úvodního tagu u nepárových přímo do něj

Správná syntaxe jazyka HTML KŘÍŽENÍ TAGŮ Křížení tagů je v html zakázáno Křížení tagů je v html zakázáno např. text a další text je zcela špatně správný zápis by měl vypadat takto: text a další text. např. text a další text je zcela špatně správný zápis by měl vypadat takto: text a další text.

Správná syntaxe jazyka HTML VELIKOST PÍSMEN V HTML na velikosti písmen nezáleží V HTML na velikosti písmen nezáleží např. a je jedno a to samé V zápisu URL, názvu souborů se musí dodržovat velikost písmen, tak jak byla zvolena V zápisu URL, názvu souborů se musí dodržovat velikost písmen, tak jak byla zvolena

Správná syntaxe jazyka HTML MEZERY VE ZDROJOVÉM KÓDU V zápisu stránky se všechny mezery převedou na jedinou např. deset mezer se zobrazí jako jedna konec řádku se převede na mezeru. Tento zápis H T M L je stejný s tímto H T M L. V zápisu stránky se všechny mezery převedou na jedinou např. deset mezer se zobrazí jako jedna konec řádku se převede na mezeru. Tento zápis H T M L je stejný s tímto H T M L. Pokud chcete zapsat více mezer za sebou musíte použít entitu pro nedělitelnou mezeru entita: Pokud chcete zapsat více mezer za sebou musíte použít entitu pro nedělitelnou mezeru entita: entitu

HTML kódy pro pozadí - barvy V html se barva pozadí zapisuje přímo do hlavičky pomocí atributu bgcolor jeho hodnota může být např. barva (anglicky např. green) nebo hexakód. V html se barva pozadí zapisuje přímo do hlavičky pomocí atributu bgcolor jeho hodnota může být např. barva (anglicky např. green) nebo hexakód. HTML kódy na pozadí - barvy Tato stránka bude mít zelené pozadí... HTML kódy na pozadí - barvy Tato stránka bude mít zelené pozadí...

HTML kódy na pozadí - barvy Nebo pomocí hexakódu. Nebo pomocí hexakódu. HTML kódy na pozadí - barvy Tato stránka bude mít takovéhle # pozadí... HTML kódy na pozadí - barvy Tato stránka bude mít takovéhle # pozadí...

Bezpečné barvy Bezpečných barev je 16 a mohou se zapisovat i jménem, ale samozřejmě jen anglicky. Bezpečných barev je 16 a mohou se zapisovat i jménem, ale samozřejmě jen anglicky.

Bezpečné barvy

Obrázek na pozadí Obrázek se vkládá pomocí atributu background Obrázek se vkládá pomocí atributu background HTML kódy na pozadí - obrázek Tato stránka bude mít na pozadí obrázek... HTML kódy na pozadí - obrázek Tato stránka bude mít na pozadí obrázek...

Hudba na pozadí Hudba na pozadí se vkládá pomocí tagu BGSOUND Hudba na pozadí se vkládá pomocí tagu BGSOUND Atribut LOOP =„počet opakování“, „INFINITE“ Atribut LOOP =„počet opakování“, „INFINITE“ HTML kódy na pozadí - obrázek HTML kódy na pozadí - obrázek Tato stránka bude mít na pozadí obrázek... Tato stránka bude mít na pozadí obrázek...