CSS.

Slides:



Advertisements
Podobné prezentace
Technologie pro publikování na webu 1
Advertisements

Technologie pro publikování na webu 1
Jazyk HTML. Zdrojový kód  Elementy obsah obsah př. důležité př. důležité př. př.
WWW stránky.
Title of the document The content of the document Úroveň 1 Úroveň 2 Úroveň 3 Titulek Výrobky Služby O nás Autorem materiálu a všech jeho částí, není-li.
HyperText Markup Language
HTML. Barvy Co je to HTML soubor? HTML je zkratka Hyper Text Markup Language V HTML souboru je textový soubor proložen malými značkovacími.
Kaskádové styly (Cascading Style Sheets, CSS) slouží k formátování HTML prvků. Pomocí kaskádových stylů lze nastavit font, řez písma, velikost písma, zarovnání,
TVORBA WEBOVÝCH STRÁNEK
Tematická oblast: Aplikační software pro práci s informacemi II.
Layout stránky Rozvržení stránky (layout stránky) se provádí z těchto důvodů: Určení polohy záhlaví, menu, textů, obrázků... Zachování polohy při změně.
Formátování textu. Odstavce  tvoříme párovou značkou  text bude od ostatního textu oddělen Konec řádky  nepárová značka způsobuje ukončení řádku a.
TNPW1 Technologie pro publikování na webu
Jazyk HTML.
VY_32_INOVACE_4.3.IVT1.11/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Třídy, generické třídy, pseudotřídy
KASKÁDOVÉ STYLY 4.
Tabulky v XHTML. Tabulka pro vytvoření tabulky používáme element table pro vytvoření tabulky používáme element table uvnitř elementu table se mohou vyskytovat.
Číslo šablony: III/2 VY_32_INOVACE_P4_3.13 Tematická oblast: Aplikační software pro práci s informacemi II. CSS - vlastnosti Typ: DUM - kombinovaný Předmět:
CSS – rámečky Mgr. Lenka Švancarová.
KASKÁDOVÉ STYLY SYNTAXE STYLŮ PRAVIDLO DEFINUJÍCÍ STYL SE SKLÁDÁ Z NEJMÉNĚ TŘÍ ZÁKLADNÍCH ČÁSTÍ: * SELEKTOR ZNAČKY * SLOŽENÉ ZÁVORKY A V NICH JE.
XHTML – tabulky Mgr. Lenka Švancarová Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Lenka Švancarová. Dostupné z Metodického portálu.
CSS: šířka prvku, rámečky, okraje, výplně plovoucí prvky #CSS – šířka prvku, rámečky, okraje, výplně #CSS – plovoucí prvky.
Gymnázium, Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Hodonín Tvorba webu Úvod do CSS 1.
Pravidla a doporučení pro názvy souborů
Základní škola a mateřská škola Bzenec Číslo projektu: CZ.1.07/1.4.00/ Číslo a název šablony klíčové aktivity: III/2: využívání ICT – inovace Vypracoval/a:
HTML, XHTML a CSS Základy jazyků značek.
HTML Text, seznamy, tabulky. Formátování textu Tučné... Kurzíva … Velké … Malé … Dolní index … Horní index … Přeškrtnuté … Podtržené … MOŽNO KOMBINOVAT.
Microsoft Powerpoint Microsoft Word.
TNPW1 Cvičení
CSS styly Kaskádové styly (CSS – Cascading Style Sheets) jsou prostředkem, který zajišťuje jednotný vzhled publikovaných stránek. Technologii CSS podporují.
CSS – selektory Mgr. Lenka Švancarová. CSS – selektory Hromadná deklarace slouží ke zkrácení zápisu.  Místo h1 { color: #996666; background-color: rgb(255,255,102);}
KASKÁDOVÉ STYLY 1. 2 PRVNÍ STANDARD (CSS1) BYL PŘEDSTAVEN V ROCE 1996, PROTO STARŠÍ PROHLÍŽEČE ("ČTYŘKOVÉ" VERZE) IE A NN KASKÁDOVÉ STYLY NEPODPORUJÍ.
CSS Cascading Style Sheets Kaskádové styly
CSS – float a clear Mgr. Lenka Švancarová. CSS – float Vlastnost určuje obtékání prvku. Hodnoty:  right – prvek bude zarovnán vpravo, okolní obsah stránky.
TNPW1 Technologie pro publikování na webu Cvičení č. 9 Boxmodel Martin Adámek.
CSS Cascading Style Sheets. Výhody CSS Mohou ušetřit psaní zdrojového kódu Mohou ušetřit psaní zdrojového kódu Tvoření libovolných vzhledů Tvoření libovolných.
Párová a nepárová značka, atributy a jejich hodnoty
VY_32_INOVACE_4.3.IVT1.13/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
HTML – TABULKY. - uzavírá celou strukturu tabulky atributy tabulky:  align - obtékání tabulky ostatním textem – right, left, center  cellpadding – vnitřní.
VY_32_INOVACE_4.3.IVT1.06/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS pozicování.
CSS – selektor class.tx { color: black; /* nastaví černou barvu písma */ } Selektor class (třída) použijeme pokud chceme určité vlastnosti definovat pro.
Kaskádové styly Cascading Style Sheets. Využití CSS jde o jazyk pro popis způsobu zobrazení stránek napsaných v jazycích HTML, XHTML nebo XML umožňuje.
VY_32_INOVACE_4.3.IVT1.07/Ku Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Mgr. Pavla Kubínková CZ.1.07/1.5.00/ CSS formátování.
Styly CSS VýhodyDruhyZápis. Výhody CSS oddělení struktury od formátování oddělení struktury od formátování přilinkováním souboru styl.css lze formátovat.
CSS – menu vlevo Mgr. Lenka Švancarová. CSS – menu vlevo.
Návrh a tvorba WWW Semestrální práce. Termíny –20. října – odevzdání popisu práce pár větami popsat, jak bude vypadat a fungovat Vaše semestrální práce.
Tvorba www stránok.
Inf Webová stránka, princip HTML a CSS. Výukový materiál Číslo projektu: CZ.1.07/1.5.00/ Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím.
1 Kurz XHTML a CSS Část 1: Náš první XTHML dokument a jeho publikace na internetu.
Číslo projektu školy CZ.1.07/1.5.00/ Číslo a název šablony Klíčové aktivity III/2 Inovace a zkvalitnění výuky prostřednictvím ICT Číslo materiáluVY_32_INOVACE_ICT_II_.
HTML a CSS Rostislav Miarka.
CSS (4).
Webové prezentace II.
Kaskádové styly CSS Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jitka Vlčková. Dostupné z Metodického portálu ISSN.
Tvorba webových stránek - tabulka
Tvorba WWW stránek Formátování
ADOBE DREAMWEAVER CS6 CSS - Formátování textu
Úvod do CSS.
Co je to webová prezentace?
Tvorba WEBOVÝCH stránek – obrázky
Průvodní list Šablona: III/2 Inovace a zkvalitnění výuky prostřednictvím ICT   Vzdělávací materiál: Prezentace – zápis pro žáky Určen pro: 4. ročník oboru.
VYUŽITÍ ARCGIS API FOR JAVASCRIPT PRO PUBLIKACI MAPOVÝCH SLUŽEB ÚRM
ÚVOD DO HTML Hlavička.
Tvorba webových stránek
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Rozložení nadpisu Podnadpis.
Tvorba webových stránek
Typy tagů stylové (formátovací) - tučné , šikmé , styl , písmo  ... strukturální- odstavce , nadpisy , seznamy , tabulky  ...
Html.
Transkript prezentace:

CSS

Vlastní třídy Kód v CSS: Použití ve stránce: Efekt: Nadpis .cervene {color: #FF0000;} .tucne {font-weight:bold;} Použití ve stránce: <h1 class=“cervene”>Nadpis</h1> Dejte si na tom <span class=“tucne”>opravdu</span> záležet Efekt: Nadpis Dejte si na tom opravdu záležet

Dědičnost .tabulka1 {} Kód v CSS: Použití ve stránce: .tabulka1 td { text-align:center; width:100%; } td { text-align:right; width:100%; Použití ve stránce: <table class=“tabulka1”> <tr> <td>1</td> <td>2</td> </tr> </table> <table>

Dědičnost 1 2 1 2

<span> a <div> Vymezují část textu Span Nezalamuje řádek Div Zalamuje řádek Na rozdíl od P má margin=0

Jiný styl na tisk Styl na zobrazení: Styl pro tisk: <link rel="stylesheet" href="style.css" type="text/css" media="screen"> Styl pro tisk: <link rel="stylesheet" href="print.css" type="text/css" media="print">