TVORBA WEBOVÝCH STRÁNEK
|
|
|
- Jitka Pešková
- před 9 lety
- Počet zobrazení:
Transkript
1 TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03b Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03b 1. Kaskádové styly (CSS) 2. Vazba CSS na (X)HTML dokument 3. Syntaxe CSS 4. Barva a délkové jednotky v CSS 5. Formátování obsahu a struktury (X)HTML dokumentu 1
2 KASKÁDOVÉ STYLY (CSS) Úvod do kaskádových stylů Kaskádové styly z anglického Cascading Style Sheets (zkratka CSS) Stylový předpis (jazyk), který se používá pro jednotné formátování a pozicování obsahu a struktury webové stránky, vytvořené pomocí značek (resp. elementů) jazyka (X)HTML. Hlavním smyslem CSS je umožnit tvůrcům oddělit vzhled dokumentu webové stránky od jeho struktury a obsahu. Nahrazuje zastaralé formátovací značky (elementy) jazyka HTML, které nepopisují obsah ani strukturu dokumentu. 2
3 Výhody použití kaskádových stylů Nabízí daleko širší možnosti změny vzhledu webové stránky, než formátovací značky jazyka HTML, Odděluje formátování od struktury a obsahu webové stránky, Určuje jednotný vzhled pro všechny dokumenty webové prezentace (např. všechny nadpisy první úrovně červeně), Snadná změna vzhledu pro celý web na jednom místě, Standardy CSS 1, CSS 2 a CSS 2.1 podporují všechny současné používané prohlížeče webových stránek. Validátor kaskádových stylů CSS validátor slouží k nalezení chyb a nestandardních definic podle příslušné specifikace CSS. URL adresa CSS validátoru (česky): jigsaw.w3.org/css-validator popřípadě validator.w3.org a kliknout na odkaz CSS. zadáme absolutní adresu stránek 3
4 Vazba na (X)HTML dokument Existují tři způsoby, jak připojit stylový předpis k (X)HTML dokumentu: 1. Zápis stylového předpisu přímo v (X)HTML elementu. 2. Vložit předpis přímo do hlavičky konkrétní webové stránky. 3. Definice stylového předpisu v externím souboru. Vazba na (X)HTML dokument 1. Zápis stylového předpisu přímo v (X)HTML elementu Styly lze přiřadit přímo konkrétním (X)HTML elementům. Příklad: <h1 style="font-size: 150%">Hlavní nadpis</h1> <p style="color: #f00; text-align: justify">text odstavce</p> Nevhodné vkládání stylů, ve verzi XHTML 1.1 nepřípustné (nevalidní): - obtížně se udržuje jednotný vzhled webu, - obtížně a zdlouhavě se provádějí změny stylu pro skupinu elementů, - komplikuje orientaci ve zdrojovém kódu webové stránky. 4
5 Vazba na (X)HTML dokument 2. Stylový předpis vložen přímo do hlavičky webové stránky <head> <style type="text/css"> body Značka pro hlavičku stránky, zde se dále nachází titulek stránky <title> </title> a META značky. { font-family: Arial, sans-serif; background: #fff url("main-back.jpg") repeat-x; } p { color: #333; text-align: justify; line-height: 2.5em; } </style> </head> Vazba na (X)HTML dokument 2. Stylový předpis vložen přímo do hlavičky webové stránky Stylový předpis je platný pouze pro daný dokument (soubor) webové stránky, Obtížně se udržuje jednotný vzhled celé webové prezentace, Zvětšuje celkový objem (velikost) souboru webové stránky, Vhodné pouze tehdy, je-li stylový předpis jedinečný pro konkrétní dokument (soubor) webové stránky. 5
6 Vazba na (X)HTML dokument 3. Definice stylového předpisu v externím souboru Stylový předpis je uložen v externím souboru s příponou *.css (např. styly.css). Příklad obsahu souboru se stylovým předpisem: h1 { color: #333; } p { color: #333; text-align: justify; line-height: 2.5em; } #menu-vlevo { width: 190px; float: left; line-height: 2.2em; } Vazba na (X)HTML dokument 3. Definice stylového předpisu v externím souboru Pro připojení stylového předpisu k webové stránce se používá značka <link /> vložená do hlavičky (mezi <head> a </head>) webové stránky: <head> <meta http-equiv="content-type" content="text/html; charset=iso " /> <title>název stránky</title> <link rel="stylesheet" type="text/css" href="styly.css" /> </head> 6
7 Vazba na (X)HTML dokument 3. Definice stylového předpisu v externím souboru Preferovaný způsob připojení CSS k webové stránce, pro celou webovou prezentaci stačí jediný CSS soubor, jednoduše dosažitelný jednotný vzhled webu, snadná správa a změny, stylový předpis není přímou součástí webové stránky = malá velikost souboru, důsledné oddělení struktury a obsahu od formátování webové stránky. Syntaxe kaskádových stylů Zápis stylových předpisů přímo v (X)HTML elementu: stylový předpis se zapisuje do atributu style, CSS vlastnost a její hodnota se oddělují dvojtečkou, lze definovat více vlastností pro element, oddělují se středníkem. <p style="color: #f00; text-align: justify">text odstavce</p> Hodnota CSS vlastnosti CSS vlastnost 7
8 Syntaxe kaskádových stylů Zápis stylových předpisů do externího souboru (s příponou *.css): selektor { vlastnost: hodnota; } Selektor určuje, co má být formátováno, Ve složených závorkách { } se nachází vlastnosti a jejich hodnoty, Mezi vlastností (např. text-align) a hodnotou (např. left) je dvojtečka, Je-li CSS vlastností více, oddělují se středníkem: selektor { vlastnost_1: hodnota_1; vlastnost_2: hodnota_2; } HTML element (značka) jako selektor Ovlivňuje všechny výskyty HTML elementu příslušné webové stránky: html_element { vlastnost: hodnota; } Pro celý (X)HTML dokument bude nastaven font ARIAL, popřípadě obecně bezpatkové písmo: body { font-family: Arial, sans-serif; } Nadpisy první, druhé a třetí úrovně budou obarveny modře (tvorba skupin): h1, h2, h3 { color: #00f; } Všechny odkazy budou tučné a zároveň obarveny zelené: a { font-weight: bold; color: #0f0; } 8
9 CSS třída jako selektor Umožňují definovat více stylových předpisů pro jeden (X)HTML element:.nazev_tridy { vlastnost: hodnota; } p.nazev_tridy_1 { vlastnost: hodnota; } p.nazev_tridy_2 { vlastnost_1: hodnota_1; vlastnost_2: hodnota_2; } před název CSS třídy se vždy vkládá tečka, Určitému (X)HTML elementu přiřazujeme styl pomocí atributu class: <p class="nazev_tridy_1">textový obsah odstavce </p> CSS třída jako selektor Příklad: Obsah souboru styly.css p.cervene { color: #f00; font-weight: bold } <head> obsah hlavičky webové stránky <link rel="stylesheet" type="text/css" href="styly.css" /> </head> <body> <p class="cervene">toto je odstavec ovlivněný stylem CSS třídy.</p> <p>tento odstavec nebude ovlivněn.</p> </body> 9
10 CSS třída jako selektor Stylový předpis formátuje celý text prvního odstavce. Text druhého odstavce nebude ovlivněn. CSS třída jako selektor Příklad: Obsah souboru styly.css.cervene { color: #f00; } <head> obsah hlavičky webové stránky <link rel="stylesheet" type="text/css" href="styly.css" /> </head> <body> <p>text v odstavci. <span class="cervene">toto bude červené.</span> A tento text už zase ne.</p> </body> 10
11 CSS třída jako selektor Stylový předpis formátuje vybranou část textu v odstavci pomocí řádkového (X)HTML elementu <span> </span>. Uvnitř řádkového elementu <span> se nesmí nacházet blokové elementy (např. <h1 až 6>, <p>, <div>, <blockquote>, <br>, <hr>)!!! Užitečný tip: Chceme-li jeden (X)HTML element formátovat více způsoby na jedné stránce, použijeme selektor třídy. 11
12 CSS identifikátor jako selektor Jsou velmi podobné CSS třídám. Používají se převážně tehdy, pokud se stylový předpis používá na stránce pouze jednou. #nazev_id { vlastnost: hodnota; } p#nazev_id { vlastnost: hodnota; } před název CSS identifikátoru se vždy vkládá mřížka, Určitému (X)HTML elementu přiřazujeme styl pomocí atributu id: <div id="nazev_id">obsah blokového elementu DIV </div> Hlavní využití: Tvorba webdesignu pomocí CSS a blokového (X)HTML elementu <div> </div> a formátování blokového obsahu CSS identifikátor jako selektor Příklad: Obsah souboru styly.css #ramecek { width: 200px; height: 70px; border: 3px #f90 solid; background-color: #ffc; text-align: center; font-size: 23px; } Šířka rámečku v pixelech Výška rámečku v pixelech Hranice: tloušťka, barva, plná čára Pozadí: barva Zarovnání textu: na střed Velikost písma Blokový element DIV použitý v těle webové stránky: <div id="ramecek"><p>pavel Chmiel</p></div> 12
13 CSS identifikátor jako selektor Vytvoří se rámeček s příslušným formátováním: (X)HTML element <div> je blokový, může najednou sdružovat textový, obrázkový obsah a další blokové nebo řádkové elementy. Užitečný tip: CSS identifikátory se využívají převážně pro tvorbu webdesignu pomocí stylů a (X)HTML elementu <div> </div> 13
14 Barvy v CSS Slouží k obarvení textu, odkazů, pozadí a ohraničení, Barvy se skládají (míchají) ze tří základních barev (RGB model): R (Red) červená G (Green) zelená B (Blue) modrá - číslo v rozsahu 0 až 255 vyjadřuje intenzitu dané barevné složky. Čím vyšší číslo, tím větší intenzita (vyšší světlost) dané složky. Odstín šedé: všechny složky mají stejnou číselnou hodnotu. Bílá barva: všechny složky nabývají maximální hodnoty 255. Černá barva: všechny složky nabývají minimální hodnoty 0. Zápis barvy v CSS Název barvy (v angličtině) u pojmenovaných barev. Například: p {color: blue;} zdroj: Kromě názvů základních barev existují i názvy rozšiřujících barevných odstínů, výčet názvů barev lze nalézt například: Tento způsob se v praxi používá nejméně. 14
15 Zápis barvy v CSS RGB zápis barvy 1. Procentuální vyjádření Intenzitu každé barvy určujeme procenty 0% (minimální intenzita) až 100% (maximální intenzita). Příklad použití ve stylovém předpisu: p { color: rgb(100%,0%,0%); } #ramecek { border-color: rgb(50%,50%,50%); } Zápis barvy v CSS RGB zápis barvy 2. Desítkové vyjádření Intenzitu každé barvy určujeme čísly 0 (minimální intenzita) až 255 (maximální intenzita). Příklad použití ve stylovém předpisu: p { color: rgb(255,0,0); } #ramecek { border-color: rgb(128,128,128); } 15
16 Zápis barvy v CSS RGB zápis barvy 3. Šestnáctkové vyjádření (hexadecimálně) Čísla 00 až FF (tj. 0-9, A-F), zápis začíná hash-markem (mřížkou) # Příklad použití ve stylovém předpisu: p { color: #ff0000; } #ramecek { border-color: #808080; } Pokud jsou obě číslice odpovídající jedné barevné složce stejné, můžeme použít zkrácený zápis: p { color: #f00; } Výběr odstínů barev v PSPadu VZORNÍK BAREV Vzorník barev lze zapnout / vypnout (ALT + C): menu NÁSTROJE položka Výběr barvy. Z rozbalovacího menu lze vybrat rozsah barev. Kód barvy se vloží poklepáním na danou barvu. Vkládá se hexadecimální kód barvy, například: #FF
17 Výběr odstínů barev v PSPadu MÍCHÁNÍ BAREV Nástroj pro míchání barev lze zapnout / vypnout: menu NÁSTROJE položka Zobrazit barvu. Pomocí tří posuvníků (R, G, B) nastavit požadovaný odstín, poté lze číselný kód barvy zkopírovat a vložit do stylu. Lze také kliknout na tlačítko s šipkou za číselným kódem či jménem barvy (pokud existuje), tím se vloží do stylu. Délkové jednotky Určují vertikální a horizontální rozměry objektů na webové stránce. Hodnota se zapisuje číslem s příslušnou jednotkou: - celá čísla (např. 2em, 24px, 120%, atd.) - reálná čísla používají jako oddělovací znak tečku (např. 2.5em) Některé CSS vlastnosti mohou mít i zápornou hodnotu (top: -20px;) Mezi číselnou hodnotou a jednotkou se nedělá mezera: - správně: 24px - nesprávně: 24 px 17
18 Délkové jednotky relativní jednoty Relativní jednotky určují velikost relativně vzhledem k jiné velikosti. Stylové předpisy využívající tyto jednotky se snáze přizpůsobí zobrazovací jednotce. em - velikost 1em odpovídá šířce velkého písmene M ex - velikost 1ex odpovídá výšce malého písmene x Jednotky em a ex závisí na aktuální velikosti písma a použitém fontu. px - velikost 1px (pixel) představuje jeden bod obrazovky (velikost pixelu se liší na růžných zobrazovacích zařízeních). Příklad použití: line-height: 2.5em; font-size: 24px; Délkové jednotky absolutní jednoty Absolutní jednotky používáme např. pro tisk (známe velikost papíru). mm - milimetry cm - centimetry in anglický palec (1inch = 2.54cm) pt typografický bod (v CSS platí 72pt = 1in) pc typografická jednotka pica (12pc = 1pt) V praxi se používají (mají dobrou podporu v prohlížečích) zejména pt ve stylových předpisech určených k výstupu na tiskárnu. 18
19 Délkové jednotky procenta Procentuální hodnoty se vždy vztahují k jiné hodnotě. Příklady použití: Výška řádku (line-height) se vztahuje k velikosti písma (font-size). line-height: 150%; znamená, že výška řádku bude větší o 50%, než je velikost fontu (při výšce fontu 10px bude výška řádku 15px). Je-li šířka objektu 50% (width: 50%;), zabere přesně polovinu šířky okna prohlížeče. Délkové jednotky procenta CSS: p.sirka50 { width: 50%; } (X)HTML: <p class="sirka50">lorem ipsum dolor </p> 50% 100% 19
20 Užitečný tip: Relativní jednotky zobrazovací jednotky Absolutní jednotky tiskové jednotky Písmo v CSS Font (rodinu) písma nastavujeme pomocí CSS vlastnosti font-family. Hodnotou je název konkrétního fontu písma (např. Arial, Verdana), lze uvést náhradní font pro případ, že původní není v prohlížeči k dispozici. Je možné uvést také obecnou rodinu písma: serif: patkové písmo (např. Times New Roman) sans-serif: bezpatkové písmo (např. Arial, Verdana, Helvetica) monospace: neproporciální písmo (např. Courier, Courier New) cursive: ozdobná kurzíva (např. Comic Sans) fantasy: ozdobné písmo (např. Western) Příklad: body { font-family: Arial, Helvetica, sans-serif } 20
21 Písmo v CSS DUKTUS (tučnost) PÍSMA CSS vlastnost font-weight (elementy: blokové, řádkové) Hodnoty: normal, bold (tučné) - Existují i další hodnoty (bolder, lighter, 100, 400, 700, 900), prohlížeče je však neumí správně interpretovat. STYL PÍSMA CSS vlastnost font-style (elementy: blokové, řádkové) Hodnoty: normal, italic (kurzíva), oblique (skloněné písmo) Písmo v CSS VELIKOST PÍSMA CSS vlastnost font-size (elementy: blokové, řádkové) Hodnoty: xx-small, x-small, small, medium, large, x-large, xx-large Délkové jednotky: %, px, em, ex, pt, nevhodné: mm, cm, in Příklad použití: p.velky { font-size: large; }.pozn { font-size: 12px; } <p class="velky">velký text</p> <span class="pozn">poznámka</span> 21
22 Text v CSS ZAROVNÁNÍ TEXTU CSS vlastnost text-align (elementy: blokové) Hodnoty: left (vlevo), right (vpravo), center (střed), justify (blok) ODSAZENÍ TEXTU CSS vlastnost text-indent (elementy: blokové) Hodnoty: číselný údaj + relativní délková jednotka (px, em, ex) Text v CSS Příklad použití: CSS p.textik { text-indent: 50px; text-align: justify; } HTML <p class="textik">lorem ipsum dolor </p> 22
23 Text v CSS MEZERY MEZI JEDNOTLIVÝMI ZNAKY CSS vlastnost letter-spacing (elementy: blokové, řádkové) Hodnoty: číselný údaj + relativní délková jednotka (px, em, ex) MEZERY MEZI JEDNOTLIVÝMI SLOVY CSS vlastnost word-spacing (elementy: blokové, řádkové) Hodnoty: číselný údaj + relativní délková jednotka (px, em, ex) Text v CSS p.mezera-znaky { letter-spacing: 7px; } <p class="mezera-znaky">mezi jednotlivými znaky jsou </p> p.mezera-slova { word-spacing: 30px; } <p class="mezera-slova">mezi jednotlivými slovy jsou </p> 23
24 Text v CSS MEZERY MEZI JEDNOTLIVÝMI ŘÁDKY CSS vlastnost line-height (elementy: blokové, řádkové) Hodnoty: číselný údaj + relativní délková jednotka (px, em, ex) p.mezera-radky { line-height: 5em; } <p class="mezera-radky">lorem ipsum dolor </p> } 5em } 5em Text v CSS ZAROVNÁNÍ NA VÝŠKU (vertikální zarovnání) CSS vlastnost vertical-align (elementy: řádkové) Základní hodnoty zarovnání: baseline - na řádek bottom - na spodní okraj (např. buňka tabulky) middle - na střed (např. buňka tabulky) top - na horní okraj (např. buňka tabulky) sub - dolní index super - horní index ±číslo % - v procentech výšky řádku (např. 50% nebo -20%) 24
25 Text v CSS vertical-align: super vertical-align: sub Příklad použití:.hindex { vertical-align: super; }.dindex { vertical-align: sub; } <p> </p> S<span class="dindex">1</span> = 200m<span class="hindex">2</span> Text v CSS vertical-align: top vertical-align: bottom Příklad použití: td.nahore { vertical-align: top; } td.dole { vertical-align: bottom; } V definici příslušné buňky tabulky: <td class="nahore">text1</td> <td class="dole">text2</td> 25
26 Text v CSS DEKORACE TEXTU CSS vlastnost text-decoration (elementy: blokové, řádkové) Hodnoty: overline - vodorovná čára nad textem line-through - přeškrtnutý text underline - podtržený text none text bez dekorace (např. zrušení podtržení u odkazů) Text v CSS text-decoration: overline text-decoration: line-through text-decoration: underline text-decoration: none Příklad použití: a.nepodtrzeny { text-decoration: none; } <a href="stranka.htm" class="nepodtrzeny">tento odkaz není podtržený.</a> 26
27 Text v CSS DEKORACE TEXTU CSS vlastnost text-transform (elementy: blokové, řádkové) Hodnoty: capitalize první písmena slov velká uppercase všechna písmena velká lowercase všechna písmena malá none text bez změny Text v CSS text-transform: capitalize text-transform: uppercase text-transform: lowercase Příklad použití: p.velka-pismena { text-transform: uppercase; } <p class="velka-pismena">toto je nějaký text.</a> 27
28 Hypertextový odkaz v CSS BARVA ODKAZU Standardně se nenavštívený odkaz v prohlížeči zobrazuje modrý. Barvu odkazu lze změnit stejně jako okolní text CSS vlastností color. DEKORACE ODKAZU Standardně se odkaz zobrazuje podtržený. Je-li potřeba podtržení změnit (např. v menu zrušit), použijeme CSS vlastnost text-decoration. Příklad (červený, nepodtržený odkaz): a.menu { color: #f00; text-decoration: none; } Hypertextový odkaz v CSS PSEUDOTŘÍDY Slouží k odlišnému definování vlastností hypertextových odkazů: Nenavštívený odkaz: a:link { color: blue; } Navštívený odkaz: a:visited { color: purple; } Odkaz při kliknutí myší: a:active { color: red; } Odkaz pří najetí kurzorem myši: a:hover { text-decoration: none; } Mezi názvem elementu a pseudotřídou je dvojtečka. (a:hover) 28
29 Odrážky seznamů v CSS NEČÍSLOVANÉ SEZNAMY CSS vlastnost list-style-type Hodnoty: disc (vyplněné kolečko) circle (prázdné kolečko) square (vyplněný čtvereček) Příklad použití: ul { list-style-type: circle; } Odrážky seznamů v CSS ČÍSLOVANÉ SEZNAMY CSS vlastnost list-style-type Hodnoty: decimal arabské číslice (1.) lower-roman malé římské číslice (i.) upper-roman velké římské číslice (I.) lower-alpha malá písmena (a.) upper-alpha velká písmena (A.) Příklad použití: ol { list-style-type: upper-alpha; } Existují i jiné hodnoty, nejsou však plně podporovány všemi prohlížeči. 29
30 Odrážky seznamů v CSS OBRÁZKOVÁ ODRÁŽKA CSS vlastnost list-style-image Hodnotou je odkaz na obrázek představující odrážku. Obrázková odrážka by měla mít výšku úměrnou výšce textu. Příklad použití: ul { list-style-image: url("obrazky/kvetinka.gif"); } Rozměry blokových objektů Pro určení rozměrů blokových elementů existují CSS vlastnosti: width (šířka) height (výška) Pro určení výšky a šířky lze použít délkové jednotky (především px, %) Lze aplikovat na všechny blokové elementy, např.: blokový element <div>, nadpisy, odstavce, tabulky, atd. 30
31 Rozměry blokových objektů Příklad použití: #ramecek { width: 300px; height: 100px; border: 1px solid #f00;} <div id="ramecek">pokusný text</div> 300px 100px Rozměry blokových objektů Příklad použití: p.sirka50 { width: 50%; } <p class="sirka50">lorem ipsum dolor </p> 50% šířky stránky 31
32 Rámečky v CSS CSS vlastnost border (elementy: blokové, řádkové) Určuje všechny vlastnosti rámečku najednou..ramecek { border: 1px solid #f00; } Vlastnosti rámečku lze definovat také jednotlivě: border-width (šířka rámečku) border-style (styl rámečku) border-color (barva rámečku).ramecek { border-width: 1px; border-style: solid; border-color: #f00; } Používáme tehdy, chceme-li určit pouze některé vlastnosti rámečku Rámečky v CSS Hodnoty vlastnosti border-width (šířka rámečku) Šířku rámečku určujeme převážně v pixelech (px) Hodnoty vlastnosti border-style (styl rámečku) none dotted dashed solid groove ridge inset outset double 32
33 Rámečky v CSS Vlastnosti rámečku lze určit zvlášť pro: levý okraj (left) pravý okraj (right) left horní okraj (top) spodní okraj (bottom) Zápis CSS vlastnosti vypadá například takto: border-left: 2px dotted #f00; top bottom right Zápis pro vybranou CSS vlastnost vypadá například takto: border-left-width: 2px; border-left-style: dotted; border-left-color: #f00; Rámečky v CSS.ramecek { border: 2px dotted #00f; } <p class="ramecek">modrý, tečkovaný rámeček šířky 2 pixely.</p>.ram-nahore { border-top: 2px solid #f00; } <p class="ram-nahore">červený plný horní rám, šířka 2 pixely.</p> 33
34 Užitečný tip: Rámečky lze aplikovat na všechny objekty, především se používají u blokových: odstavce, tabulky, bloky DIV, nadpisy, atd. Pozadí v CSS CSS vlastnost background (elementy: blokové, řádkové) Umožňuje vytvořit pozadí stránky nebo (X)HTML elementu: background-color (barva na pozadí) background-image (obrázek na pozadí) backgroud-repeat (opakování obrázku na pozadí) background-position (umístění pozadí) 34
35 Pozadí v CSS CSS vlastnost background-color Příklad použití: body { background-color: #aaa; } (Barva na pozadí stránky bude světle šedá) Ukázka: p.sedy { background-color: #aaa; } <p class="sedy">odstavec s šedým pozadím.</p> Pozadí v CSS CSS vlastnost background-image Příklad použití:.pozadi-obr { background-image: url("motyl.gif"); height: 120px; } <div class="pozadi-obr">obrázek na pozadí.</div> Použitý obrázek 35
36 Pozadí v CSS CSS vlastnost background-repeat. Umožňuje / zabraňuje opakování obrázku na pozadí. Hodnoty: no-repeat (bez opakování) repeat-x (opakování v ose x, tedy vodorovně) repeat-y (opakování v ose y, tedy svisle) backgroud-repeat: no-repeat; Pozadí v CSS CSS vlastnost background-position určuje pozici obrázku na pozadí. Vždy se uvádí dvě hodnoty: pro osu x (vodorovně), y (svisle): background-position: x y; 1. Hodnoty zadány slovně left top center right center bottom 36
37 Pozadí v CSS Příklad použití:.pozadi-obr { height: 200px; background-image: url("motyl.gif"); background-repeat: no-repeat; background-position: center top; } <div class="pozadi-obr">obrázek na pozadí.</div> Obrázek na pozadí je umístěn: osa X: uprostřed osa Y: nahoře Pozadí v CSS 2. Hodnoty zadány číselně Hodnoty pro umístění obrázku na pozadí v ose x, y lze zadat: - procentuálně (%) - pixely (px) 0% 50% 100% 0% 50% 100% Příklad použití background-position: 50% 0% Číselné hodnoty umožňují precizně umístit obrázek na pozadí 37
38 Konec modulu TWS_03b Děkuji Vám za pozornost. 38
Kaskádové styly (CSS) Cascading Style Sheets
CSS verze 22.11. 2007 1 Kaskádové styly (CSS) Cascading Style Sheets Existují 3 druhy zápisu CSS do webové stránky a) Vložením tagu STYLE do hlavičky dokumentu ...definice stylu atributy: type...
CSS - stručná reference kaskádových stylů
1. font a parametry písma font, font-family, font-size, font-style, font-variant, font-weight 1.1 font Nastavuje většinu parametrů textu najednou. Jednotlivé atributy naleznete v kapitolách 1.2-1.6 a line-height
Blokový model v CSS:
Blokový model v CSS: Blokový model v CSS: Vlastnosti textu Vlastnost Hodnoty Standardní hodnota Aplikuje se na Dědí se Popis word-spacing normal, délka normal o kolik se zvětší mezera mezi slovy letter-spacing
Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)
Stránka č. 1 z 9 Referenční přehled CSS1 (Cascading Style Sheets, level 1) Tento dokument shrnuje jdůležitější informace o káskadových stylech dokumentů. Informace vycházejí z oficialního doporučení konsorcia
CSS vlastnosti - stručný prehľad. Vlastnosti písma. Vlastnosti farby a pozadí. font-family. font-style. font-variant. font-weight. font-size.
Page 1 of 6 CSS vlastnosti - stručný prehľad Vlastnosti písma font-family rodina písma font-style styl písma font-variant varianta písma font-weight duktus písma font-size veľkosť písma font písmo
TVORBA WEBOVÝCH STRÁNEK
TVORBA WEBOVÝCH STRÁNEK Výukový modul TWS_03c Ing. Pavel Chmiel, Ph.D. UNIV 2 - KRAJE Osnova výukového modulu TWS_03c 1. Box model v CSS 2. Obtékání blokových (X)HTML elementů 3. Pozicování blokových (X)HTML
Káskádové styly = CSS
Návrh a tvorba WWW stránek 1/20 Káskádové styly = CSS CSS = Cascading Style Sheets = tabulky kaskádových stylů na začátku byl stylesheet soubor pravidel definující vzhled textu nezávisle na obsahu pomocí
PODPORA ELEKTRONICKÝCH FOREM VÝUKY
I N V E S T I C E D O R O Z V O J E V Z D Ě L Á V Á N Í PODPORA ELEKTRONICKÝCH FOREM VÝUKY CZ.1.07/1.1.06/01.0043 Tento projekt je financován z prostředků ESF a státního rozpočtu ČR. SOŠ informatiky a
Přehled základních html tagů
Přehled základních html tagů h1... hlavní nadpis h2... podnadpisy h3... podnadpisy další úrovně p... odstavec strong... tučné písmo b... tučné písmo em... kurzíva i... kurzíva br... zalomení řádku ol...
Cascading Style Sheets CSS Selektory Selektory
CSS JohanSebastianBachwasaprolificomposeṙ Bach'shomepage TITLE> BODY>Bach'shomepage H1> 1{color:red} h STYLE> HEAD>
Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)
Referenční přehled CSS1 (Cascading Style Sheets, level 1) Tento dokument shrnuje jdůležitější informace o káskadových stylech dokumentů. Informace vycházejí z oficialního doporučení konsorcia W3C Cascading
Rozměry, okraje a rámečky
Rozměry, okraje a rámečky 185 Jaké jednotky délky lze v CSS použít Jednotky délky slouží k zapisování vzdálenosti a definují se jimi jak rozměry elementů, tak rozměry okrajů či rámečků. Zapisují se hned
CSS Cascading style sheet přehled vlastností selektory
CSS Cascading style sheet přehled vlastností selektory Praha a EU Investujeme do vaší budoucnosti Obsah 1 Přehled některých vlastností a hodnot... 2 1.1 Formátování textu... 2 1.2 Barvy a pozadí v dokumentu...
1: Úvod 9. Co a kde v knize naleznete... 9 Zdroje Doporučení pro další studium... 11
Obsah 3 1: Úvod 9 Dříve než začnete......................... 9 Co a kde v knize naleznete....................... 9 Zdroje............................... 10 Doporučení pro další studium.....................
Přehled vlastností stylů
Přehled stylů Styly jsou ds jefektivnějším způsobem, jak ovládat grafický vzhled strák. Definují přes padesát, které slouží k vizuálních atributů elementů. V následujících tematicky rozčleněných tabulkách
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1
Střední průmyslová škola a Vyšší odborná škola technická Brno, Sokolská 1 Šablona: Název: Téma: Autor: Inovace a zkvalitnění výuky prostřednictvím ICT Design a vzhledové vlastnosti webových stránek Vlastnosti
Jak vytvořit jednoduché webové stránky.
Jak vytvořit jednoduché webové stránky. Od vynálezu protokolu HTTP pro přenos dokumentů a jazyka HTML pro jejich popis již uběhlo více než 17 let. Za tu dobu se vyvíjel jak protokol, tak i jazyk. Od původního
TIP: Pro vložení konce stránky můžete použít klávesovou zkratku CTRL + Enter.
Dialogové okno Sloupce Vložení nového oddílu Pokud chcete mít oddělené jednotlivé části dokumentu (například kapitoly), musíte roz dělit dokument na více oddílů. To mimo jiné umožňuje jinak formátovat
SkautIS Remote Components absolventská práce
MUŠKA Moravská úřednická škola SkautIS Remote Components absolventská práce Martin Jašek Jedlík středisko Prof. Skoumala Přerov MUŠKA 2010/11 Obsah Úvod... 3 1. Seznámení se SkautIS komponentami... 3 1.1.
Mimochodem, co je CSS? Formátování HTML. Drobný problém. Základy práce se styly. Trojí použití CSS. Přímo (in-line)
Mimochodem, co je CSS? CSS vzniklo někdy kolem roku 1997. Je to kolekce metod pro grafickou úpravu webových stránek. Ta zkratka znamená Cascading Style Sheets, česky "kaskádové styly". Kaskádové, protože
KASKÁDOVÉ STYLY - PÍSMO
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
Manuál tvorby webových stránek dle webu Jihočeské univerzity v Českých Budějovicích www.jcu.cz. Guideline pro fakulty a celoškolská pracoviště
Manuál tvorby webových stránek dle webu Jihočeské univerzity v Českých Budějovicích www.jcu.cz Guideline pro fakulty a celoškolská pracoviště Červen 014 1 z 9 O manuálu Guideline tvorby webu Jihočeské
Tvorba webu. Kaskádové styly (CSS) Martin Urza
Tvorba webu Kaskádové styly (CSS) Martin Urza Motivace Proč používat kaskádové styly k formátování HTML? Dovolují více možností formátování než klasické HTML atributy a stále přibývají další (možnosti).
Obsah 1. Grafický manuál firmy 2. Podklady grafického manuálu 3. Varianty loga 4. Logo a logotyp
Obsah 1. Grafický manuál firmy... 9 2. Podklady grafického manuálu... 10 3. Varianty loga... 11 3.1. Hlavní varianta... 11 3.2. Černobílá varianta... 11 4. Logo a logotyp... 12 4.1. Návrh loga... 12 4.2.
NSWI096 - INTERNET. CSS kaskádové styly. Mgr. Petr Lasák
NSWI096 - INTERNET CSS kaskádové styly Mgr. Petr Lasák MINULE
CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.
Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s
Tvorba webových stránek
Tvorba webových stránek HTML Hypertext Markup Language jazyk pro tvorbu webových stránek Rozšíření: JavaScript, CSS Dynamické stránky: PHP, ASP(X), JSP Prohlížeče: IE, Firefox, Opera, Google Chrome mohou
Manuál Kentico CMSDesk pro KDU-ČSL
Manuál Kentico CMSDesk pro KDU-ČSL 2011 KDU-ČSL Obsah 1 Obecně... 3 1.1 Přihlašování... 3 1.2 Uživatelské prostředí... 4 2 Stránky... 4 2.1 Vytvoření nové stránky... 4 2.1.1 Texty... 7 2.1.2 Styly textu...
12. Základy HTML a formuláře v HTML
12. Základy HTML a formuláře v HTML 1) Co je to HTML a historie HTML 2) Termíny v HTML a. tag b. značka c. element d. atribut e. entita 3) specifikace a. html, xhtmll b. rozdíly xhtml a html 4) struktura
1 - Prostředí programu WORD 2007
1 - Prostředí programu WORD 2007 Program WORD 2007 slouží k psaní textů, do kterých je možné vkládat různé obrázky, tabulky a grafy. Vytvořené texty se ukládají jako dokumenty s příponou docx (formát Word
CSS Kaskádové styly. formátování webových stránek
CSS Kaskádové styly formátování webových stránek Co je CSS? Layout webových stránek Nástroj na formátování html tagů Cascading style sheets možnost vrstvení Význam tagy HTML významová vs. formátovací
V této části manuálu bude popsán postup jak vytvářet a modifikovat stránky v publikačním systému Moris a jak plně využít všech možností systému.
V této části manuálu bude popsán postup jak vytvářet a modifikovat stránky v publikačním systému Moris a jak plně využít všech možností systému. MENU Tvorba základního menu Ikona Menu umožňuje vytvořit
Základy CSS (3. přednáška)
Základy CSS (3. přednáška) Kaskádové styly k čemu jsou HTML definuje strukturu, CSS definuje vzhled. CSS stylesheet soubor pravidel určujících vzhled jednotlivých prvků dokumentu CSS pravidlo sestává ze
1. Přímo vložený styl
CSS 1. Přímo vložený styl 2. Šablona stylu v dokumentu 3. Externí šablony stylů 4. Syntaxe stylů 5. Třídy stylů 6. Vlastnosti písma 7. Vlastnosti barvy a pozadí 8. Vlastnosti textu 9. Vlastnosti obdelníku
Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD
CSS 1 Výhody: Udřování prezentace oddělené od dokumentu znamená, že můžete nastavit styly dokumentu pro různá média; Oddělení dokumentu od jeho prezentace znamená menší dokument, což dále znamená, že se
Historie. K čemu je to dobré? Začínáme. Úvod do CSS Historie K čemu je to dobré? Začínáme
Úvod do CSS Historie K čemu je to dobré? Začínáme Historie CSS (Cascading Sytle Sheets) boli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu strák. První návrh normy byl zveřejněn v roce 1994,
SEMINÁ KOMUNIKA NÍCH DOVEDNOSTÍ TYPOGRAFICKÉ ZÁSADY ÚPRAVY TEXTU. rozvržení stránky. ást 1
íslo projektu íslo materiálu Název školy Autor CZ.1.07/1.5.00/34.0029 VY_32_INOVACE_21-15 St ední pr myslová škola stavební, eské Bud jovice, Resslova 2 RNDr. Vladimír Kostka SEMINÁ KOMUNIKA NÍCH DOVEDNOSTÍ
KASKÁDOVÉ STYLY - CSS
Kaskádové styly I. KASKÁDOVÉ STYLY - CSS HTML je značkovací jazyk, ve kterém by se pomocí značek měl vyznačovat význam jednotlivých částí textu. Z vlastní zkušenosti však víme, že dnes v HTML existuje
Textové editory a procesory
Textové editory a procesory Textové editory a procesory... Chyba! Záložka není definována. 1. Úvod... 3 1.1 Textové procesory... 3 1.2 Způsob psaní dokumentu... 3 1.3 Označování... 4 1.4 Lupa... 4 1.5
Základy typografie (typografická pravidla)
Projekt: Inovace oboru Mechatronik pro Zlínský kraj Registrační číslo: CZ.1.07/1.1.08/03.0009 Základy typografie (typografická pravidla) Obsah Základy typografie (typografická pravidla)... 1 Úvod... 2
CSS Selektory tříd a ID, dědičnost, další vlastnosti. Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace
CSS Selektory tříd a ID, dědičnost, další vlastnosti Internetové publikování 1 Cascading Style Sheets Formátování HTML dokumentu, které je více či méně oddělené od obsahu Způsoby implementace Specifikace
NÁVRHOVÝ PROGRAM VÝMĚNÍKŮ TEPLA FIRMY SECESPOL CAIRO 3.5.5 PŘÍRUČKA UŽIVATELE
NÁVRHOVÝ PROGRAM VÝMĚNÍKŮ TEPLA FIRMY SECESPOL CAIRO 3.5.5 PŘÍRUČKA UŽIVATELE 1. Přehled možností programu 1.1. Hlavní okno Hlavní okno programu se skládá ze čtyř karet : Projekt, Zadání, Výsledky a Návrhový
Počítače přirozeně pracují pouze s čísly
Kódování a entity v XHTML Úvod do CSS Internetové publikování 1 Kódování znaků Počítače přirozeně pracují pouze s čísly Zprostředkování práce se znaky definice párování číslo ~ znak soubor definic = kódová
Testovací aplikace Matematika není věda
Testovací aplikace Matematika není věda Příručka k http://matematika.komenacek.cz/ Příručka k portálu http://matematika.komenacek.cz/ 2 Uživatelská příručka k portálu 202 BrusTech s.r.o. Všechna práva
O CSS podrobněji. Box model Document flow Layout
O CSS podrobněji Box model Document flow Layout O CSS podrobněji Box model Každý element má: -obsah (content) -spadávku (padding) -rámeček (border) -okraj (margin) O CSS podrobněji http://www.w3.org/tr/css21/box.html
CSS 1. Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. Zde je dlouhý text v kterém nachazí vložené...
Blokový model Každý element tvoří obdélník. Dva druhy obdélníků: - Blokové; - Vložené. CSS 1 blokové To je blokové Zde je dlouhý text v kterém nachazí vložené... vložené Vnější okraje umožňují nastavovat
CSS Stylování stránek. Zpracoval: Petr Lasák
CSS Stylování stránek Zpracoval: Petr Lasák Cascade Style Sheets Sada stylů každý element má styl svého zobrazení Říká, jak má být element zobrazen, ne co v něm je Do verze HTML 4.0 byl vzhled měněn pouze
SCHÉMA PROCESU MTM ÚPRAV V SYSTÉMU INVESMARK FUTURA
SCHÉMA PROCESU MTM ÚPRAV V SYSTÉMU INVESMARK FUTURA PŘÍPRAVA V PROGRAMU PGS Zadání názvů úprav: Při práci v programu PGS se díly ukládají pod odlišnými názvy, čím se zabrání přepsání původních dílů. Také
WEBDISPEČINK NA MOBILNÍCH ZAŘÍZENÍCH PŘÍRUČKA PRO WD MOBILE
WEBDISPEČINK NA MOBILNÍCH ZAŘÍZENÍCH PŘÍRUČKA PRO WD MOBILE Úvodem WD je mobilní verze klasického WEBDISPEČINKU, která je určena pro chytré telefony a tablety. Je k dispozici pro platformy ios a Android,
WEBMAP Mapový server PŘÍRUČKA PRO WWW UŽIVATELE. 2005-2008 Hydrosoft Veleslavín, s.r.o., U Sadu 13, Praha 6 www.hydrosoft.eu
WEBMAP Mapový server PŘÍRUČKA PRO WWW UŽIVATELE 2005-2008 Hydrosoft Veleslavín, s.r.o., U Sadu 13, Praha 6 www.hydrosoft.eu Obsah Obsah 1 1.1 3 Internetový... prohlížeč map 4 Rozložení ovládacích... prvků
1 Seznámení s Word 2010, karty, nejčastější činnosti. 2 Tvorba dokumentu
1 Seznámení s Word 2010, karty, nejčastější činnosti Možnosti spuštění Wordu: 4 způsoby Psaní: ukončení řádku, ukončení odstavce, prázdný řádek, velká písmena, trvalé psaní velkými písmeny, psaní diakritiky,
Úprava tabulek v MS Word. Centrum pro virtuální a moderní metody a formy vzdělávání na Obchodní akademii T. G. Masaryka, Kostelec nad Orlicí
Úprava tabulek v MS Word Centrum pro virtuální a moderní metody a formy vzdělávání na Obchodní akademii T. G. Masaryka, Kostelec nad Orlicí Jestli-že chcete uspořádat informace do pravidelných řádků a
4 Část II Základy práce v systému. 6 Část III Úvodní obrazovka. 8 Část IV Práce s přehledy. 13 Část V Kontakty. 19 Část VI Operativa
2 Dokumentace SMAN Obsah Kapitoly Část I Úvod 4 Část II Základy práce v systému 6 Část III Úvodní obrazovka 8 Část IV Práce s přehledy 13 Část V Kontakty 19 Část VI Operativa 23 Část VII Nabídky 35 Index
IP kamerový systém - uživatelský návod k obsluze
IP kamerový systém - uživatelský návod k obsluze _ Připoj se k nám! Obsah Úvod 2 Přístup do systému 2 Počítač s Windows 2 Prvotní instalace 2 Ovládání kamerového systému na počítači 3 Živý náhled...................................................
1. PROSTŘEDÍ PROGRAMU. Pás karet se záložkami (na obrázku aktivovaná karta Domů ) Hlavní okno, ve kterém se edituje aktuální snímek prezentace
Práce v PowerPointu 2007 PowerPoint je program z balíčku programů MS Office, který slouží pro tvorbu tzv. prezentací. Prezentace je určená k promítání při různých konferencí, veletrzích, přednáškách apod.
TECHNICKÉ KRESLENÍ A CAD
Přednáška č. 7 V ELEKTROTECHNICE Kótování Zjednodušené kótování základních geometrických prvků Někdy stačí k zobrazení pouze jeden pohled Tenké součásti kvádr Kótování Kvádr (základna čtverec) jehlan Kvalitativní
Kótování na strojnických výkresech 1.část
Kótování na strojnických výkresech 1.část Pro čtení výkresů, tj. určení rozměrů nebo polohy předmětu, jsou rozhodující kóty. Z tohoto důvodu je kótování jedna z nejzodpovědnějších prací na technických
Seznámení žáků s pojmem makra, možnosti využití, praktické vytvoření makra.
Metodické pokyny k pracovnímu listu č. 11 Používání maker Třída: 8. Učivo: Základy vytváření maker Obsah inovativní výuky: Seznámení žáků s pojmem makra, možnosti využití, praktické vytvoření makra. Doporučený
Autodesk Inventor 8 vysunutí
Nyní je náčrt posazen rohem do počátku souřadného systému. Autodesk Inventor 8 vysunutí Následující text popisuje vznik 3D modelu pomocí příkazu Vysunout. Vyjdeme z náčrtu na obrázku 1. Obrázek 1: Náčrt
Ukázka knihy z internetového knihkupectví www.kosmas.cz
Ukázka knihy z internetového knihkupectví www.kosmas.cz U k á z k a k n i h y z i n t e r n e t o v é h o k n i h k u p e c t v í w w w. k o s m a s. c z, U I D : K O S 1 8 0 6 5 9 U k á z k a k n i h
Zadávání tiskových zakázek prostřednictvím JDF a Adobe Acrobat Professional
Zadávání tiskových zakázek prostřednictvím JDF a Adobe Acrobat Professional Nejčastěji se o JDF hovoří při řízení procesů v tiskových provozech. JDF se však má stát komunikačním prostředkem mezi všemi
Zásady pro vypracování disertační práce Fakulty strojní VŠB-TUO
Účinnost dokumentu od: 1. 4. 2014 Fakulty strojní VŠB-TUO Řízená kopie č.: Razítko: Není-li výtisk tohoto dokumentu na první straně opatřen originálem razítka 1/6 Disertační práce je výsledkem řešení konkrétního
Uživatelský manuál pro práci se stránkami OMS a MS provozované portálem Myslivost.cz. Verze 1.0
Uživatelský manuál pro práci se stránkami OMS a MS provozované portálem Myslivost.cz Verze 1.0 Obsah Základní nastavení stránek po vytvoření... 3 Prázdný web... 3 Přihlášení do administrace... 3 Rozložení
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web,
Maturitní otázka webové stránky (technologie tvorby webu) Co znamená pojem Web? Web, www stránky, celým názvem World Wide Web, v doslovném překladu "světová rozsáhlá síť neboli celosvětová síť, je označení
Tvorba webových stránek
Tvorba webových stránek 1 HTML Hyper Text Markup Language = hypertextový značkovací jazyk Slouží pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy HTML soubor je obyčejný text obalený
Samostatná odborná práce. Obor vzdělání 29-54-H/01 Cukrář
Samostatná odborná práce Obor vzdělání 29-54-H/01 Cukrář Školní rok 2011/2012 Samostatná odborná práce Zpracování samostatné odborné práce je důležitým předpokladem k úspěšnému absolvování praktické závěrečné
Tvorba webových stránek
Tvorba webových stránek Kaskádové styly Úprava vzhledu webové stránky pomocí atributů má několik nevýhod a úskalí. Atributy nabízejí málo možností úprav. Obtížně se sjednocují změny na různých částech
DATABÁZE 2007. DŮLEŽITÉ: Před načtením nové databáze do vaší databáze si prosím přečtěte následující informace, které vám umožní:
DATABÁZE 2007 DŮLEŽITÉ: Před načtením nové databáze do vaší databáze si prosím přečtěte následující informace, které vám umožní: - jednoduše a rychle provést úpravy ve struktuře vaší databáze podle potřeby
12. Úvod do CSS (CSS styly)
12. Úvod do CSS (CSS styly) HTML kód je naprostým základem při tvorbě internetových stránek. Je to nosný pilíř, který musí jakýkoliv tvůrce internetových stránek bez potíží ovládat. Pokud ale budete tvořit
TECHNICKÁ DOKUMENTACE NA PC
TECHNICKÁ DOKUMENTACE NA PC Vypracovala: Jitka Chocholoušková 1 Obsah: 1. Uživatelské prostředí... 4 2. Tvorba objektů... 7 3. Tvorba úsečky... 10 4. Tvorba kružnice a oblouku... 15 4.1. Tvorba kružnice...
MODUL 7: TVORBA WEBOVÝCH APLIKACÍ
Vyšší odborná škola ekonomická a zdravotnická a Střední škola, Boskovice MODUL 7: TVORBA WEBOVÝCH APLIKACÍ Studijní opora Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem
Internet 02 - Tvorba statických www stránek za pomoci HTML tagů
Tagy Jak bylo uvedeno na předchozích stránkách, tag je vlastně značka, podle které se prohlížeč řídí. Tag určuje, jakým způsobem bude stránka upravena. Například - teď zarovnej text doprava, nyní zvětši
Obsah. Obsah. Úvod... 7
Obsah Obsah Úvod... 7 1. Digitální fotografie... 10 1.1 Prohlížení obrázků pomocí Nero PhotoSnap Viewer... 10 1.1.1 Zobrazení na celou obrazovku...12 1.1.2 Jak zjednodušit přechod do jiné složky...13 1.1.3
Název: VY_32_INOVACE_PG4102 Základní HTML značky. Autor: Mgr. Tomáš Javorský. Datum vytvoření: 05 / 2012. Ročník: 3
Název: VY_32_INOVACE_PG4102 Základní HTML značky Autor: Mgr. Tomáš Javorský Datum vytvoření: 05 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: Seznámení s nejdůležitějšími
CSS styly. Cascading Style Sheets kaskádové styly
CSS styly Cascading Style Sheets kaskádové styly Kaskádové styly Jednotný vzhled publikovaných www stránek Rozsáhlé změny jdou provést snadno Široká podpora (prohlížeče + WYSIWIG) Standard CSS byl představen
téma: Formuláře v MS Access
DUM 06 téma: Formuláře v MS Access ze sady: 3 tematický okruh sady: Databáze ze šablony: 07 - Kancelářský software určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace: metodika:
TÉMATA MATURITNÍ PRÁCE S OBHAJOBOU Školní rok 2010 2011 VÝCHOVA K OBČANSTVÍ
Letohradské soukromé gymnázium o.p.s. Václavské nám. 1, 561 51 Letohrad tel., fax: 465 622 249 e-mail: lsg@lsg.cz www.lsg.cz Rozhodnutí ředitele školy č. 47/2010 TÉMATA MATURITNÍ PRÁCE S OBHAJOBOU Školní
manuál pro segment Architektura
manuál pro segment Architektura Pravidla pro vkládání výstupů do aplikace RUV Obecné Tato příručka slouží jako pomocný materiál při vyplňování záznamů ze segmentu ARCHITEKTURA do webové aplikace RUV, která
Vizualizace v ArConu (1.část) světla a stíny
Vizualizace v ArConu (1.část) světla a stíny Při vytváření návrhu v ArConu chcete určitě docílit co nejvíce reálnou (nebo někdy stylizovanou) vizualizaci. Na výsledek vizualizace mají kromě samotného architektonického
Mobilní reklama ve vyhledávání
Mobilní reklama ve vyhledávání Mobilní vyhledávání ve světě roste a s ním i možnosti, které poskytují jednotlivé PPC systémy. Co všechno je tedy s mobilní reklamou ve vyhledávání možné? Má pro nás smysl
selektor {vlastnost1: hodnota_vlastnosti1; vlastnost2: hodnota_vlastnosti2;}
Kaskádové styly CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek. CSS se využívá k formátování obsahu HTML, XHTML a XML dokumentů. Ve srovnání s
Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jana Kalinová [ÚLOHA 01 ÚVOD DO PROSTŘEDÍ OBJEMOVÁ SOUČÁST; PŘÍKAZ SKICA A JEJÍ VAZBENÍ]
![Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jana Kalinová [ÚLOHA 01 ÚVOD DO PROSTŘEDÍ OBJEMOVÁ SOUČÁST; PŘÍKAZ SKICA A JEJÍ VAZBENÍ]](/thumbs/33/13105159.jpg "Aplikované úlohy Solid Edge. SPŠSE a VOŠ Liberec. Ing. Jana Kalinová [ÚLOHA 01 ÚVOD DO PROSTŘEDÍ OBJEMOVÁ SOUČÁST; PŘÍKAZ SKICA A JEJÍ VAZBENÍ]")
Aplikované úlohy Solid Edge SPŠSE a VOŠ Liberec Ing. Jana Kalinová [ÚLOHA 01 ÚVOD DO PROSTŘEDÍ OBJEMOVÁ SOUČÁST; PŘÍKAZ SKICA A JEJÍ VAZBENÍ] 1 CÍL KAPITOLY. Cílem této kapitoly je sžití se s win prostředím
Vytvoření nebo odstranění makra Excel
Vytvoření nebo odstranění makra Excel Záznam makra Když zaznamenáváte makro, zaznamená program pro záznam makra všechny kroky nutné k provedení akcí, které má makro provést. Navigace na pásu karet není
Integrovaný Ekonomický Systém Zakázkový list - IES WIN 2006
Úvod...2 1. Zakázkový list...2 1.1. Identifikační údaje...2 1.2. Položková část...2 1.3. Rezervace (materiálu, resp. zboží)...3 1.4. Materiálové náklady (resp. Výdej nebo Prodej ze skladu)...3 1.5. Běžné
Ovládání TV platformy a funkce Chytrá TV
Ovládání TV platformy a funkce Chytrá TV Obsah Popis dálkového ovladače 3 Ovládání TV služby 4 1. Informace o pořadu 4 2. Seznam TV kanálů 5 3. Možnosti kanálů 5 4. Programový průvodce 6 5. Změna pořadí
Zadání. Založení projektu
Zadání Cílem tohoto příkladu je navrhnout symetrický dřevěný střešní vazník délky 13 m, sklon střechy 25. Materiálem je dřevo třídy C24, fošny tloušťky 40 mm. Zatížení krytinou a podhledem 0,2 kn/m, druhá
29 Evidence smluv. Popis modulu. Záložka Evidence smluv
29 Evidence smluv Uživatelský modul Evidence smluv slouží ke správě a evidenci smluv organizace s možností připojení vlastní smlouvy v elektronické podobě včetně přidělování závazků ze smluv jednotlivým
grafický manuál KDU-ČSL 2012
grafický manuál grafický manuál úvod úvod Grafický manuál a v něm zahrnuté prvky jednotného vizuálního stylu jsou velmi důležitou součástí prezentace politické strany směrem k veřejnosti. Jedná se o kvalitní
KAPITOLA 6.3 POŽADAVKY NA KONSTRUKCI A ZKOUŠENÍ OBALŮ PRO INFEKČNÍ LÁTKY KATEGORIE A TŘÍDY 6.2
KAPITOLA 6.3 POŽADAVKY NA KONSTRUKCI A ZKOUŠENÍ OBALŮ PRO INFEKČNÍ LÁTKY KATEGORIE A TŘÍDY 6.2 POZNÁMKA: Požadavky této kapitoly neplatí pro obaly, které budou používány dle 4.1.4.1, pokynu pro balení
CSS (Cascading Style Sheets) Jak se zapisují? externí soubory s koncovkou.css. přímo do www stránky
CSS (Cascading Style Sheets) Jak se zapisují? externí soubory s koncovkou.css přímo do www stránky Externí soubory: stránka se styly
Podrobný postup pro vygenerování a zaslání Žádosti o podporu a příloh OPR přes Portál farmáře
Podrobný postup pro vygenerování a zaslání Žádosti o podporu a příloh OPR přes Portál farmáře 3. a 4. výzva příjmu žádostí Operačního programu Rybářství (2014 2020) V následujícím dokumentu je uveden podrobný
VZDĚLÁVACÍ MATERIÁL III/2
VZDĚLÁVACÍ MATERIÁL III/2 Vy_32_inovace_009_Pl7 Vzdělávací oblast: Vzdělávací obor (okruh): Vyučovací předmět: Informační a komunikační technologie Informatika Informatika Téma: MS Word 2007 Očekávaný
Microsoft Office Project 2003 Úkoly projektu 1. Začátek práce na projektu 1.1 Nastavení data projektu Plánovat od Datum zahájení Datum dokončení
1. Začátek práce na projektu Nejprve je třeba pečlivě promyslet všechny detaily projektu. Pouze bezchybné zadání úkolů a ovládání aplikace nezaručuje úspěch projektu jako takového, proto je přípravná fáze,
Příloha č. 54. Specifikace hromadné aktualizace SMS-KLAS
Název projektu: Redesign Statistického informačního systému v návaznosti na zavádění egovernmentu v ČR Příjemce: Česká republika Český statistický úřad Registrační číslo projektu: CZ.1.06/1.1.00/07.06396
Absolventská práce formální úprava
Vyšší odborná škola zdravotnická a Střední zdravotnická škola Praha 1, Alšovo nábřeží 6 Absolventská práce formální úprava Obecná struktura absolventské práce - titulní list - čestné prohlášení - poděkování
3. Restrukturalizace nebo manipulace s údaji - práce s rastrovými daty
3. Restrukturalizace nebo manipulace s údaji - práce s rastrovými daty Většina systémových konverzí je shodná nebo analogická jako u vektorových dat. změna formátu uložení dat změny rozlišení převzorkování
POSTUP TVORBY DOKUMENTU základní funkce. Osnova. Vložení textu
POSTUP TVORBY DOKUMENTU základní funkce Dříve či později se každý uživatele Wordu setká s potřebou sepsání obsáhlejšího dokumentu. Jako úkol si vytvoříme jakýsi referát o několika stranách, do kterého
OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC
OBALKYKNIH.CZ API 3.0, IMPLEMENTACE PRO ALEPH OPAC Charakteristika: soubor skriptů, obrázků a popisů k implementaci komunikace s API služby obalkyknih.cz, verze 3.0 pro ALEPH OPAC. Balíček souvisejících
Město Znojmo Zásady tvorby uličního názvosloví a označování ulic, jiných veřejných prostranství a číslování budov ve městě Znojmě č.
Město Znojmo Zásady tvorby uličního názvosloví a označování ulic, jiných veřejných prostranství a číslování budov ve městě Znojmě č. 6/2015 Článek 1 Základní ustanovení Tyto zásady určují postup při navrhování,