Embedded Files
Pro web rok (následně pro web cr) vytvoříme stylopis a začleníme jej.
Vytvoříme soubor styly.css (rok.css):
Soubor můžeme psát v PsPadu (soubor-> nový -> css), nebo v editoru TopStyle Lite.
Soubor ukládáme do kořenové složky webu (rok), má příponu *.css a jméno bez diakritiky a mezer, jen malá písmena.
Do každého souboru html daného webu, který bude stylopis používat, pak přidáme do hlavičky link na tento soubor <link rel='stylesheet' type='text/css' href='cesta/styly.css'>
Do každého souboru html (rok.html, jaro.html,...) webu nakopírujeme do hlavičky před </haed>
<link rel='stylesheet' type='text/css' href='rok.css'>
Obecně musíme zohlednit cestu k souboru - stejně jakou u odkazů a obrázků.
Po uložení můžeme měnit vlastnosti a prohlížet jejich vliv na vzhled webu (v prohlížeči)
Soubor rok.css s nastavenou barvou pozadí a barvou písma v odstavcích:
/* CSS Document */
body{
background: #FFDAB9;
}
p{
color: Navy;
}
Úkol zastyluj web rok:
V PsPad -> soubor-> nový -> css uložíme rok.css do složky webu rok a upravíme.
Do každého souboru vlož link na stylopis. <link rel='stylesheet' type='text/css' href='rok.css'> do hlavičky před </head>
Vyzkoušej i jiné barvy -> cíl ukázat jak změna v css ovlivní vzhled všech stránek webu. (po každé změně musíš soubor *.css uložit a prohlížeč refreshnout)
Opravené soubory a nový rok.css nahraj na Endoru.
Úkol 2 zastyluj web cr
T: 23. 4.
Page updated
Google Sites
Report abuse