Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD

Rozměr: px
Začít zobrazení ze stránky:

Download "Dokument XHTML. Prohlížeč. styl CSS. Výstupní dokument. Soubor DTD"

Transkript

1 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 stránka načítá a zobrazuje rychlejí; CSS umožňuje nastavovat jeden dokument nebo velký počet dokumentů. Změnite styl na jednom místě a vše se promítne do všech dokumentů, ke kterým je tento soubor se styly připojen; Dokumenty CSS se ukládají do cache. To znamená, že jsou náčteny do paměti prohlížeče pouze jednou. Prohlížeč nemusí při prochazení webu tyto styly znovu interpretovat. Výsledkem je rychlejší přechod mezi stránkami a rychlejší načítání stránek; Oddělením prezentace od struktury a obsahu znamená lepší dostupnost styl CSS Dokument XHTML Prohlížeč Výstupní dokument Soubor DTD

2 CSS 2 Pravidla CSS Pravidla CSS jsou tvořena ze selektorů a alespoň jedně deklarace. Selektor určuje element HTML, na který by měl být styl aplikován. Deklarace tvořena alespoň jednou vlastnosti CSS a odpovidajicí hodnotou vlastnosti. deklarace h1 { color : red; } Pravidlo selektor vlastnost hodnota

3 CSS 3 Druhy stylů: 1) Styly prohlížeče (výchozí styly) 2) Uživatelské styly (pro uživatele se specialnimí potřebami) 3) Individuální styly (jednotlivé elementy, attribut style, jednorázové účely) 4) Vložené styly (jeden dokument, element style) 5) Připojené styly (externí soubory, element link) 6) Importované styly ( import stylu do připojeného externého souboru nebo do dokumentu) Kaskáda Kaskáda je hierarchie aplikace (tj. system aplikování pravidel). Kaskáda také označuje způsob aplikování více stylů.

4 CSS 4 Dědičnost Dědičnost znamená, že styly od svých nadřazených elementů dědí. <body> <h1> Můj nadpis </h1> <p> Následující text </p> </body> elementy h1 a p jsou považovány za potomka elementu body. Styly pro element body budou zděděny potomky. Zadávání individuálních stylů Mají vliv pouze na element; Použivaje se v situacích: - kdy potřebujeme rychle opravit jeden element; - jeden element na webu. 1) <h1> Vítejte! </h1> Vítejte! 2) <h1 style= color:red; font-size:24px; >Vítejte!</h1> Vítejte!

5 CSS 5 Vložené styly Mají vliv pouze na dokument Použivaje se v situacích: - jediný dokument na webu; - pracovní dokument. Vložené styly se zadávají do záhlaví dokumentu do elementu style s povinným atributem type. <head> <title>práce se styly</title> <style type= text/css > body{background-color:black; color:white;} h1{font-size:24px;} p{font-size:12px;} </style> </head> <body> <h1>vítejte!</h1> <p>první odstavec.</p> <p>druhý odstavec.</p> </body>

6 CSS 6 Připojený externí soubor se styly Externí soubor se styly je oddělený textový soubor, do kterého jsou umístěna pravidla CSS (s připonou.css) Element link v záhlaví dokumentu. styly.css body { background-color:#999; color:black; } h1 { font-family: Arial; font-size: 24px; color: #CCC; } p { font-family: Times; font-size: 12px; color: white; }

7 CSS 7 Připojení souboru se styly (styly.css) k souboru HTML (element link) <! DOCTYPE html PUBLIC -//w3c//dtd XHTML 1.0 Transitional//EN > <html xmlns= > <head> <title> práce se styly </title> <link rel= stylesheet type= text/css href= styly.css media= all /> </head> <body> <h1> Vítejte! </h1> <p> První odstavec. </p> <p> Druhý odstavec. </p> </body> </html>

8 CSS 8 Atributy v elementu link rel popisuje vztah k odkazovanému souboru; type definuje druh jazyka a použitého formátu; href atribut pro odkaz; media umožňuje zadat různé styly pro různá média (handheld, print, screen, all). Import souborů se styly Soubor se styly můžete importovat: - do hlavního externího souboru se styly (který je připojen k dokumentu) - přímo do dokumentu 1) Příme importování do dokumentu Vyžaduje použití dvou druhů stylů: importovany styly (např. Soubor import.css) a vložené styly. Příklad. Importování stylů pomocí vložených stylů. <head> <title> práce se styly </title> <style type= text/css url (import.css); </style> </head>

9 CSS 9 2) Importování stylů do připojeného externího souboru se styly. Modularizace stylů a jejích následný import do hlavního souboru se styly. mod1.css mod2.css Styles.css index.html mod3.css Příklad: V jednotlivéch modulech: - styly pro reklamy; - styly pro tabulky; - styly pro formuláře; apod. Výhoda: možnost provádení nezávislých změn v modulech.

10 CSS 10 Komentáře v CSS Komentáře se v CSS zadávají jínak než komentáře v HTML. Komentáře CSS začinají lomítkem a hvězdičkou a končí hvězdičkou následovanou lomítkem. /* globální styly */ body { background-color:orange; font-family: Arial, Helvetica, sans-serif; color:white; } /* styly pro rozvržení */ #nav { position: absolute; top: 0; left: 0; width: 150px; } /* tento styl dočasně skryjeme.warning { color:red; } Lukáš: až bude tento styl připraven, zruš komentář */

