Tvorba WWW stránek Formátování

Slides:



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

Úvod do tvorby internetových stránek v jazyce HTML Dostupné z Metodického portálu ISSN: , financovaného z ESF a státního rozpočtu.
MS WORD II. ZÁKLADNÍ FORMÁTOVÁNÍ TEXTU Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Světlana Filipová. Materiál zpracován v rámci projektu.
WWW stránky.
Referát č. 22 Tvorba webových stránek (Struktura webu, struktura HTML dokumentu, vytvoření webové stránky exportem z aplikačního programu, provázání.
Výpočetní technika 2008/09.
VY_32_INOVACE_4.3.IVT1.15/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.
<. DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4
Formuláře Formuláře lze nalézt téměř na každém webu. Formuláře lze nalézt téměř na každém webu. Použití formulářů: Použití formulářů: Blog Blog Uživatelské.
Obchodní akademie a Střední odborná škola, gen. F. Fajtla, Louny, p.o. Osvoboditelů 380, Louny Číslo projektu CZ.1.07/1.5.00/ Číslo sady29Číslo DUM14.
Programování HTML stránek
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.
TVORBA WEBOVÝCH STRÁNEK
Návrh a tvorba WWW Cvičení 2 CSS 3. Cascading Style Sheet Cascading Style Sheet (kaskádové styly) je stylový jazyk, který se používá pro popis vzhledu.
Tvorba www stránek SEZNAMY ICT 4.ročník. Seznamy Netříděné seznamy, jednoúrovňové Netříděné seznamy, jednoúrovňové Cibule Cibule Brambory Brambory Česnek.
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.
Jazyk HTML.
Leading the Web to Its Full Potential... W3C Lukáš Masopust 2012.
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
Odkazy Pomocí odkazu se lze pohybovat mezi stránkami. Cílem může být další stránka nebo identifikátor na aktuální stránce. Pomocí odkazu se lze pohybovat.
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:
ZÁKLADY HTML – ODKAZY, SEZNAMY. - vodorovná čára atributy:  width – délka čáry – pixely nebo %  size - šířka ve smyslu tloušťky  align - zarovnání.
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.
CSS – rámečky Mgr. Lenka Švancarová.
Délkové jednotky v CSS Pro zápis délkových jednotek se používají jednotky: Absolutní Relativní Procenta Údaje se zapisují jako celá nebo desetinná čísla.
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.
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_258 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
Kaskádové styly - CSS.
KASKÁDOVÉ STYLY DÉLKOVÉ JEDNOTKY DÉLKOVÉ ÚDAJE SE ZAPISUJÍ JAKO CELÁ NEBO DESETINNÁ ČÍSLA S NEBO BEZ ZNAMÉNKA. DVOJICE PÍSMEN IDENTIFIKUJÍCÍ JEDNOTKY.
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.
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:
CSS – vlastnosti textu text-align (vodorovné zarovnání)
David Král 2009 Nová stránka 1. Rychle něco z historie Tim Berners-Lee-zakladatel sítě WWW Publikoval své první stránky v srpnu roku 1991.
CSS – style Mgr. Lenka Švancarová. CSS – značka style (textstyle.html)
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.
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í.
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
Cvičení 1 - Řešení příkladu Zadání viz: cv1_samostatne.doc.
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.
XHTML – formátování textu, vodorovná čára Mgr. Lenka Švancarová.
Vzdělávací technologie 2 Tvorba jednoduchých webových stránek Martin Böhm (L06514)
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
VY_32_INOVACE_4.3.IVT1.05/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.
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.
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:
CSS – selektor class.tx { color: black; /* nastaví černou barvu písma */ } Selektor class (třída) použijeme pokud chceme určité vlastnosti definovat pro.
Publikování prostorových dat na Internetu (prezentace pro VLE Dílna) Ing. Jan Růžička Institut geoinformatiky VŠB-TU Ostrava, HGF tř. 17.listopadu
Jazyk XML v geoinformatice
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í.
CSS – menu vlevo Mgr. Lenka Švancarová. CSS – menu vlevo.
Kristýna Krejčí, Aneta Smyčková, Tereza Kryzanová, Zuzana Purová 9.B.
Tvorba www stránok.
Kaskádové styly IS a webové prezentace cvičení. Proč používat CSS? Řadu grafických charakteristik dokumentu lze nastavit pomocí parametrů jednotlivých.
HTML pokračování. Co obsahuje každý html dokument? stránka stránka ahoj světe HTML.
Krátký úvodní kurz HTML Jenyk Obecně 1 - html  V HTML jazyce nezáleží na rozložení a délce řádku, extrémem je napsat celý program v jednom řádku.
Základy tvorby www stránky v HTML kódu.
Tvorba webových stránek - tabulka
ADOBE DREAMWEAVER CS6 CSS - Formátování textu
Tvorba WEBOVÝCH stránek – formátování textu, oddělovací čára
Úvod do CSS.
Co je to webová prezentace?
CSS.
Tvorba webových stránek
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Jazyk HTML (1) Jazyk HTML (Hypertext Markup Language) se používá pro vytváření Web Pages (www stránek) HTML používá text a sadu formátovacích značek, označovaných.
Transkript prezentace:

Tvorba WWW stránek Formátování Jan Růžička Institut geoinformatiky VŠB-TU Ostrava, HGF tř. 17.listopadu 70833 Ostrava-Poruba jan.ruzicka@vsb.cz

Růžička, J.: Tvorba WWW stránek Úvod J R Kosek: http://badame.vse.cz/izi228/slidy.html css.pdf Růžička, J.: Tvorba WWW stránek 2

Růžička, J.: Tvorba WWW stránek Komentáře v HTML J R <! poznámka -> <!-- více řádkové poznámka --> Růžička, J.: Tvorba WWW stránek 3

Růžička, J.: Tvorba WWW stránek Formátování v HTML / 1 J R Značky Atributy Růžička, J.: Tvorba WWW stránek 4

Růžička, J.: Tvorba WWW stránek Formátování v HTML / 2 J R <P ALIGN=“CENTER/RIGHT/LEFT/JUSTIFY“></P> <BR> <HR SIZE=1 WIDTH=120/WIDTH=20% COLOR="#FFAAFF"> <B></B><I></I><U></U><STRIKE></STRIKE> <FONT COLOR ="#FFAAFF" SIZE=1-7/SIZE=+1 FACE=“TIMES NEW ROMAN“></FONT> Růžička, J.: Tvorba WWW stránek 5

Růžička, J.: Tvorba WWW stránek Formátování v HTML / 3 J R <BLINK></BLINK> - blikající text <BLOCKQUOTE></BLOCKQUOTE> - odsazení <DIR></DIR> - odsazení <SUP></SUP> - dolní index <SUB></SUB> - horní index <CENTER></CENTER> - zarovnání na střed Růžička, J.: Tvorba WWW stránek 6

Růžička, J.: Tvorba WWW stránek Seznamy / 4 J R Netříděný <UL TYPE="DISC/CIRCLE/SQUARE"> <LI></LI> </UL> Tříděný (číslovaný) <OL TYPE="1/i/I/a/A"> </OL> Růžička, J.: Tvorba WWW stránek 7

Růžička, J.: Tvorba WWW stránek Verze CSS J R 1 - nejpodporovanější 2.1 - nejpoužívanější 3 – velmi mladá Růžička, J.: Tvorba WWW stránek 8

Růžička, J.: Tvorba WWW stránek Jednotky J R px Pixely -- 1 pixel odpovídá jednomu bodu obrazovky. in Palce. 1 in = 2,54 cm = 72 pt cm Centimetry. mm Milimetry. 10 mm = 1 cm pt Body. 1 pt = 1/72 in = 1/12 pc pc Pica. 1 pc = 12 pt % relativní Růžička, J.: Tvorba WWW stránek 9

Růžička, J.: Tvorba WWW stránek Jednotky - příklad J R P { font-family: Courier; font-size: 24px;} P { font-family: Courier; font-size: 24pt;} TABLE { width: 100%; } Růžička, J.: Tvorba WWW stránek 10

Růžička, J.: Tvorba WWW stránek Barvy J R #rgb (př. #f00 je červená) #rrggbb (př. #ffff00 je žlutá) rgb(r, g, b) - r, g, b jsou od 0 do 255 rgb(r%,g%,b%) - r, g, b jsou od 0 do 100 Růžička, J.: Tvorba WWW stránek 11

Růžička, J.: Tvorba WWW stránek Barvy - příklad J R P { font-family: Courier; font-size: 24px; color: #ff00ff;} P { font-family: Courier; font-size: 24px; color: rgb(255, 0, 255);} P { font-family: Courier; font-size: 24px; color: rgb(100%, 0%, 100%);} Růžička, J.: Tvorba WWW stránek 12

Růžička, J.: Tvorba WWW stránek Cursor J R P { font-family: Courier; font-size: 24px; color: rgb(100%, 0%, 100%); cursor: pointer;} Růžička, J.: Tvorba WWW stránek 13

Růžička, J.: Tvorba WWW stránek Filter J R Různé filtry Malá podpora http://www.fred.net/dhark/demos/css/css_fil ter_examples.html Růžička, J.: Tvorba WWW stránek 14

Růžička, J.: Tvorba WWW stránek CSS Validator http://jigsaw.w3.org/css-validator/ Růžička, J.: Tvorba WWW stránek 15

Růžička, J.: Tvorba WWW stránek Šablony http://tvorba-webu.zdarek.com/sablony/ Růžička, J.: Tvorba WWW stránek 16