Ukázka knihy z internetového knihkupectví

Save this PDF as:
 WORD  PNG  TXT  JPG

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

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

Transkript

1

2 Ukázka knihy z internetového knihkupectví

3 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

4 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

5 CSS 5 Úvod Základy CSS Základem je dobrý dokument Vytvoření stylopisu...26 Základní syntaxe Komentáře Připojení stylopisu k dokumentu XHTML...27 Zápis přímo do dokumentu Načtení externího stylopisu Hodnoty...28 Klíčová slova <číslo>, <celé_číslo> <velikost>, <délka> Absolutní jednotky Relativní jednotky <procenta> <barva> <URI> <řetězec> <čas> Selektory...31 Selektory typu Univerzální selektor Selektory třídy Násobné třídy Selektory ID Selektory s atributy Existence atributu Atribut hodnoty Atribut obsahující hodnotu Atribut obsahující podhodnotu Vícenásobné selektory s atributy Selektory následníků... 33

6 6 CSS Selektory potomků Selektory sourozenců Pseudotřídy a pseudoprvky...34 Pseudotřídy :link a :visited Dynamické pseudotřídy :hover, :active a :focus Pseudotřída :first-child Jazyková pseudotřída :lang Pseudoprvek :first-line Pseudoprvek :first-letter Pseudoprvky :before a :after Kombinování a seskupování selektorů, pseudotříd a pseudoprvků...38 Kombinované selektory Seskupování selektorů Média...38 Typy médií Určení médií v dokumentu Určení médií přímo ve stylopisu Dědičnost...39 Klíčové slovo inherit Vypočítané hodnoty a kaskáda...40 Vypočítané hodnoty Kaskáda Konkrétnost selektorů Pravidlo!important Podpora vlastností v nejběžnějších prohlížečích CSS a JavaScript Připojení souboru JavaScriptu k dokumentu XHTML Identifikace prohlížečů JavaScriptem (příklady) Podstrčení vhodného stylu na základě identifikace prohlížeče Rozměry prvků a přetékání obsahu Výpočet rozměrů prvků...50 Výpočet rozměrů prvků podle Specifikace W3C (model pouze obsah ) Výpočet rozměrů prvků podle Microsoftu (model včetně rámečku a výplně )... 50

7 CSS 7 Hodnota auto Blokové (nenahrazované) prvky Řádkové (nenahrazované) prvky Nahrazované (blokové i řádkové) prvky Absolutně poziciované (nenahrazované) prvky Absolutně poziciované (nahrazované) prvky Šířka obsahu prvku vlastnost width...52 Problém chybného počítání rozměrů v Internet Exploreru Řešení Starší způsoby řešení Řešení pomocí CSS Minimální šířka prvku vlastnost min-width...61 Příklad Maximální šířka prvku vlastnost max-width Šířka prvku od hrany rámečku po hranu rámečku vlastnost box-width Výška obsahu prvku vlastnost height...68 Problém chybného počítání rozměrů v Internet Exploreru Možnosti řešení Starší způsoby řešení Řešení pomocí CSS Procentní výška prvku umístěného v <body> Minimální výška prvku vlastnost min-height Maximální výška prvku vlastnost max-height Výška prvku od hrany rámečku po hranu rámečku vlastnost box-height Výpočetní model rozměrů prvků vlastnost box-sizing Přetékání obsahu vlastnosti overflow, overflow-x a overflow-y.80 Přetékání v praxi Viditelná oblast vlastnost clip Viditelná oblast v CSS 3 vlastnost overflow-clip Viditelná oblast nahrazovaných prvků vlastnost crop Podpora vlastností v nejběžnějších prohlížečích...86

8 8 CSS 4. Barvy a pozadí Barva textu vlastnost color Styl pozadí vlastnost background...90 Barva pozadí vlastnost background-color Obrázek na pozadí vlastnost background-image Opakování obrázku na pozadí vlastnost background-repeat Umístění obrázku na pozadí vlastnost background-position Ukotvení obrázku na pozadí vlastnost background-attachment Sdružená vlastnost background Podpora vlastností v nejběžnějších prohlížečích Okraje, výplně a rámečky Základní koncepce rámů...95 Základní podpora v různých prohlížečích Okraje vlastnost margin Slučování okrajů Hodnota auto snadné centrování blokových prvků Stránka na střed v Mozille Výplně vlastnost padding Rámečky vlastnost border Šířka rámečku vlastnost border-width Barva rámečku vlastnost border-color Styl rámečku vlastnost border-style Sdružená vlastnost border Zaoblení rámečku vlastnost border-radius Složitější příklad Obrazy v rámečku vlastnosti border-image, border-corner-image, border-fit, border-image-transform, border-corner-imagetransform Obrázek v rámečku vlastnost border-image Obrázek v rohu rámečku vlastnost border-corner-image Opakování obrázků v rámečku vlastnost border-fit Natočení obrázku v rámečku vlastnosti border-image-transform, border-corner-image-transform Sdružená vlastnost border dle CSS