11 CSS 11 Formátování CSS 1. Deklarace uvedena za selektorem na jednom řádku: body { background-color: #999; color: black; } 2. Pravidla rozdělena na jednotlivéřádky: body { background-color: #999; color: black; }

12 CSS 12 Barvy a obrázky Možností: Aplikovat barvy na pozadí stránek a pozadí elementů; Rozhodovat mezi: - hexadecimalními barvami, - hexadecimalními zkrácenými barvami, - barvami v RGB, - v procentech zadánými barvami, - mezi 17 názvy barev (css 2.1). Nastavení obrázků. Vkládat obrázky na pozadí elementů. 1. Barvy Způsoby definování barev: - Hexadecimální zadání barvy; - Zkrácený zápis hexadecimální hodnoty; - Hodnoty RGB; - Procenta RGB; - Názvy barev.

13 Pixel (pixel element, dot (bod)) individuální bod na obrazovce nebo na tiskárně (adresovatelný bod); nejmenší komponent zobrazení, který program může ovládat (řídit); měrná jednotka. bod px px - - Grafické rozlišení Počet bodů tvořicích zobrazení - 640x480; - 800x600; x780; x1024; 13 Bitová mapa Bitová mapa je binární reprezentace grafického zobrazení. Kazdý bit nebo skupina bitů v bitové mapě reprezentují jeden pixel zobrazení. bod Skupina bitů

14 14 Počet bitů --- počet barev 1 bit černá a bílá 4 bitů 16 barev 8 bitů 256 barev 24 bitů 16,7 milionů barev (8 bitů pro každou základní barvu) Model barev Model sada základních barev 1. RGB (červená, zelená, modrá) 2. CMYK ( cyan = modrozelená, magenta = fuchsin, žlutá, černá) Obrazovka RGB Tiskárna CMYK RGB model RGB model R + G + B = bílá absence barev = černá 16 milionů barev

15 15 CMYK model Cyan (modrozelená), magenta (fuchsin), žlutá --- odečítací barvy. Bílá Bílá Bílá R G B - R = cyan R G B - G = fuchsin R G B - B = žlutá Cyan + Magenta + Yellow = Brown (Hnědá) + Black (Černá) 100 milionů barev Barvy pro obrazovku (RGB) Určitý počet intenzit pro každou základní barvu Pomocí změn intenzity různé odstíny barev Pro každý pixel tři body. Kombinovaný pixel = Triáda Pixel

16 CSS 16 Hexadecinální zadání barvy hex hodnota je šestnáctková hodnota. Tři zakladní barvy (červená, zelená a modrá). Každe odpovida 2 čísla hex: RRGGBB. Např. #FF FF FF = 255, 255, bílá Příklad. hex barva ve stylu body {color: #FFCC99; background-color: #808080;} a { color: #66CC33; } barva pozadí = šedá barva textu = broskvová barva odkazu = světle zelená Zkrácený zápis hex hodnoty Umožňuje zadávat hexadecimální barvy, které mají dva stejné znaky v hodnotě jedné barvy. Příklad: Plný zápis : #00CC33 nebo # Zkrácený zápis: #0C3 a #826

17 Název Hexadecimální zápis Ukázka 17 Black # Blue #0000ff Aqua #00ffff Fuchsia #ff00ff Gray # Green # Lime #00ff00 Maroon # Navy # Olive # Yellow #ffff00 Purpure # Red #ff0000 Silver #c0c0c0 Teal # White #ffffff

18 Hodnoty RGB Barva zadána pomocí následujicí syntaxe: color: rgb (128, 128, 128); CSS 18 Procenta RGB Procentuální hodnoty červené, želené a modré (0 100%). -Všechny hodnoty nulové ----černá barva; -Všechny hodnoty 100% ---- bílá barva. color: rgb (50%, 100%, 30%) ---- světle zelená Názvy barev 17 předdefinovaných barev (css 2.1): aqua black blue fuchsia grey green lime maroon navy olive purple red silver teal white yellow orange

19 Zadání barvy pozadí (pro stránku i jakýkoliv element) Vlastnost background-color body { background-color: #999; } h1 { background-color: #CCC; } CSS 19 Nastavení obrázku pozadí 1. Pozadí dokumentu (vlastnost background-image s hodnotou obsahujicí umístění a název souboru obrázku) body { background-image: url (gray.jpg); } Opakování obrázku na pozadí je standardní chování prohlížeče 2. Pozadí elementu. Příklad. Obrázek na pozadí všech nadpisů h1,h2,h3,h4,h5,h6 { background-image: url (gray.jpg); } Seskupování selektorů Všechny selektory, jež sdílí pravidla, můžete seskupit h1, p { color: red; }

20 CSS 20 Opakování pozadí Vlastnost background-repeat pro opakování v horizontálním směru: body{ background-image: url (gray.jpg); background-repeat: repeat-x; } pro opakování v vertikálním směru: body{ background-image: url (gray.jpg); background-repeat: repeat-y; } pro neopakování obrazku: background-repeat: no-repeat repeat; ( obrázek se zobrazí pouze v levém hornim rohu a nebude opakován )

21 CSS 21 Umístění obrázku pozadí 1. Nastavit background-repeat na no-repeat. 2. Nastavit background-position pomocí jedné z hodnot (tabulka) - u procentuálních nebo pevných hodnot je jako první uvedena horizontální hodnota a jako druhá vertikální hodnota. - pokud je zadána jen jedna hodnota, bude tato hodnota použita pro nastavení v horizontálním směru a výchozí hodnotou vertikálního směru bude 50%. Příklad. Pozice obrázku pozadí zadaná procentuálné, pevně a kličovýmí slovy. background-position: 0% 0%; ---- procentuálné background-position: 100px 4px; ---- pevně background-position: bottom right; ---- kličovýmí slovy

22 Procentuální Pevně Klíčová slova Druh hodnoty CSS 22 Příklad Umístění background-position: 0% 0% Levý horní roh background-position: 100% 100% Pravý dolní roh background-position: 14% 80% 14% doprava, 80% dolů background-position: 20px 20px 20 px zleva, 20 px dolů background-position: top left background-position:left top 0% 0% background-position: top center background-position: center top 50% 0% background-position: fight top background-position: top right 100% 0% background-position: left background-position: left center background-position: center left 0% 50% background-position: center background-position: center center 50% 50% background-position: right background-position: right center background-position: center right 100% 50% background-position: bottom left background-position: left bottom 0% 100% background-position: bottom background-position: bottom center background-position: center bottom 50% 100% background-position: right bottom background-position: bottom right 100% 100%

23 CSS 23 Uchycení a posun obrázků na pozadí Vlastnost background-attachment s hodnotou fixed nebo scroll. Fixed umožňuje zafixovat obrázek vůčí oknu prohlížeče. Scroll umožňuje posouvat obrázek společně s dokumentem. Souhrnná vlastnost CSS pro pozadí body { background-color: white; background-image: url (images/ball.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: right bottom; } Zkrácená verze: body{ background: white url(images/ball.gif) no-repeat scroll right bottom; }

Barvy v počítači a HTML.

Barvy v počítači a HTML. Barvy v počítači a HTML. Barevný prostor RGB Barvy zobrazované na monitoru jsou skládány ze tří složek (částí světelného spektra). Červená (Red) Zelená (Green) Modrá (Blue) Výsledná barva je dána intenzitou

Více

Zá klady HTML. Tag HTML Párová značka, který definuje webovou stránku. Obsah stránky končí značkou

Zá klady HTML. Tag HTML <HTML> Párová značka, který definuje webovou stránku. Obsah stránky končí značkou Zá klady HTML Jazyk HTML (Hypertext Markup Language) - jedná se o souhrn pravidel pro formatování textu, obrázků atd. pro použítí na webových stránekách. Webovou stránku tvoří prvky, které jsou definovány

Více

Přehled základních html tagů

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

Více

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.

Internetové publikování. Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht. Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111) e-mail: petr.zamostny@vscht.cz Internetové publikování CSS 4. Formátovací model, pozicování

Více

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.

Webové stránky. 8. Pozadí webové stránky. CSS pozadí. Datum vytvoření: 18. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr. Webové stránky 8. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 18. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

TVORBA WEBOVÝCH STRÁNEK

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

Více

(X)HTML, CSS a jquery

(X)HTML, CSS a jquery Prezentační vrstva webové aplikace (X)HTML, CSS a jquery jquery Java Scriptová knihovna Ing. Martin Dostal (X)HTML první stránka Textový soubor s příponou.htm nebo.html: moje

Více

Tvorba webových stránek

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

Více

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení

Tématická oblast: dědičnost, kaskáda. CSS a média. Stylové předpisy pro různé typy zobrazovacích zařízení Tématická oblast: dědičnost, kaskáda CSS a média Stylové předpisy pro různé typy zobrazovacích zařízení Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je ( Ing. Petr Měrka). VY_32_INOVACE_185

Více

APLIKACE XML PRO INTERNET

APLIKACE XML PRO INTERNET APLIKACE XML PRO INTERNET Jaroslav Ráček Fakulta Informatiky, Masarykova Universita Brno Abstrakt Text je věnován možnostem využití XML technologie pro prezentaci dokumentů pomocí Internetu. V úvodu je

Více

Vývoj Internetových Aplikací

Vývoj Internetových Aplikací 2 Vývoj Internetových Aplikací HTML a CSS Ing. Michal Radecký, Ph.D. www.cs.vsb.cz/radecky HTML a CSS - Tvorba webových stránek - Struktura - Obsah - Vzhled - Funkcionalita zdroj: http://www.99points.info

Více

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

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

Více

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? 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

Více

Mgr. Vlastislav Kučera přednáška č. 2

Mgr. Vlastislav Kučera přednáška č. 2 Mgr. Vlastislav Kučera přednáška č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS

Více

Mgr. Vlastislav Kučera lekce č. 2

Mgr. Vlastislav Kučera lekce č. 2 Mgr. Vlastislav Kučera lekce č. 2 Struktura stránky hlavička meta tagy titulek stránky připojení stylů,... CSS to je to, co se

Více

Referenční přehled vlastností CSS1 (Cascading Style Sheets, level 1)

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

Více

Kaskádové styly základy grafiky

Kaskádové styly základy grafiky 1 Kaskádové styly základy grafiky Vymezení pojmů Historie Základy stylů 2 Co je to CSS? Vznik CSS a je možné zařadit přibližně do roku 1997. Pojem CSS by se dal shrnout definicí :"souhrn pravidel a metod

Více

22. Tvorba webových stránek

22. Tvorba webových stránek 22. Tvorba webových stránek Webové stránky jsou spolu s elektronickou poštou nejpoužívanější prostředky internetu. Brouzdáme li internetem používáme nějaký prohlížeč. To, co vidíme na obrazovce v prohlížeči

Více

Výukový materiál vytvořen v rámci projektu EU peníze školám. "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585

Výukový materiál vytvořen v rámci projektu EU peníze školám. Inovace výuky registrační číslo CZ.1.07/1.5.00/34.0585 Výukový materiál vytvořen v rámci projektu EU peníze školám "Inovace výuky" registrační číslo CZ.1.07/1.5.00/34.0585 Škola: Adresa: Autor: Gymnázium, Jablonec nad Nisou, U Balvanu 16, příspěvková organizace

Více

CSS (Cascading Sytle Sheets) neboli kaskádové styly vznikly jako souhrn metod pro úpravu vzhledu stránek.

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

Více

Barvy a barevné modely. Počítačová grafika

Barvy a barevné modely. Počítačová grafika Barvy a barevné modely Počítačová grafika Barvy Barva základní atribut pro definici obrazu u každého bodu, křivky či výplně se definuje barva v rastrové i vektorové grafice všechny barvy, se kterými počítač

Více

TVORBA WEBOVÝCH STRÁNEK

TVORBA WEBOVÝCH STRÁNEK 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

Více

HTML Hypertext Markup Language

HTML Hypertext Markup Language HTML Hypertext Markup Language je jazyk určený na publikování a distribuci dokumentů na Webu velmi jednoduchý jazyk používá ho mnoho uživatelů má výkonné prostředky (příkazy) k formátování dokumentů (různé

Více

Barvy v (X)HTML jsou sou ástí W3C standard HTML jazyka ve tvaru technické specifikace implementovaného modelu barev ve WWW dokumentech.

Barvy v (X)HTML jsou sou ástí W3C standard HTML jazyka ve tvaru technické specifikace implementovaného modelu barev ve WWW dokumentech. 167 Barvy v (X)HTML Standardy: Barvy v (X)HTML jsou sou ástí W3C standard HTML jazyka ve tvaru technické specifikace implementovaného modelu barev ve WWW dokumentech. 168 Barvy v (X)HTML dokumentu BARVY

Více

Tvorba webových stránek

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ý

Více

O CSS podrobněji. Box model Document flow Layout

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

Více

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD

Tvorba www-stránek. Příkazy jazyka HTML. Budeme pracovat následovně: Základní struktura webové stránky. Příkazy sekce HEAD Tvorba www-stránek Webové stránky jsou napsané pomocí jazyka HTML (HyperText Markup Language). Ke tvorbě webových stránek potřebujeme - speciální program umožňuje tvořit stránku bez znalostí HTML-kódu

Více

Tvorba stránek v HTML ve Wordu

Tvorba stránek v HTML ve Wordu Tvorba stránek v HTML ve Wordu HTML (hypertext markup language hypertextový značkovací jazyk). Internetová stránka jako soubor s příponou htm nebo html. Je to skoro obyčejný textový soubor obohacený o

Více

Kaskádové styly (CSS) Cascading Style Sheets

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

Více

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely

Počítačová grafika. OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Počítačová grafika OBSAH Grafické formy: Vektorová grafika Bitmapová (rastrová grafika) Barevné modely Vektorová grafika Vektorová grafika Příklad vektorové grafiky Zpět na Obsah Vektorová grafika Vektorový

Více

Tvorba webových stránek

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

Více

Teorie barev. 1. Barvený model. 2. Gamut. 3. Barevný prostor. Barevný prostor různých zařízení

Teorie barev. 1. Barvený model. 2. Gamut. 3. Barevný prostor. Barevný prostor různých zařízení Teorie barev 1. Barvený model Barevný model představuje metodu (obvykle číselnou) popisu barev. Různé barevné modely popisují barvy, které vidíme a se kterými pracujeme v digitálních obrazech a při jejich

Více

Základy HTML. Autor: Palito

Základy HTML. Autor: Palito Základy HTML Autor: Palito Zobrazení zdrojového kódu Zobrazení zdrojového kódu Každá stránka je na disku nebo na serveru uložena ve formě zdrojového kódu. Ten kód je psaný v jazyce HTML. Když si chcete

Více

Práce na počítači. Bc. Veronika Tomsová

Práce na počítači. Bc. Veronika Tomsová Práce na počítači Bc. Veronika Tomsová Barvy Barvy v počítačové grafice I. nejčastější reprezentace barev: 1-bitová informace rozlišující černou a bílou barvu 0... bílá, 1... černá 8-bitové číslo určující

Více

SkautIS Remote Components absolventská práce

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.

Více

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 6 24.3.2015 aneta.bartuskova@uhk.cz 6 24.3.2015 aneta.bartuskova@uhk.cz Layout 24.3.2015 aneta.bartuskova@uhk.cz Layout stránky = strukturní i vizuální rozvržení webové stránky Stránka je chápána jako skupina oblastí, každá oblast má svůj

Více

13. Vytváření webových stránek

13. Vytváření webových stránek 13. Vytváření webových stránek značkovací jazyk HTML, základní členění dokumentu, odkazy, tabulky, seznamy, obrázky, HTML editory Značkovací jazyk HTML HTML - Hypertext markup Language (hypertextový značkovací

Více

Rozšíření bakalářské práce

Rozšíření bakalářské práce Rozšíření bakalářské práce Vojtěch Vlkovský 2011 1 Obsah Seznam obrázků... 3 1 Barevné modely... 4 1.1 RGB barevný model... 4 1.2 Barevný model CMY(K)... 4 1.3 Další barevné modely... 4 1.3.1 Model CIE

Více

CSS - stručná reference kaskádových stylů

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

Více

Barvy a barevné systémy Formáty obrázků pro WWW

Barvy a barevné systémy Formáty obrázků pro WWW Barvy a barevné systémy Formáty obrázků pro WWW Viditelné světlo. Elektromagnetické záření o vlnové délce 390 760 nanometrů. Jsou-li v konkrétním světle zastoupeny složky všech vlnových délek, vnímáme

Více

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675

Tvorba WWW stránek. Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Tvorba WWW stránek Mojmír Volf mojmir.volf@tul.cz https://www.nti.tul.cz/wiki/wikiuser:mojmir.volf 485 353 675 Zdroje KRUG: Web design - nenuťte uživatele přemýšlet.. Computer Press, 2003. PROKOP M.: CSS

Více

PODPORA ELEKTRONICKÝCH FOREM VÝUKY

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

Více

Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34.

Úvod do CSS. Střední škola informatiky, elektrotechniky a řemesel Rožnov pod Radhoštěm. Modernizace výuky s využitím ICT, CZ.1.07/1.5.00/34. Úvod do CSS Tematický okruh (ŠVP) CSS1 Vysvětlení úlohy CSS při programování www stránek Úvod do CSS VY_32_INOVACE_01_02_01 Vytvořeno září 2012 Materiál slouží k podpoře výuky programování webových aplikací

Více

. Grafika a plovoucí prostředí. Zpracování textů na počítači. Ing. Pavel Haluza, Ph.D. ústav informatiky PEF MENDELU v Brně haluza@mendelu.

. Grafika a plovoucí prostředí. Zpracování textů na počítači. Ing. Pavel Haluza, Ph.D. ústav informatiky PEF MENDELU v Brně haluza@mendelu. Grafika a plovoucí prostředí Zpracování textů na počítači Ing Pavel Haluza, PhD ústav informatiky PEF MENDELU v Brně haluza@mendelucz Kreslení vektorových obrazů Příklad \unitlength=1mm \begin{picture}(50,30)(10,20)

Více

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití

Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití Název: VY_32_INOVACE_PG4113 Relativní pozicovaní a jeho využití 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í

Více

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO

Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO Počítačová grafika SZŠ A VOŠZ MERHAUTOVA 15, BRNO 1 Základní dělení 3D grafika 2D grafika vektorová rastrová grafika 2/29 Vektorová grafika Jednotlivé objekty jsou tvořeny křivkami Využití: tvorba diagramů,

Více

VYSOK ŠKOLA EKONOMICKÁ V PRAZE VYŠŠÍ ODBORNÁ ŠKOLA INFORMAČNÍCH SLUŽEB. Projekt

VYSOK ŠKOLA EKONOMICKÁ V PRAZE VYŠŠÍ ODBORNÁ ŠKOLA INFORMAČNÍCH SLUŽEB. Projekt VYSOK ŠKOLA EKONOMICKÁ V PRAZE VYŠŠÍ ODBORNÁ ŠKOLA INFORMAČNÍCH SLUŽEB Projekt Návrh a implementace systému správy obsluhy pro informační screen VOŠIS Zadavatel: Ing. Antonín Skopec Petr Bednář vedoucí

Více

Rozměry, okraje a rámečky

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

Více

CSS vlastnosti - stručný prehľad. Vlastnosti písma. Vlastnosti farby a pozadí. font-family. font-style. font-variant. font-weight. font-size.

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

Více

WWW a HTML. Základní pojmy. Ivo Peterka

WWW a HTML. Základní pojmy. Ivo Peterka WWW a HTML Základní pojmy WWW World Wide Web systém navzájem propojených stránek Stránky se mohou skládat z částí nacházejících se v různých částech světa. HTML HyperText Markup Language Slouží k psaní

Více

Úvod do počítačové grafiky

Úvod do počítačové grafiky Úvod do počítačové grafiky elmag. záření s určitou vlnovou délkou dopadající na sítnici našeho oka vnímáme jako barvu v rámci viditelné části spektra je člověk schopen rozlišit přibližně 10 milionů barev

Více

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy

HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy V čem se píší web. dokumenty HTML XHTML JavaScript PHP ASP.Net Zajímavé odkazy HTML HTML (HyperText Markup Language, značkovací jazyk pro hypertext) standart pro vytváření stránek v systému aplikací World

Více

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost

Dotazy na médium KAPITOLA 4. V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium KAPITOLA 4 V této kapitole: Zkoumáme vlastnosti média Dotazy na médium v praxi Využíváme příležitost Dotazy na médium tvoří třetí pilíř responzivního webdesignu. Jedná se o rozšíření specifikace

Více

Jak vytvořit jednoduché webové stránky.

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

Více

Cascading Style Sheets CSS Selektory Selektory

Cascading Style Sheets CSS Selektory Selektory CSS JohanSebastianBachwasaprolificomposeṙ Bach'shomepage TITLE> BODY>Bach'shomepage H1> 1{color:red} h STYLE> HEAD>

Více

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz

Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz Inovace bakalářského studijního oboru Aplikovaná chemie http://aplchem.upol.cz CZ.1.07/2.2.00/15.0247 Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. Internet

Více

CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem

CSS styly - úvod. Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem CSS styly - úvod Formátování HTML - Kdy používat CSS - Nástin možností CSS - Trojí použití CSS - Příklady - Syntaxe - Příklad s nadpisem Formátování HTML Každý text má obsah a formu. Když mluvím o formátu

Více

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115

Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo projektu: Gymnázium a Střední odborná škola, Rokycany, Mládežníků 1115 Číslo šablony: 8 Název materiálu: Ročník: Identifikace materiálu: Jméno autora: Předmět: Tématický celek: Anotace: CZ.1.07/1.5.00/34.0410

Více

HTML - Úvod. Zpracoval: Petr Lasák

HTML - Úvod. Zpracoval: Petr Lasák HTML - Úvod Zpracoval: Petr Lasák Je značkovací jazyk, popisující obsah HTML stránek Je z rodiny SGML jazyků, jako např. XML, DOCX, XLSX Nejedná se o programovací ale značkovací jazyk Dynamičnost dodávají

Více

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování

Tvorba WWW stránek. přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování Tvorba WWW stránek přehled technologií používaných na webu principy jednotlivých technologií a možnosti jejich vzájemného kombinování HTML/XHTML kaskádové styly PHP spolupráce PHP s databázemi Technologie

Více

www.helpmark.cz Tomáš Herout

www.helpmark.cz Tomáš Herout 4. 1. 2015 1 Obsah prezentace» Jak naplánovat strukturu» Co je to HTML a CSS» Co používat za nástroje» Struktura a logika HTML» DOCTYPE» Hlavička (X)HTML» Tělo (X)HTML» Skupiny (X)HTML tagů» Vztah mezi

Více

Návrh stránek 4IZ228 tvorba webových stránek a aplikací

Návrh stránek 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2013/12/12 20:40:58 $ Obsah Úvod... 3 Recept na dobré webové stránky... 4 Použitelnost... 5 Jak se pozná použitelný web...

Více

GRAFICKÝ MANUÁL KE ZNAČCE

GRAFICKÝ MANUÁL KE ZNAČCE GRAFICKÝ MANUÁL KE ZNAČCE 1 1 LOGOTYP Varianty logotypu Grafický manuál definuje jednu tvarovou variantu logotypu Reklama, Polygraf. Letopočet v logotypu se mění v závislosti na aktuálním roce konání veletrhu.

Více

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery

Funkce grafiky na webu. Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Grafika pro web Funkce grafiky na webu Primární grafická informace Fotografie Schémata Diagramy Loga Bannery Funkce grafiky na webu Sekundární grafická informace Dekorace Zvýraznění Šipky Oddělovače Funkce

Více

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz

TNPW1 Cvičení 2 6.10.2015 aneta.bartuskova@uhk.cz 6.10.2015 aneta.bartuskova@uhk.cz TNPW1 Cvičení 1 Technologie pro tvorbu webu HTML, HTML5 značkovací jazyk struktura, obsah, odkazy - hypertext CSS, CSS3 kaskádové styly vzhled (rozvržení, formátování,

Více

Kódy pro formát čísla

Kódy pro formát čísla Kódy pro formát čísla y pro formát čísel se mohou skládat až z tří částí oddělených středníkem (;). Pokud formátovací kód obsahuje dvě části, první část se použije pro kladné hodnoty a nulu, druhá část

Více

Elements. Grafický manuál. Vypracoval Šimon Genzer

Elements. Grafický manuál. Vypracoval Šimon Genzer Grafický manuál Vypracoval Šimon Genzer Obsah 1 Úvod 2 Normy logotypu 2.1 barevná varianta loga 2.2 černobílá varianta loga 2.3 ochranná zóna a minimální velikost loga 2.4 rozkres loga v grafické síti

Více

Multimediální systémy. 02 Reprezentace barev v počítači

Multimediální systémy. 02 Reprezentace barev v počítači Multimediální systémy 02 Reprezentace barev v počítači Michal Kačmařík Institut geoinformatiky, VŠB-TUO Osnova přednášky Reprezentace barev v PC Způsoby míchání barev Barevné modely Bitová hloubka Barvy

Více

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1.

Bloky. Tag Význam Párový. p odstavec nepovinně. br řádkový zlom ne. div oddíl ano. center vycentrování ano. h1 nadpis 1. Bloky Tu se popisuji blokové tagy, což jsou všechny, za kterými se zalamuje řádka. Jde o různé oddíly textu a odstavce. Opakem blokových tagů jsou řádkové (in-line) tagy na značkování textu. Tag Význam

Více

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument

Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument Informatika pro moderní fyziky (8) Javascript, CSS - stylování dokumentů, SVG - tvorba obrázků, složitější interaktivní dokument František HAVLŮJ e-mail: haf@ujv.cz ÚJV Řež oddělení Reaktorové fyziky a

Více

Hřiště-sportoviště-tělocvična ověřený provoz. manuál Prosinec 2010

Hřiště-sportoviště-tělocvična ověřený provoz. manuál Prosinec 2010 Hřiště-sportoviště-tělocvična ověřený provoz manuál Prosinec 2010 www.overenehriste.cz prosinec 2010 Obsah Úvod..................................................... strana 3 Pojmenování souborů...strana

Více

Ukázka knihy z internetového knihkupectví www.kosmas.cz

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

Více

Grafický manuál Zelená vlna, Zpravodaj Zelené vlny

Grafický manuál Zelená vlna, Zpravodaj Zelené vlny Grafický manuál Zelená vlna, Zpravodaj Zelené vlny OBSAH Obsah 3 Zelená vlna Definice 4 Ochranné pole 4 Varianty logotypu 5 Definice barev 6 Minimální velikosti 7 Umístění na podkladu 8 Zpravodaj Zelené

Více

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se.

Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami <!-- a -->, je považováno za poznámku a nezobrazuje se. Úvod do tvorby www stránek Tvorba www 3 Poznámka v (x)html Všechno, co je v (x)html souboru obaleno značkami , je považováno za poznámku a nezobrazuje se. Odkaz (hyperlink)

Více

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

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

Více

Výukový materiál KA č.4 Spolupráce se ZŠ

Výukový materiál KA č.4 Spolupráce se ZŠ Výukový materiál KA č.4 Spolupráce se ZŠ Modul: Téma workshopu: Výpočetní technika Co je to internet? Jak si udělat vlastní www stránku? Vypracovala: Ing. Lenka Hellová Termín workshopu: 30. říjen 2012

Více

Základy WWW publikování

Základy WWW publikování Ing. Igor Kopetschke Oddělení aplikované informatiky Ústav nových technologií a aplikované informatiky Fakulta mechatroniky a mezioborových inženýrských studií Technická univerzita v Liberci Email : igor.kopetschke@tul.cz

Více

HTML. ICT_01., 02. konzultace; 2. ročník 1/6

HTML. ICT_01., 02. konzultace; 2. ročník 1/6 ICT_01., 02. konzultace; 2. ročník 1/6 HTML Vystavení vlastních dat na Internetu Každý uživatel Internetu, který chce svoje webové stránky publikovat na Internetu potřebuje: - místo na webovém serveru,

Více

15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy)

15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy) 15. CSS styly (funkce, vývoj, využití). Práce s CSS styly (vkládání do kódu, pravidlo, selektor, dědičnost, kaskády, id a vlastní třídy) Formátování HTML Každý text má obsah a formu. Když mluvím o formátu

Více

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz

Webové stránky. 6. Grafické formáty pro web. Datum vytvoření: 11. 10. 2012. str ánk y. Vytvořil: Petr Lerch. www.isspolygr.cz Webové stránky 6. Vytvořil: Petr Lerch www.isspolygr.cz Datum vytvoření: 11. 10. 2012 Webové Strana: 1/6 Škola Ročník Název projektu Číslo projektu Číslo a název šablony Autor Tématická oblast Název DUM

Více

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017.

Elektronické publikování - prezentace. 23. dubna 2009 VŠB - TUO. Beamer - grafické zpracování prezentace. Rostislav Šuta, sut017. Beamer - Elektronické publikování - VŠB - TUO 23. dubna 2009 Obsah 1 2 3 4 5 6 Obsah 1 2 3 4 5 6 schémata barvy písma změna fontu vnitřní schémata vnější schémata Obsah Prezentace bez navigace e stromovou

Více

DUM 01 téma: Úvod do počítačové grafiky

DUM 01 téma: Úvod do počítačové grafiky DUM 01 téma: Úvod do počítačové grafiky ze sady: 02 tematický okruh sady: Bitmapová grafika ze šablony: 09 Počítačová grafika určeno pro: 2. ročník vzdělávací obor: vzdělávací oblast: číslo projektu: anotace:

Více

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne

Obrázky. Tag Význam Párový Výskyt. img obrázek ne. img video ne. map klikací mapa. area oblast v klikací mapě ne Obrázky Tag Význam Párový Výskyt img obrázek ne img video ne map klikací mapa ano area oblast v klikací mapě ne Img Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného

Více

Základy HTML (2. přednáška)

Základy HTML (2. přednáška) Základy HTML (2. přednáška) WWW World Wide Web Sestává ze tří stavebních bloků Síť informačních zdrojů Universal Resource Identifier jednotný způsob jak adresovat zdroje, (URL) protokoly pro přístup ke

Více

1. logotyp 1. 1. základní varianta

1. logotyp 1. 1. základní varianta 1. logotyp 1. logotyp 1. 1. základní varianta Logotyp je základním prvkem vizuálního stylu a současně ochrannou registrovanou známkou. Užívá se pro označení institucí a aktivit Královéhradeckého kraje.

Více

12. Základy HTML a formuláře v HTML

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

Více

Gymnázium Boženy Němcové

Gymnázium Boženy Němcové Gymnázium Boženy Němcové Manuál jednotného vizuálního stylu Štěpán Soukeník, 2009 Gymnázium Boženy Němcové Obsah Specifikace značky 1.0 Úvodní slovo 1.1 Logotyp a logo 1.2 Inverzní varianta 1.3 Barevnost

Více

CSS Cascading style sheet přehled vlastností selektory

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

Více

Mgr. Vlastislav Kučera přednáška č. 1

Mgr. Vlastislav Kučera přednáška č. 1 Mgr. Vlastislav Kučera přednáška č. 1 jazyk (x)html kaskádové styly Castro, E.: HTML, XHTML a CSS. CPress, 2007 Písek, S.: HTML a XHTML, začínáme programovat. Grada Publishing, 2003 Wempen, F.: HTML a

Více

CSS Obsah Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument... 26 1.2 Vytvoření stylopisu... 26

CSS Obsah Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument... 26 1.2 Vytvoření stylopisu... 26 CSS 5 Obsah Úvod... 15 1. Základy CSS... 25 1.1 Základem je dobrý dokument...26 1.2 Vytvoření stylopisu...26 Základní syntaxe... 26 Komentáře... 27 1.3 Připojení stylopisu k dokumentu XHTML...27 Zápis

Více

Microsoft Office. Excel vlastní formát buněk

Microsoft Office. Excel vlastní formát buněk Microsoft Office Excel vlastní formát buněk Karel Dvořák 2011 Formát buněk Běžné formáty buněk vybíráme v seznamu formátů ve skupině Číslo. V některých případech potřebujeme formát v trochu jiné podobě,

Více

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci

Název modulu: Tvorba webu pomocí XHTML a CSS začátečníci Název modulu: Označení: C7 Stručná charakteristika modulu Modul vznikl za účelem úvodního seznámení zájemců o problematiku tvorby moderních webových stránek podle standardů W3C. Zahrnuje základní nezbytné

Více

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/

Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Zdroj: http://www.root.cz/clanky/pravda-a-myty-o-gifu/ Bitmapový formát (rastrový obrázek) Většina z používaných grafických formátů (JPEG, PNG, TGA, BMP) obsahuje popis rastrového obrázku jako celku ukládají

Více

KASKÁDOVÉ STYLY - PÍSMO

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

Více

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS

Dokument ve formátu webové stránky vytvořený pomocí XHTML a CSS Výstupový indikátor 06.43.19 Motivační název: Autor: Vzdělávací oblast: Vzdělávací obory: Ročník: Časový rozsah: Pomůcky: Projekt Integrovaný vzdělávací systém města Jáchymov - Mosty Tvorba webu I Petr

Více

Internet 1. ÚVOD. Příklad stránky WWW v prostředí Internet Exploreru vidíte na obr.:

Internet 1. ÚVOD. Příklad stránky WWW v prostředí Internet Exploreru vidíte na obr.: Internet 1. ÚVOD Windows XP integrují internetový prohlížeč Internet Explorer, využívají jeho některé vlastnosti zejména při zobrazování informací. Pokud jste na síť připojeni, můžete s ním pracovat a

Více

1. Začínáme s FrontPage 2003 11

1. Začínáme s FrontPage 2003 11 Úvod 9 1. Začínáme s FrontPage 2003 11 Instalace programu 12 Spuštění a ukončení programu 15 Základní ovládání 16 Hledání souborů 30 Najít a nahradit 31 Tisk 32 Schránka sady Office 34 Nápověda 36 Varianty

Více

IVT. 8. ročník. listopad, prosinec 2013. Autor: Mgr. Dana Kaprálová

IVT. 8. ročník. listopad, prosinec 2013. Autor: Mgr. Dana Kaprálová IVT Počítačová grafika - úvod 8. ročník listopad, prosinec 2013 Autor: Mgr. Dana Kaprálová Zpracováno v rámci projektu Krok za krokem na ZŠ Želatovská ve 21. století registrační číslo projektu: CZ.1.07/1.4.00/21.3443

Více

V této příloze je podrobně popsána struktura XML dokumentu s mapou (viz kapitolu 5.3), příklad tohoto XML dokumentu je na přiloženém CD v souboru

V této příloze je podrobně popsána struktura XML dokumentu s mapou (viz kapitolu 5.3), příklad tohoto XML dokumentu je na přiloženém CD v souboru Příloha 1: Struktura XML dokumentu V této příloze je podrobně popsána struktura XML dokumentu s mapou (viz kapitolu 5.3), příklad tohoto XML dokumentu je na přiloženém CD v souboru /mapa/map.xml. Obsah

Více

ZÁKLADNÍ GRAFICKÝ MANUÁL

ZÁKLADNÍ GRAFICKÝ MANUÁL ZÁKLADNÍ GRAFICKÝ MANUÁL OBSAH 1 ÚVOD 2 KODIFIKACE LOGOTYPU 2.1. barevná varianta loga 2.2. černobílá varianta loga 2.3. ochranná zóna a minimální velikost loga 2.4. rozkres loga v grafické síti 2.5. logotyp

Více