Tvorba WWW stránek Formátování

Prezentace na téma: "Tvorba WWW stránek Formátování"— Transkript prezentace:

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