Layout 4
Čo by sme už mali vedieť a mať
Ak ste urobili predchádzajúci layout, mali by ste vedieť zabezpečiť funkčnosť všetkých tlačidiel. Prišli ste na to, že stačí mať dobre urobený index.html, skopírovať ho do súborov, ktoré budú tvoriť Vašu webovú stránku a v týchto súboroch pomeniť obsah. Treba dať pozor, aby sa zachovala pri zmenách textu štruktúra id elementov v každom zo súborov. Všetky id elementy sa musia nachádzať vo všetkých súboroch, musia mať svoj počiatočný a koncový div.
V tomto aj v predchádzajúcich layoutoch som robil a aj v tomto robím jednu zásadnú chybu. Pod jedným tlačidlom mám veľmi veeeeeľa textu, návštevníkom sa však nechce čítať obsiahle články. Vy musíte, lebo to potrebujete. Ale na svojich stránkach rozdeľte texty radšej do viacerých súborov (do viacerých tlačidiel). Ideálne by bolo, keby ste nepresiahli rozsah, ktorý sa naraz zobrazí na monitore a nie je potrebný rolovací pruh. Buď túto radu dodržíte na všetkých podstránkach, alebo nech všetky presahujú výšku a automaticky sa zobrazí rolovací pruh (inak bude stránka skákať v horizontálnom smere).
Úlohy v tejto podstránke
- Naštudujte vlastnosti abs1, abs2, relat, relat1 a pozrite v Polohe textu ako zabezpečíte ich funkčnosť
- Vytvorte v style.css nove vlastnosti abs_moja1, rel_moja1 a cielene zmeňte polohu podľa nasledujúcich pokynov
- Nastavte vlastnosťou abs_moja1 polohu slova veeeeeľa do pravého menu pod posledný link žltou farbou
- Nastavte vlastnosťou rel_moja1 polohu slova Úlohy z nadpisu doľava a mierne hore červeným písmom
- Vložil som 2x vedľa seba fotku pes.jpg z adresára obrazky, pravá bude má polovičnú veľkosť
- Skúste pod ručičkové hodiny 2x vedľa seba zobraziť svoju tú istú fotku, raz v jej veľkosti, raz zmenšenú s použitím parametrov width a height na zmenšenie
- Vloženie ďalšieho javascriptu (vygoogliť) meteo, ručičkový čas, kto má meniny
|