9 CSS Obrys prvku vlastnost outline Stín prvku vlastnost box-shadow Podpora vlastností v nejběžnějších prohlížečích Vlastnosti písma Typ písma font-family Písma pro starší verze Linuxu Písma pro Windows 3.x Písma pro Mac OS Písma pro moderní Linux Bezpatková písma Patková písma Psaná písma Písma pro Windows 95/98/ME/NT/2000/XP Bezpatková písma Ostaní písma Příklady definice písem Bezpatkové písmo malé Bezpatkové písmo střední Bezpatkové písmo velké Patkové písmo malé Patkové písmo větší Proložené písmo menší Proložené písmo větší Dekorativní písmo Psané písmo Dynamické vkládání fontů Velikost písma font-size Styl písma font-style Síla písma font-weight Kapitálky font-variant Výška řádek line-height Sdružená vlastnost font Hustota písma font-stretch Výška nízkých liter font-size-adjust Podpora vlastností v nejběžnějších prohlížečích...137

10 10 CSS 7. Vlastnosti textu Odsazení první řádky vlastnost text-indent Rozestup znaků vlastnost letter-spacing Rozestup slov vlastnost word-spacing Vodorovné zarovnání vlastnost text-align Svislé zarovnání vlastnost vertical-align Velikost písmen vlastnost text-transform Dekorace textu vlastnost text-decoration Stín kolem textu vlastnost text-shadow Rolování textu vlastnosti marquee Styl rolování textu vlastost marquee-style Směr rolování textu vlastnost marquee-direction Rychlost rolování textu vlastnost marquee-speed Opakování rolování textu vlastnost marquee-repetition Sdružená vlastnost marquee Efekty písma vlastnost font-effect Podpora vlastností v nejběžnějších prohlížečích Typ prvku a viditelnost Typ prvku vlastnost display block, inline, none inline-block run-in compact table, table-cell a inline-table Svislé centrování obsahu pomocí vlastnosti display Viditelnost prvku vlastnost visibility Podpora vlastností v nejběžnějších prohlížečích Pozice prvku Pozice prvku vlastnosti position, top, right, bottom, right, z-index Pozice prvku position Souřadnice prvku top, right, bottom, left

11 CSS 11 Pozice prvku ve třetím rozměru z-index Praktické příklady poziciování Kompletní rozvržení stránky pomocí position: absolute pevný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute pružný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute částečně pružný třísloupcový layout Kompletní rozvržení stránky pomocí position: absolute částečně pružný třísloupcový layout rozměry v em Kompletní rozvržení stránky pomocí position: fixed pružný třísloupcový layout s fixně poziciovaným ovládacím menu rozměry v em Relativní poziciování řádkových prvků Plovoucí vykřičník Pružné poznámky ve zdrojovém kódu Svislé centrování obsahu verze pro Internet Explorer Svislé centrování obsahu kompletní verze (pro všechny prohlížeče) Plovoucí prvky vlastnost float Praktické příklady použití vlastnosti float Plovoucí nadpisy Dva sloupce s obrázkem uprostřed Tři sloupce s obrázkem uprostřed Zrušení obtékání vlastnost clear Podpora vlastností v nejběžnějších prohlížečích Tabulky Tabulky a CSS Tabulkový formátovací model CSS Tabulkové prvky Přehled předdefinovaných hodnot display v XHTML Šířka tabulky Formátovací modely vlastnost table-layout Automatický model Fixní model Výška tabulky Vodorovné zarovnání obsahu buněk Teoretický výsledek:

12 12 CSS 10.8 Svislé zarovnání obsahu buněk vlastnost vertical-align Formátování sloupců Dynamické efekty skrytí či zobrazení řádků a sloupců vlastnost visibility Slučování rámů buněk vlastnost border-collapse Rozestup mezi rámy buněk vlastnost border-spacing Zobrazení prázdných buněk vlastnost empty-cells Pozice titulku tabulky vlastnost caption-side Praktické příklady formátování tabulek v CSS Příklad 1 jednoduchá tabulka Příklad 2 trochu složitější tabulka Celý kód opravné funkce Celé řešení Automatické nastavení barev v buňkách podle obsahu Základní řešení Podpora CSS v nejběžnějších prohlížečích Generovaný obsah Generování obsahu vlastnost content <řetězec> attr(x) <uri> Čítače a uvozovky Čítače vlastnosti counter-increment a counter-reset Uvozovky vlastnost quotes Podpora vlastností v nejběžnějších prohlížečích Vlastnosti seznamů Typ odrážky seznamu vlastnost list-style-type Obrázek jako odrážka seznamu vlastnost list-style-image Umístění odrážky seznamu vlastnost list-style-position Sdružená vlastnost list-style Podpora vlastností v nejběžnějších prohlížečích...285

13 CSS Uživatelské efekty Tvar kurzoru vlastnost cursor Průhlednost prvku vlastnost opacity Podpora vlastností v nejběžnějších prohlížečích Vlastnosti tisku Zalamování textu vlastnosti page-break-before, page-break-after, page-break-inside Minimální počet řádků na stránce vlastnosti orphans a widows Tisknutelná oblast 14.4 Velikost a orientace tisknutelné oblasti vlastnost size Pojmenované stránky vlastnost page Adresování první, levé a pravé strany pseudotřídy :first, :left a :right Další tipy k formátování pro tisk Zrušte tisk zbytečností Barvy a pozadí Tisk odkazů Podpora vlastností v nejběžnějších prohlížečích Odstřižení starých prohlížečů od stylů a skriptů, individualizace stylopisů Individualizace stylů Připojení externích stylů Link a import Podmíněné komentáře Příklad odříznutí starších prohlížečů od stylu Triky na úrovni pravidel stylů Triky se selektory Další CSS triky Individualizace skriptů Identifikace prohlížeče JavaScriptem příklady useragent Opera Opera

14 14 CSS? Internet Explorer 5.5 a Konqueror Staré prohlížeče, Mozilla 0, Opera 6, IE Další tipy a řešení Režimy prohlížečů Zapsání stylu JavaScriptem Registrace ovladačů událostí Jak na onload Rozbalovací nabídky Svislá rozbalovací nabídka (změna výšky) Svislá rozbalovací nabídka (pomocí display) Víceúrovňová rozbalovací nabídka Několik poznámek Nejzákladnější styly pište přímo do dokumentu Rejstřík

15 CSS 15 Úvod Úvod CSS ( Tabulky kaskádových stylů, Cascading Style Sheets) jsou skutečným přelomem ve způsobu formátování webových prezentací. Protože CSS neovlivňuje obsah dokumentů samotných, umožňuje vytvářet čisté, přísně strukturované dokumenty, vyhovujíci logice i standardům, umožňující bezproblémovou práci s obsahem vašich stránek i jiným aplikacím, než jakými jsou běžné prohlížeče (včetně čtecích zařízení pro nevidomé, mobilních zařízení, XML aplikací, fulltextových vyhledávačů na webu, ale třeba i starých textových prohlížečů). Jak je tato kniha napsána Tato kniha je psána trochu jinak, než je u většiny podobných knih o CSS zvykem. Najdete tu jen velmi málo teorie, kniha je koncipována spíše jako praktický manuál pro tvůrce webových stránek. uje základní popis využití CSS, dále detailní popis vlastností s přihlédnutím k praxi, řešení problémů pomocí JavaScriptu, využití spojení CSS a JavaScriptu, kompatibilitu CSS v nejčastěji používaných prohlížečích a další témata. Úvod

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

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

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie

Škola. Téma hodiny 08.08 HTML - Základní návrh stránky Informační a komunikační technologie Škola Střední odborná škola a Střední odborné učiliště, Hustopeče, Masarykovo nám. 1 Autor Ing. Jiří Tinka Číslo projektu CZ.1.07/1.5.00/34.0394 Číslo DUM VY_32_INOVACE_18_ICT_08.08a Název Tvorba webu

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

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek

Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Název modulu: XHTML a CSS pokročilé techniky tvorby webových stránek Označení: C8 Stručná charakteristika modulu Modul si klade za cíl seznámit detailněji s tvorbou webových stránek pomocí kódovacího jazyka

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

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

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

