Stáhnout prezentaci
Prezentace se nahrává, počkejte prosím
1
Tvorba WWW stránek Formátování
Jan Růžička Institut geoinformatiky VŠB-TU Ostrava, HGF tř. 17.listopadu 70833 Ostrava-Poruba
2
Růžička, J.: Tvorba WWW stránek
Úvod J R Kosek: css.pdf Růžička, J.: Tvorba WWW stránek 2
3
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
4
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
5
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
6
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
7
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
8
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
9
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
10
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
11
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
12
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
13
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
14
Růžička, J.: Tvorba WWW stránek
Filter J R Různé filtry Malá podpora ter_examples.html Růžička, J.: Tvorba WWW stránek 14
15
Růžička, J.: Tvorba WWW stránek
CSS Validator Růžička, J.: Tvorba WWW stránek 15
16
Růžička, J.: Tvorba WWW stránek
Šablony Růžička, J.: Tvorba WWW stránek 16
Podobné prezentace
© 2024 SlidePlayer.cz Inc.
All rights reserved.