KASKÁDOVÉ STYLY - PÍSMO



Podobné dokumenty
KONTINGENČNÍ TABULKY CO TO JE

NÁVRH VLASTNÍ ŠABLONY

TYPOGRAFICKÁ PRAVIDLA PRO PREZENTACE

USA AUTOMOBILOVÝ PRŮMYSL

BÝVALÁ JUGOSLÁVIE - OBYVATELSTVO

JAPONSKO - HOSPODÁŘSTVÍ

USA - ZEMĚDĚLSTVÍ ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

USA KULTURNĚ-HISTORICKÉ PAMÁTKY

SLOVINSKO, CHORVATSKO - HOSPODÁŘSTVÍ

KOREJSKÁ REPUBLIKA - HOSPODÁŘSTVÍ

DERATIZACE ANEB PROČ PŘÍKAZY ;)

ÚLOHA STÁTU V ZAHRANIČNÍM OBCHODĚ - PODPORA PŘÍMÝCH ZAHRANIČNÍCH INVESTIC

RAKOUSKO CESTOVNÍ RUCH

ÚČTOVÁNÍ ZDRAVOTNÍHO POJIŠTĚNÍ PODNIKU

JUGOSLÁVIE - ROZPAD ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

PŘÍKAZY OVLÁDÁNÍ SHELLU

USA- NÁRODNÍ PARKY ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

NEPŘÍMÉ DANĚ ( TEORIE )

OCENĚNÍ DM POŘIZOVACÍ CENOU

STAVBA CVIČEBNÍ JEDNOTKY

REVIZE PŘIJÍMÁNÍ/ODMÍTÁNÍ ZMĚN

DIAGNOSTIKA VE FITNESS

SWOT ANALÝZA. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu

CELNÍ REŽIMY EU - ZÁKLADNÍ

OBCHODNÍ A PLATEBNÍ BILANCE ČR

METODY POSILOVÁNÍ ZLÍNSKÝ KRAJ

DOTACE ZE STÁTNÍHO ROZPOČTU

PŘÍKAZY PRÁCE SE SOUBORY

VIRTUALIZACE POČÍTAČE

PŘESMĚROVÁNÍ VÝSTUPU DO SOUBORU

PŘÍKAZOVÝ ŘÁDEK ZÍSKÁVÁNÍ NÁPOVĚDY

PLATEBNÍ BILANCE II.

FILTRY V GNU/LINUXU ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

SESTAVOVÁNÍ JÍDELNÍČKU

ČASOVÉ ROZLIŠENÍ N A V PŘI ÚČETNÍ UZÁVĚRCE

VIRTUALBOX PRÁCE SE SÍTÍ

STRUKTURA VÝKAZU ZISKŮ A ZTRÁTY

SÍLA ZLÍNSKÝ KRAJ. Odvětví / Vzdělávací oblast -- dle RVP.cz -- Obchodní akademie / Informační technologie

VÝVOJ MANAGEMENTU. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu

OSTATNÍ DOTACE. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

Účtování daně z příjmu

ROZVAHA. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

PŘÍKAZY PRÁCE SE SLOŽKAMI

Střední průmyslová škola strojnická Vsetín. Předmět Druh učebního materiálu Typografická pravidla pro psaní dokumentů

PŘÍMÉ DANĚ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

AKCIDENČNÍ TISKOVINY

CLOUD ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

JEDNOTNÉ CELNÍ PŘEDPISY EVROPSKÉ UNIE

ZBOŽÍ NA DOBÍRKU PODACÍ LÍSTEK, POŠT. POUKÁZKA A

Úvodní list. Název školy Integrovaná střední škola stavební, České Budějovice, Nerudova 59 Číslo šablony/ číslo sady 32/10. Poř.

TABULKOVÝ PROCESOR A FUNKCE

SVALOVÁ SOUSTAVA ZLÍNSKÝ KRAJ

NĚMECKO - HOSPODÁŘSTVÍ

FUNKCE SVYHLEDAT() ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

VÝPOČET DANĚ Z NEMOVITOSTÍ U RODINNÝCH DOMŮ A BYTŮ

AUDIT ÚČETNÍ ZÁVĚRKY

POMOCNÉ TRÉNINKOVÉ METODY