Kaskádové styly 4IZ228 tvorba webových stránek a aplikací

Kaskádové styly 4IZ228 tvorba webových stránek a aplikací 4IZ228 tvorba webových stránek a aplikací Jirka Kosek Poslední modifikace: $Date: 2014/10/02 11:38:43 $ Obsah Úvod... 3 Důvody vzniku CSS... 4 Problémy s rádoby graficky dokonalými stránkami... 5 Řešení

Více

Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce. 2003 Petra Pavlyková

Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce. 2003 Petra Pavlyková Soukromá vyšší odborná škola a Obchodní akademie s.r.o. České Budějovice Pražská 3. Absolventská práce 2003 Petra Pavlyková Prohlašuji že jsem absolventskou práci na téma Tvorba internetových aplikací

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

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

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

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

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

(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

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

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

MODUL 7: TVORBA WEBOVÝCH APLIKACÍ

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

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

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 3. část Vztahy mezi elementy»

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

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr.

Ministerstvo školství, mládeže a tělovýchovy České republiky. Tematický plán Obor: Informační technologie. Vyučující: Mgr. Tematický plán Vyučující: Mgr. Kijonková Jana 1. r o č n í k 3 h o d i n y t ý d n ě, c e l k e m 1 0 2 h o d i n Počet hodin Z á ř í 1. Operační systém Windows 6 1.1. Práce se soubory (vytvoření, uložení,

Více

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12

Obsah. Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Obsah Úvodem 11 Komu je kniha určena 11 Forma výkladu 12 Cvičení a příklady ke knize 12 Kapitola 1 Než se pustíme do práce 15 Internet, web, WWW co to vlastně je? 15 Jak se tvoří internetové stránky 16

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

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

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči

Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Název: VY_32_INOVACE_PG4119 Tipy a triky, rozdíly mezi prohlížeči Autor: Mgr. Tomáš Javorský Datum vytvoření: 06 / 2012 Ročník: 3 Vzdělávací oblast / téma: webdesign, počítačová grafika Anotace: DUM seznamuje

Více

MS Word základy. Úvod do MS Word. Nový dokument. Vytvoření zástupce programu na ploše. Otevření dokumentu a popis prostředí: Ukládání souboru:

MS Word základy. Úvod do MS Word. Nový dokument. Vytvoření zástupce programu na ploše. Otevření dokumentu a popis prostředí: Ukládání souboru: MS Word základy Úvod do MS Word. Vytvoření zástupce programu na ploše. Start Programy PK na Microsoft Word Odeslat Plocha Vytvořit zástupce Otevření dokumentu a popis prostředí: Spuštění programu Start

Více

Nová struktura souborů a složek

Nová struktura souborů a složek Tvorba podstránek Vytvoření podstránek Asi si kladete otázku, jakým způsobem docílíme toho, aby se všechny podstránky na našem webu zobrazovaly v námi vytvořeném layoutu. Máme 4 možnosti jak vytvářet podstránky

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

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

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu

PŘÍRUČKA. Správa obsahu webové prezentace. Formátování textu PŘÍRUČKA Správa obsahu webové prezentace Formátování textu Verze: 6.2 Datum: 4.12.2009 Autor: Ing. Michal Šídlo, michal.sidlo@netgenium.com Společnost: NetGenium s.r.o., www.netgenium.com Obsah 1. Základní

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

Microsoft Office SharePoint Server 2007

Microsoft Office SharePoint Server 2007 Microsoft Office SharePoint Server 2007 Příručka pro uživatele Úvod do HTML a CSS Verze 1.1 Stav k 7.4. 2009 Středisko komunikačních a informačních systému Univerzita obrany Brno 2009 2008 Středisko komunikačních

Více

XHTML a tvorba webu. 1. Historie a základní struktura. HTML HyperText Markup Language

XHTML a tvorba webu. 1. Historie a základní struktura. HTML HyperText Markup Language XHTML a tvorba webu 1. Historie a základní struktura HTML HyperText Markup Language - HTML 0.9 první verze 1991 - Značkovací jazyk pro zápis dokumentů na webu - Vkládání do textu obrázků, hypertextových

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

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

================================================================================ =====

================================================================================ ===== Název: VY_32_INOVACE_PG4101 Základní struktura HTML stránky Datum vytvoření: 01 / 2012 Anotace: DUM seznamuje se základní strukturou a členěním HTML stránky, s jednotlivými složkami - HTML, CSS, externí

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

Návrh webového obchodu

Návrh webového obchodu Bankovní institut vysoká škola Praha Katedra informatiky a kvantitativních metod Návrh webového obchodu Bakalářská práce Autor: Alyabyev Alexandr Informační technologie Vedoucí práce: Ing. Bohuslav Růžička,

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

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY

25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25. TVORBA HTML DIALOGŮ PRO PEVNÉ TVARY 25.1 Přidání nového tlačítka do menu Abychom mohli zpřístupnit nový pevný tvar do systému, je třeba přidat nové tlačítko do Menu. V našem případě se jedná o příčné

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

CSS a XHTML. tvorba dokonalých WWW stránek krok za krokem DRUHÉ, David Procházka. v ydání

CSS a XHTML. tvorba dokonalých WWW stránek krok za krokem DRUHÉ, David Procházka. v ydání DRUHÉ, ak tualizo vané v ydání CSS a XHTML tvorba dokonalých WWW stránek krok za krokem David Procházka Návrh moderních webových stránek snadno a rychle Průvodce technologiemi XHTML a CSS Úvod do technologie

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

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

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008)

1. Struktura stránky, zásady při psaní kódu, MVC pattern. Web pro kodéry (Petr Kosnar, ČVUT, FJFI, KFE, PINF 2008) 1. Struktura stránky, zásady při psaní kódu, MVC pattern Web pro kodéry (Petr Kosnar, ČVUT, Obsah } Terminologie } Prezentace x Obsah } Struktura kódu } Sémantika kódu } Struktura stránky } Šablony } Template

