Tietokoneiden näyttöjä, joissa näkyy kuvaa automaatiolaboratorion laitteistosta. Monitoreiden takana näkyy sama laitteisto kuin kuvissa.

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.

  1. Luo tekstikappaleet, joista ensimmäinen on tasattu sivun vasempaan reunaan ja toinen molemmista reunoistaan! Huomaa, että kaikki selaimet eivät tue molempien reunojen tasausta!
  2. Kokeile marginaalien asettelua edellisen kohdan kappaleisiin!
  3. Luo sivulle kehystetty tekstikappale (ks. luku "9.2.5 Reunukset")! Kokeile marginaalien asettelua tähän kappaleeseen!
  4. 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/7Seuraava >>
(6) Osa D: Listojen muotoilu
© Timo Heikkinen | timo piste heikkinen at oamk piste fi