timohei.net / Opintojaksot / Aiemmin pitämäni opintojaksot / Internet-sovelluskehitys / 1. jakso: HTML, CSS / CSS-tehtävät /
Osa C: Tekstin asemointi
Lue ensin alla olevat tehtävät. Silmäile sitten WWW-ohjelmointi Trainer Kit -kirjasta tyylisivuja käsittelevä luku 9 ja pistä merkille tehtäviin liittyvät kohdat. Tee sitten tehtävät käyttäen kirjaa hyväksi.
Sivujen CSS-rakenteen oikeellisuuden voi tarkistaa CSS Validator -sivun avulla.
Tehtävät
Tehtävät tehdään B-osassa luotuun tiedostoon BCD.html hakemistossa css-kokeilut.
- Luo tekstikappaleet, joista ensimmäinen on tasattu sivun vasempaan reunaan ja toinen molemmista reunoistaan! Huomaa, että kaikki selaimet eivät tue molempien reunojen tasausta!
- Kokeile marginaalien asettelua edellisen kohdan kappaleisiin!
- Luo sivulle kehystetty tekstikappale (ks. luku "9.2.5 Reunukset")! Kokeile marginaalien asettelua tähän kappaleeseen!
- Vertaa muotoilujen näkymistä eri selaimilla!
Jätä sivu palvelimelle tarkistettavakseni.
Päivitetty 28.8.2022
| << Edellinen (4) Osa B: Fonttien ja sivun määrittelyä | Sivu 5/7 | Seuraava >> (6) Osa D: Listojen muotoilu |
© Timo Heikkinen | timo piste heikkinen at oamk piste fi