Více

Kapitola 1 První kroky v tvorbě miniaplikací 11

Kapitola 1 První kroky v tvorbě miniaplikací 11 Obsah Úvodem 9 Komu je kniha určena 9 Kapitola 1 První kroky v tvorbě miniaplikací 11 Co je to Postranní panel systému Windows a jak funguje 12 Co je potřeba vědět před programováním miniaplikací 16 Vaše

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

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 HTML5 CSS3 HTML5 a CSS3: CASTRO, E. HTML5 a CSS3. Computer press, 2012 GOLDSTEIN, A., LAZARIS, L. a WEYL, E. HTML5 a CSS3 pro webové designéry. Brno: Zoner Press,

Více

PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce. 2005 Jan Chlumský

PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce. 2005 Jan Chlumský PB Vyšší odborná škola a Střední škola managementu, s.r.o. Absolventská práce 2005 Jan Chlumský PB Vyšší odborná škola a Střední škola managementu, s.r.o. Nad Rokoskou 111/7, Praha 8 Obor: Aplikace výpočetní

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

absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru.

absolutní (úplná) začíná lomítkem http:// nebo https:// pouze v odkazech na jiný web. relativní popisuje cestu od html stránky k cílovému souboru. Základy www Jak vytvořit webové stránky Návody a příklady najdete na adrese webowebu.phorum.cz Podrobný popis a další možnosti najdete na stránkách owebu.org Potřebný software Html editor PSPad, který

Více

Přehled nabízených kurzů

Přehled nabízených kurzů WINDOWS XP ZÁKLADY OBSLUHY Seznámení s osobním počítačem Periferie osobního počítače (monitory, tiskárny, skenery...) Obsluha klávesnice Práce s myší Prostředí MS Windows XP Plocha Menu Start Soubor, ikona,

Více

POKROČILÉ ZPRACOVÁNÍ TEXTU

POKROČILÉ ZPRACOVÁNÍ TEXTU POKROČILÉ ZPRACOVÁNÍ TEXTU Hana Rohrová, Roman Rohr Cíle kurzu Po ukončení tohoto kurzu budete schopni: používat pokročilé formátování textu, odstavců, sloupců a tabulek, převádět text na tabulku a naopak,

Více

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS

RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS RESPONZIVNÍ WEBDESIGN INFORMAČNÍCH SYSTÉMŮ RESPONSIVE WEBDESIGN OF INFORM SYSTEMS Stanislav Machalík 1 Anotace: V příspěvku jsou popsány základy tvorby responzivního webu, online aplikací a informačních

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

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází

Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Tvorba WWW stránek s využitím technologií (X)HTML, CSS, PHP a databází Dosedla Martin HTML Úvod do (X)HTML Tagy značky. Slouží ke strukturování dokumentu (párové a nepárové)

Více

Internet 2 css, skriptování, dynamické prvky

Internet 2 css, skriptování, dynamické prvky Internet 2 css, skriptování, dynamické prvky Martin Hejtmánek hejtmmar@fjfi.cvut.cz http://kmlinux.fjfi.cvut.cz/ hejtmmar Počítačový kurs Univerzity třetího věku na FJFI ČVUT Znalci 26. března 2009 Dnešní

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

KAPITOLA 1 Přehled aktuálního vývoje webů 11

KAPITOLA 1 Přehled aktuálního vývoje webů 11 Obsah Úvodem 9 KAPITOLA 1 Přehled aktuálního vývoje webů 11 Definice webového designu 12 Poznejte sedm pravidel webového designu 14 Pochopte tři přístupy k webovému designu 16 Shrnutí 24 KAPITOLA 2 Design

Více

2.8.1 Nejdůležitější a nejpoužívanější elementy... 35 2.9 Ostatní... 36 2.9.1 Znakové entity... 36 2.9.2 kontejnery... 36 2.9.3 komentáře...

2.8.1 Nejdůležitější a nejpoužívanější <meta /> elementy... 35 2.9 Ostatní... 36 2.9.1 Znakové entity... 36 2.9.2 kontejnery... 36 2.9.3 komentáře... OBSAH Obsah... 4 1. Úvod... 7 1.1 Princip webových stránek... 7 1.1.1 WWW stránka... 7 1.2 Historie XHTML... 9 1.3 Obecně o XHTML... 10 1.4 XHTML editory... 12 1.4.1 Wysiwyg editory... 12 1.4.2 Strukturní

Více

Vysoká škola báňská Technická univerzita Ostrava INTERNET A SÍTĚ. učební text. Marek Babiuch

Vysoká škola báňská Technická univerzita Ostrava INTERNET A SÍTĚ. učební text. Marek Babiuch Vysoká škola báňská Technická univerzita Ostrava INTERNET A SÍTĚ učební text Marek Babiuch Ostrava 2010 Recenze: Ing. Pavel Buřil Mgr. Jan Veřmiřovský Název: Internet a sítě Autor: Marek Babiuch Vydání:

Více

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

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

Více

Všechny značky musí být vzájemně správně vnořeny špatně správně

Všechny značky musí být vzájemně správně vnořeny <i><b>špatně</i></b> <i><b>správně</b></i> 1 Tvorba WWW stránek Každá Internetová stránka (WWW stránka) je vytvořena pomocí programovacího jazyka HTML (Hypertext Markup Language). Mohou být použité i jiné programovací jazyky jako XML, XHTML apod.

Více

Efektivní práce s Excelem (středně pokročilí uživatelé)

Efektivní práce s Excelem (středně pokročilí uživatelé) 2015 Efektivní práce s Excelem (středně pokročilí uživatelé) rozsah: 2 dny (10 hodin) Mgr. Jiří Číhař www.dataspectrum.cz Efektivní práce s Excelem pro středně pokročilé uživatele Práce s rozsáhlými tabulkami

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 6 0 U k á z k a k n i h

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

HTML. Verze 2009. Obsah:

HTML. Verze 2009. Obsah: HTML Verze 2009 Obsah: 1) Popis HTML...1 2) Základní popis jazyka...1 2.1) Struktura.html souboru...1 3) Hlavička dokumentu - Head...2 4) Tělo dokumentu - Body...3 5) Text a jeho formátování...5 5.1) Další

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

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov

Střední průmyslová škola Ostrov. Tvorba webových stránek. Petr Pistulka I2 2012-2013 CC - BY NC SA3.0. Klínovecká 1197 363 01 Ostrov Střední průmyslová škola Ostrov Klínovecká 1197 363 01 Ostrov Tvorba webových stránek Petr Pistulka I2 2012-2013 CC - BY NC SA3.0 Prohlášení Prohlašuji, že jsem svou práci vypracoval samostatně, použil

Více

Tvorba www stránek v HTML a CSS