ZLÍNSKÝ KRAJ. Odvětví / Vzdělávací oblast -- dle RVP.cz -- Vzdělávací obor -- Obchodní akademie / Informační technologie --

HODNOCENÍ ZAMĚSTNANCŮ

Přehled základních html tagů

PODNIKATELSKÉ SUBJEKTY V MEO, ZPROSTŘEDKOVÁNÍ OBCHODŮ V ZAHRANIČÍ

CLOUD ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

VIRTUALBOX INSTALACE OS

SVOBODNÝ SOFTWARE ZLÍNSKÝ KRAJ

Škola: Gymnázium, Brno, Slovanské náměstí 7 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Název projektu: Inovace výuky na GSN

SOU Valašské Klobouky. VY_32_INOVACE_01_17 IKT Textové editory přehled, rozdělení, druhy písma. Mgr. Radomír Soural

ODMĚŇOVÁNÍ ZAMĚSTNANCŮ

MONETARISMUS. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

VZDĚLÁVÁNÍ ZAMĚSTNANCŮ

GNU/LINUX SILNÉ A SLABÉ STRÁNKY

ZDRAVOTNÍ BENEFITY POHYBU

REKVALIFIKACE JAKO NÁSTROJ SNIŽOVÁNÍ NEZAMĚSTNANOSTI

PŘEPRAVNÍ DOKLADY (ŽEL. A SILN. DOPRAVA)

LIVE CD/DVD ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

VÝVOZNÍ OBCHODNÍ OPERACE PŘÍPRAVA EXPORTU

REFERENCE A SEZNAMY ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

ZÁKLADNÍ DESKA ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

PODMÍNĚNÉ FORMÁTOVÁNÍ

VIRTUALIZACE POČÍTAČE HISTORIE A VÝVOJ

NÁSTROJE PRO VIRTUALIZACI POČÍTAČE

SILNIČNÍ DAŇ U NÁKLADNÍCH VOZŮ

TIME MANAGEMENT ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu

DAR JAKO ODČITATELNÁ POLOŽKA

BIOMY ZLÍNSKÝ KRAJ. Odvětví / Vzdělávací oblast -- dle RVP.cz -- Obchodní akademie / Informační technologie

DISTRIBUCE GNU/LINUXU

SEZNAM ANOTACÍ. Číslo projektu Číslo a název šablony klíčové aktivity Označení sady DUM Tematická oblast

ZÍSKÁVÁNÍ A VÝBĚR PRACOVNÍKŮ

Inovace výuky prostřednictvím šablon pro SŠ

Tvorba webu. Kaskádové styly (CSS) Martin Urza

Blokový model v CSS:

VÝPOČET DANĚ Z PŘÍJMŮ ZE ZÁVISLÉ ČINNOSTI

DOHODY O PRACÍCH KONANÝCH MIMO PRACOVNÍ POMĚR

PORTY ZLÍNSKÝ KRAJ. Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

SEZNAM ANOTACÍ. CZ.1.07/1.5.00/ III/2 Inovace a zkvalitnění výuky prostřednictvím ICT VY_32_INOVACE_AJ3-Ko Vocabulary Builder

ZLÍNSKÝ KRAJ. Název školyě národního Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

Pracovní list VY_32_INOVACE_33_19 Databáze Databáze Databáze Ing. Petr Vilímek

INFORMATIKA MS WORD TVORBA VLASTNÍHO STYLU

Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště

EU-OPVK:VY_32_INOVACE_FIL16 Vojtěch Filip, 2014

Transkript:

KASKÁDOVÉ STYLY - PÍSMO Název školy Obchodní akademie, Vyšší odborná škola a Jazyková škola s právem státní jazykové zkoušky Uherské Hradiště Název DUMu Kaskádové styly písmo Autor Zdeněk Hrdina Datum 8.4.2014 Stupeň atypvzdělávání Střední odborné vzdělávání Odvětví / Vzdělávací oblast -- dle RVP.cz -- Vzdělávací obor -- Informační technologie -- Tematická oblast -- Grafika a web-- Druh učebního materiálu Výukový materiál Cílová skupina Žák, 15 19 let Anotace a popis způsobu použití ve výuce Vybavení, pomůcky Klíčová slova Výukový materiál určen k frontální prezentaci učitelem, případně jako materiál pro samostudium, nutno doplnit výkladem, náplň: nastavení rodin písma na webových stránkách -PCučebna, projektor, software pro tvorbu webových stránek CSS, HTML, písmo, rodina písma Číslo projektu Název šablony CZ.1.07/1.5.00/34.0534 III/2 Inovace a zkvalitnění výuky prostřednictvím ICT ZLÍNSKÝ KRAJ

