Upravte všetky stránky virtuálnej firmy kníhkupectvo SEN z predchádzajúcej úlohy podľa nižšie uvedených kritérií. Ukážku jednej z výsledných stránok nájdete na konci zadania.
Pri tvorbe stránky využite pripravenú stránku aj s predpripravenými kaskádovými štýlmi, ktoré si stiahnite zo súboru suboryCSS2 (nepoužívajte svoje riešenie predchádzajúcej úlohy).
Všetky definície kaskádových štýlov musia byť definované v externom súbore. Zdrojový HTML súbor nemeňte (okrem zmeny mena v pätičke).
Stránky musia spĺňať nasledujúce kritériá:
- Celý obsah stránky bude úplne pri okrajoch prehliadača (okrem pravej strany). Zabezpečte, aby logo na pozadí bolo celé vidieť a neprekrývali ho žiadne objekty.
- Hlavné nadpisy (h1) nebudú mať žiadne vonkajšie okraje.
- Pôvodné nastavenia pre všetky odkazy (farba textu, tučné písmo, nepodčiarknutie) budú platné len pre odkazy v navigácii.
- Okolo odkazov v navigácii bude vľavo aj vpravo voľný priestor veľkosti 1 znak (pozri navigáciu v ukážke na konci zadania).
- Pri nadídení myšou ponad odkazy v navigácii sa zmení farba textu odkazu na #FFFFFF a pozadie bude farby #FF0066.
- Odkazy v časti s kontaktnými údajmi (element article) budú mať farbu #FF4D94 a budú veľmi zvýraznené (tučným písmom).
- Text v hlavičke, navigácii, hlavnej časti stránky, časti Akcie, časti s kontaktnými údajmi a tiež v pätičke, bude od všetkých okrajov vzdialený o 1%.
- Nadpis v časti akcie bude farbou #FF0066.
- Názov akciového tovaru (knihy) (v časti Akcie) bude zdola orámovaný čiarou hrúbky 2 body a farby #FF0066.
- Súbor s kaskádovými štýlmi musí byť validný. Na jeho validovanie použite CSS validátor (http://jigsaw.w3.org/css-validator/).
Najnovšie články
Najnovšie komentáre
- Kaťa komentoval 08 – Hodnotená aktivita z hardware-u
- Alica komentoval 08 – Hodnotená aktivita z hardware-u
- Daniel komentoval 08 – Hodnotená aktivita z hardware-u
- Marek komentoval 08 – Hodnotená aktivita z hardware-u
- kaja komentoval 08 – Hodnotená aktivita z hardware-u
nika.blog.matfyz.sk

Join Us On Facebook
Join Us On Twitter
Join Us On In.com
Subscribe to RSS
Follow Us On Google+
Subscribe Us On Youtube
Follow Us On Pinterest
Follow Us On Instagram
Follow Us On Tumblr
Subscribe Us On Flickr