Tvorba www stránek v HTML a CSS Tvorba www stránek v HTML a CSS Publikace vznikla v rámci projektu OPVK Vyškolený pedagog záruka kvalitní výuky na Střední odborné škole veterinární, mechanizační a zahradnické a Jazykové škole s právem

Více

Srovnání 602Office a 602PC SUITE

Srovnání 602Office a 602PC SUITE - Srovnání a 1 z 6 Srovnání a Následující tabulka slouží k porovnání vlastnosti kancelářských balíků a 602PC SUITE. Nezaměřuje se na základní vlastnosti, společné oběma kancelářským balíkům, nýbrž na pokročilé

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

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

Obsahy kurzů MS Office

Obsahy kurzů MS Office Obsahy kurzů MS Office V současné době probíhají kurzy MS Office 2010 s následující osnovou: 1. Základy práce na PC, MS Office - praktické užití Kurz je určen pro všechny, kteří mají s prací na PC minimální

Více

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace

Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Připravil: Ing. Jiří Lýsek, Ph.D. Verze: 24.4.2015 Webové aplikace Návrh webové stránky responsivní design strana 2 WEB Dříve: místo pro prezentaci a umístění dat prohlížeče pouze na PC Nyní: platforma

Více

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU

KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KAPITOLA 3 - ZPRACOVÁNÍ TEXTU KLÍČOVÉ POJMY textové editory formát textu tabulka grafické objekty odrážky a číslování odstavec CÍLE KAPITOLY Pracovat s textovými dokumenty a ukládat je v souborech různého

Více

ZŠ ÚnO, Bratří Čapků 1332

ZŠ ÚnO, Bratří Čapků 1332 Jak na počítač Komplet LangMaster I. Základní pojmy informačních technologií (IT) 1. Z čeho se skládá počítač Základní rozdělení Počítačová sestava Jak pracuje počítač Co ovlivňuje výkonnost počítače Procesor

Více

Webová grafika, struktura webu a navigace, použitelnost a přístupnost

Webová grafika, struktura webu a navigace, použitelnost a přístupnost Webová grafika, struktura webu a navigace, použitelnost a přístupnost Martin Kuna martin.kuna@seznam.cz Obsah Webová grafika Rozvržení stránky Typografické zásady Nejčastější chyby Struktura webu a navigace

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

Stručný obsah. K2118.indd 3 19.6.2013 9:15:27

Stručný obsah. K2118.indd 3 19.6.2013 9:15:27 Stručný obsah 1. Stručný obsah 3 2. Úvod 11 3. Seznamy a databáze v Excelu 13 4. Excel a externí data 45 5. Vytvoření kontingenční tabulky 65 6. Využití kontingenčních tabulek 81 7. Kontingenční grafy

Více

+ knihovna funkcí usnadňujících práci v javascriptu

+ knihovna funkcí usnadňujících práci v javascriptu framework pro javascript jquery + knihovna funkcí usnadňujících práci v javascriptu Možnosti: o manipulace s prvky HTML o změna vlastností objektů o podpora události o práce s CSS, podpora selektorů o

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

INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE -ADOBE DREAMWEAVER-

INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE -ADOBE DREAMWEAVER- Název projektu: Registrační číslo projektu: Zlepšení podmínek pro využívání ICT ve výuce CZ.1.07/1.1.02/01.0135 INFORMAČNÍ A KOMUNIKAČNÍ TECHNOLOGIE -ADOBE DREAMWEAVER- Zpracoval: Ing. Zdeněk Železný Obsah:

Více

Předmluva 11 Typografická konvence použitá v knize 12. 1 Úvod do Excelu 2003 13

Předmluva 11 Typografická konvence použitá v knize 12. 1 Úvod do Excelu 2003 13 Předmluva 11 Typografická konvence použitá v knize 12 1 Úvod do Excelu 2003 13 Spuštění a ukončení Excelu 14 Spuštění Excelu 14 Ukončení práce s Excelem 15 Přepínání mezi otevřenými sešity 16 Oprava aplikace

Více

UNIVERZITA PARDUBICE WEBOVÉ STRÁNKY DLOUHODOBÉ HRY DOPRAVNÍ FAKULTA JANA PERNERA HTTP://PERPETUUM.WZ.CZ

