+ All Categories
Home > Documents > Typografie na webu

Typografie na webu

Date post: 21-Jan-2016
Category:
Upload: tekla
View: 31 times
Download: 0 times
Share this document with a friend
Description:
Dokonalost v detailech. Typografie na webu. Znak. Binární kód 1100010010001101. Byte 11000100. Byte 10001101. Znak č. Dohromady tvoří text Velmi mnoho Velmi podobné Jednoznačná identifikace = unicode kód (např. ℝ = U+211D). Znak. Znaků je více než 100 tisíc - PowerPoint PPT Presentation
52
Dokonalost v detailech
Transcript
Page 1: Typografie na webu

Dokonalost v detailech

Page 2: Typografie na webu

Binární kód1100010010001101

Znakč

Byte11000100

Byte10001101

Page 3: Typografie na webu

Dohromady tvoří text Velmi mnoho Velmi podobné Jednoznačná identifikace = unicode kód

(např. ℝ = U+211D)

Page 4: Typografie na webu

Znaků je více než 100 tisíc Na klávesnici jen několik set (méně než

1 %) Ostatní znaky lze zapsat pomocí Altu

(např. Alt + 8477 = ℝ = U+211D) V HTML lze použít entity

Page 5: Typografie na webu

Obyčejná – pomocí mezerníku Zúžená – na webu nepoužitelná Nezalomitelná

Page 6: Typografie na webu

U+00A0,  , Alt + 0160 Vkládá se na místa, kde nesmí dojít

k zalomení řádku

Page 7: Typografie na webu

Děti si hrály v lese. 450 ml 2 000 lidí 80 %

Page 8: Typografie na webu
Page 9: Typografie na webu

Mezera nenásleduje před nimi Mezera následuje za nimi Pokud je na konci věty zkratka, tak se

tečka neopakuje.

Page 10: Typografie na webu

V typografii rozlišujeme Spojovník (rozdělovník) Půlčtverčíková pomlčka Čtverčíková pomlčka Minus

Na klávesnici je pouze spojovník

Page 11: Typografie na webu

- – — − +Spojovník, půlčtverčíková pomlčka,

čtverčíková pomlčka, minus, plus

Page 12: Typografie na webu

-

Page 13: Typografie na webu

U+002D, Alt + 45 Použití

při dělení slov na konci řádků na konci slov, která mají pokračování jinde

pěti- a šestiúhelník u složenin vyjadřujících podvojnost nebo

vzájemnostFrýdek-Místek

připojení částice „-li“ Sází se vždy bez mezer

Page 14: Typografie na webu

červeno-žlutý svetr česko-anglický slovník léčebně-preventivní propan-butan Praha-Východ

Page 15: Typografie na webu

Page 16: Typografie na webu

U+2013, –, Alt + 0150 Použití

nahrazuje spojky nebo předložky („a“, „od“, „do“, „proti“)

místo nuly v psaní peněžních částek (Kč 120,–) naznačuje přestávku v řeči při opakování stejného výrazu jako odrážka v seznamech

Pokud nahrazuje spojky nebo předložku a oba výrazy jsou jednoslovné, sází se bez mezer, jinak se odděluje mezerami z obou stran

Page 17: Typografie na webu

Třicetiletá válka probíhala v letech 1618–1648.

trenérská dvojice Martinec–Houdek William Shakespeare (1564–1616) vlak Praha–Olomouc utkání Praha – Mladá Boleslav

Page 18: Typografie na webu

Page 19: Typografie na webu

U+2014, —, Alt + 0151 2× delší než normální pomlčka Používá se pouze ve zvláštních

případech, kdy vypadá opticky lépe

Page 20: Typografie na webu

Page 21: Typografie na webu

U+2212, −, Alt + 8722 Použití

Záporná čísla (přiléhá k číslu) Odčítání (odděluje se mezerami)

Page 22: Typografie na webu

Teplota klesla na −12 °C. 12 − 4 = 8

Page 23: Typografie na webu

Page 24: Typografie na webu

U+2026, …, Alt + 0133 Nejedná se o 3 tečky, ale o samostatný

znak Použití

Neúplný výčet, nedokončená myšlenka Vynechání části textu

Sází se stejně jako běžná tečka

Page 25: Typografie na webu

Pokud zítra tu omluvenku nepřineseš, tak…

Vezměte si s sebou sportovní oblečení (tričko, kraťasy…).

