| Navodilo |
HTML kodo kopiraj in prilepi v Notepad. Stran shrani v mapo CSS Vaje pod imenom vaja4.html. Izdelaj CSS predlogo, ki bo spremenila izgled, že narejeni spletni strani v HTML kodi. CSS predlogo shrani v mapo CSS Vaje pod imenom vaja4.css. Narejen spletna stran ima že vstavljen "link" do CSS predloge. Da bo spletna stran upoštevala vse kar je zapisano v CSS predlogi bo potrebno tudi v HTML kodi narediti manjše spremembe ali dopolnitve.
DODATNA NAVODILA:
- Poišči 6 slik divjih živali in jih shrani v mapo Vaje CSS.
- Barva ozadja: siva.
- Pisava: Trebuchet MS.
- Sličica: odmik 50 pik od vrha.
- Obroba slike: vidna, debela 2 piki, rdeče barve.
- Sličica: visoka 85 pik, široka 150 pik.
- Med sličicami: odmik 2 piki.
- Ko se z miško postavimo nad sličico naj se rdeči rob spremeni v črnega.
- Sličica naj ima povezavo na veliko shranjeno sliko.
- Vse ostalo je razvidno iz končnega izgleda stran (Klikni za povečavo.).
|
POMOČ
V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem:
- body (text-align, font-family, background-color)
- h1 (color)
- div (margin-top, width, display)
- img (margin, border, height, width)
- a:hover img (border) - psevdo razred
Vrednosti lastnosti in načine zapisa moraš ugotoviti sam. Pomagaj si s spletno stranjo w3schools.com. Potreben je popravek HTML kode. Imena slik v HTML kodi zamenjaj z imeni tvojih shranjenih slik. |
 |
| CSS predloga naj izgled zgornje spletne strani spremeni v spodnji.
|
 |