UNIVERZITA PARDUBICE WEBOVÉ STRÁNKY DLOUHODOBÉ HRY DOPRAVNÍ FAKULTA JANA PERNERA HTTP://PERPETUUM.WZ.CZ UNIVERZITA PARDUBICE DOPRAVNÍ FAKULTA JANA PERNERA WEBOVÉ STRÁNKY DLOUHODOBÉ HRY HTTP://PERPETUUM.WZ.CZ SEMESTRÁLNÍ PRÁCE Z PŘEDMĚTU ÚVOD DO INFORMAČNÍCH TECHNOLOGIÍ DATUM ODEVZDÁNÍ 7.2.2007 JIŘÍ KALINA,

Více

(X)HTML a CSS. VOŠ a SŠT Česká Třebová

(X)HTML a CSS. VOŠ a SŠT Česká Třebová (X)HTML a CSS Mgr. Petr Slívko VOŠ a SŠT Česká Třebová STRUKTURA WEBU Webová prezentace (anglicky website) je několik webových stránek provázaných hypertextovými odkazy. Tomu, které stránky web obsahuje

Více

Microsoft Office Excel 2003

Microsoft Office Excel 2003 Microsoft Office Excel 2003 Školení učitelů na základní škole Meteorologická Maturitní projekt SSPŠ 2013/2014 Vojtěch Dušek 4.B 1 Obsah 1 Obsah... 2 2 Seznam obrázků... 3 3 Základy programu Excel... 4

Více

Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu

Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu OL { list-style-type : upper-alpha }.vnitrni { list-style-position : inside } i i i li ě 00 5px; operace s proměnnou } Tvorba internetových stránek pomocí HTML, CSS a JavaScriptu Martin Domes Nakladatelství

Více

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage

1 Tvorba WWW stránek pomocí programu Microsoft FrontPage 1 Tvorba WWW stránek pomocí programu Microsoft FrontPage Pomocí tohoto programu můžete vytvářet WWW stránky s minimální znalostí HTML kódu. Bohužel takto vytvořené stránky obsahují množství chyb a nejsou

Více

SLEZSKÁ UNIVERZITA V OPAVĚ Filozoficko-přírodovědecká fakulta Ústav informatiky DIPLOMOVÁ PRÁCE

SLEZSKÁ UNIVERZITA V OPAVĚ Filozoficko-přírodovědecká fakulta Ústav informatiky DIPLOMOVÁ PRÁCE SLEZSKÁ UNIVERZITA V OPAVĚ Filozoficko-přírodovědecká fakulta Ústav informatiky DIPLOMOVÁ PRÁCE Pavol Hudran 2007 OPAVA SLEZSKÁ UNIVERZITA V OPAVĚ Filozoficko-přírodovědecká fakulta Ústav informatiky Pavol

Více

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ

Osnova kurzu OBSLUHA PC ZÁKLADNÍ ZNALOSTI. pilotního projektu v rámci I. Etapy realizace SIPVZ Střední průmyslová škola a Střední odborné učiliště, Trutnov, Školní 101, tel.: +420 499 813 071, fax: +420 499 814 729, e-mail: skola@spssoutu.cz, URL: http://www.spssoutu.cz Osnova kurzu OBSLUHA PC ZÁKLADNÍ

Více

METODICKÝ POKYN PRÁCE S MS Word MÍRNĚ POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky.

METODICKÝ POKYN PRÁCE S MS Word MÍRNĚ POKROČILÍ. Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem České republiky. METODICKÝ POKYN PRÁCE S MS Word MÍRNĚ POKROČILÍ Formátování textu Text formátujeme (určujeme jeho vlastnosti) na pásu karet DOMŮ. U textu můžeme formátovat font, velikost písma, řez, barvu písma, barvu

Více

Základy HTML. Obecná syntaxe HTML. Struktura HTML

Základy HTML. Obecná syntaxe HTML. Struktura HTML Základy HTML HyperText Markup Language, označovaný zkratkou HTML, je značkovací jazyk pro hypertext. Je jedním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů

Více

Kapitola 4. Pokročilá optimalizace HTML. Tipy na optimalizaci tabulek

Kapitola 4. Pokročilá optimalizace HTML. Tipy na optimalizaci tabulek Kapitola 4 Pokročilá optimalizace HTML Zkracovat lze pouze kód HTML, který je využit pro zobrazení stránky v prohlížeči. Pro úplnou optimalizaci HTML se musíte do kódu více ponořit a změnit jej. Tato kapitola

Více