Pořád jsme opakovali: jedna, dva, tři, …, deset, … až do dvaceti.

Page 26: Typografie na webu

Sází se rovnou k textu, bez mezer Při vnoření se používají jednoduché a

ruské Použití

Přímá řeč Citace Ironie

Page 27: Typografie na webu

Petr potřásl hlavou: „Snažila se mě přesvědčit: ‚Táta ráno povídal: »Do večera ať je to nádobí umyté!«‘“

Page 28: Typografie na webu

Počáteční – dole, 99 resp. 9 Koncová – nahoře, 66 resp. 6

„“‚‘

Page 29: Typografie na webu

Počáteční – šipka doleva Koncová – šipka doprava

«» ‹›

Page 30: Typografie na webu

Obrácené francouzské Počáteční – šipka doprava Koncová – šipka doleva

»« ›‹

Page 31: Typografie na webu

Page 32: Typografie na webu

U+2019, ’, Alt + 0146 Použití

naznačuje vypuštění hlásky na konci slova (nejčastěji v příčestích minulých)

při vynechání prvních dvou číslic letopočtu (pouze do roku 1999)

Page 33: Typografie na webu

Mezery se píší z vnějšku, zevnitř nikoliv Typy: kulaté, hranaté, složené a ostré Při zanoření se vhodné použít jiný typ;

obvykle se zanořují naopak než v mate-matice

Pokud obsahují celou větu, tak se koncové znaménko píše dovnitř

Page 34: Typografie na webu

Micinka si lehla na polštář (taková ta věc, na které se spí).

Micinka si lehla na polštář. (Polštář je taková ta věc, na které se spí.)

Výrazy končící na -ismus (např. stalinismus [politická teorie a praxe spjatá s J. V. Stalinem {sovětský diktátor v letech 1927–1953}]) vyslovujeme obvykle [-izmus].

Page 35: Typografie na webu
Page 36: Typografie na webu

Tvořeny spojením čísla a dalšího slovanebo značky

Mezi číslo a následující výraz se nepíše mezera ani pomlčka

Nevkládá se koncová část čísla (-ti, -mi)

Page 37: Typografie na webu

8% = 8procentní roztok 12° = 12stupňové pivo 5m = 5metrový skok 6V = 6voltová baterie 20× = 20krát x-procentní n-tá odmocnina

Page 38: Typografie na webu

Jednotka se od čísla odděluje nezalomitel-nou mezerou

Nevkládá se koncová část čísla (-ti, -mi)

Page 39: Typografie na webu

12 m, 10 kg, 100 kWh, 6 °C, 14 %, 17 let

od 5 do 8 h (špatně: od 5-ti do 8-mi h) ve 14 letech

Page 40: Typografie na webu

° ′ ″Stupeň, minuta, vteřina

Page 41: Typografie na webu

Pokud stojí samostatně, tak se mezi něa číslo nepíše mezera

Page 42: Typografie na webu

Venku je teplota −8 °C.(mínus osm stupňů Celsia, mezera před °)

Preferuji 12° pivo.(dvanáctistupňové, mezera za °)

Kolmice svírají úhel 90°.(devadesát stupňů, bez mezery [je přípustná i varianta s mezerou])

Page 43: Typografie na webu
Page 44: Typografie na webu

Rodina písma Nutné deklarovat obecnou rodinu

písma Pro delší texty na webu ideální sans-serif

Page 45: Typografie na webu

Velikost textu Kvůli přístupnosti vhodné udávat v em.

Page 46: Typografie na webu

Tučnost textu Hodnoty bold nebo normal

Page 47: Typografie na webu

Kapitálky Hodnoty small-caps a normal

Page 48: Typografie na webu

Kurzíva Hodnoty italic nebo normal

Page 49: Typografie na webu

Řádkování Ideální hodnoty mezi 1.0 a 1.5

Page 50: Typografie na webu

Na webu má smysl zarovnávat text pouze doleva (text-align: left;)

Pro vyznačování se používá tag <strong> nebo <em>, lze i prostrkat (letter-spacing) nebo použít kapitálky (font-variant)

Page 51: Typografie na webu

Potřeba nastavit vnější okraje, aby se nadpis opticky vázal k odstavci, např.:p {margin: 0 0 1em 0;}h1 {margin: 0 0 0.15em 0;}

České odstavce mají odsazený první řádek (text-indent)

Page 52: Typografie na webu

Recommended