ÚVOD Výukový materiál ve formě pracovního listu se stručným výkladem tématu Kaskádové styly v hodinách APS. Je možno jej také využít v předmětech DAS, APW na oboru IT nebo předmětu ITE na oboru OA. Prezentace doprovází výklad učitele a aktivně zapojuje žáky.

PÍSMO U písma se dá pomocí nastavit velké množství parametrů. Mezi ty nejpoužívanější patří: rodina písma (font-family) velikost (font-size) tučnost (font-weight) kurzíva (font-style) kapitálky (font-variant)

FONT-FAMILY Rodinou písma rozumíme typ jako třeba Arial, Verdana, Times New Roman apod. Aby se stránka zobrazila v daném písmu, musí být tento typ písma v počítači nainstalovaný. Proto se doporučuje používat standardní typy písma (pozn. existuje i způsob zadání vlastního písma, který je ale nad úrovní tohoto materiálu) Pro každý prvek mohu nastavit i více písem najednou. V případě, že první písmo nebude nainstalováno, zobrazí se stránka v písmu uvedeném na druhé pozici nadpis H1 bude písmem Verdana, pokud není tak Arialem, pokud ani ten není, pak obecným bezpatkovým písmem.

Obecné typy písem: FONT-FAMILY sans-serif bezpatkové písmo Arial, Verdana apod. serif patkové písemo např. Times New Roman Na obrázku je porovnání textu bezpatkovým a patkovým písmem. Existují i další varianty, které se ale používají méně (monospace písmo jako na psacím stroji, cursive psací písmo)

FONT-SIZE Velikost písma udáváme v různých jednotkách: pixely obrazovkové body, zkratka px body typografické body, zkratka pt milimetry zkratka mm palce zkratka in výška písmena M zkratka em procenta zkratka % slovně xx-small, x-small, small, medium, large, x-large, xx-large

FONT-WEIGHT, FONT-STYLE tučné písmo se nastavuje pomocí vlastnosti bold, obyčejné písmo pomocí normal další možnosti jsou zadávat hodnoty tučnosti číselně, nepoužívá se to tak často kurzíva se zadává pomocí vlastnosti font-style: italic, obyčejné písmo pak pomocí normal

FONT-VARIANT pomocí vlastnosti font-variant můžeme nastavit kapitálky (hodnota small-caps) Kapitálky mají velká písmena (napsaná se shiftem) zvýšená proti ostatním písmenům (která jsou také velkými písmeny) PETR - kapitálky (P bylo psáno se shiftem ostatní bez) PETR všechna velká

PROCVIČENÍ Vytvořte nadpisy, které budou vypadat následovně: písmo Verdana, případně bezpatkové, velikost písma large, tučné, kapitálky nadpis H1 písmo Verdana, případně Arial, případně bezpatkové, velikost 12 pixelů, netučné, kurzíva nadpis H2 vytvořte jednoduchou stránku, kde budou uvedené nadpisy zobrazeny.

POUŽITÉ ZDROJE www stránky: 1. JANOVSKÝ, Dušan. Jak psát web: Font-family. Jak psát web [online]. [cit. 2014-04-08]. Dostupné z: http://www.jakpsatweb.cz/css/font-family.html 2. JANOVSKÝ, Dušan. Jak psát web: Font-size. Jak psát web [online]. [cit. 2014-04-08]. Dostupné z: http://www.jakpsatweb.cz/css/font-size.html 3. JANOVSKÝ, Dušan. Jak psát web: Font-variant. Jak psát web [online]. [cit. 2014-04-08]. Dostupné z: http://www.jakpsatweb.cz/css/font-variant.html 4. JANOVSKÝ, Dušan. Jak psát web: Font-weight. Jak psát web [online]. [cit. 2014-04-08]. Dostupné z: http://www.jakpsatweb.cz/css/font-weight.html obrázky: zdroj vlastní