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