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

timohei.net / Opintojaksot / Opintojaksot / Aiemmin pitämäni opintojaksot / Internet-sovelluskehitys / 1. jakso: HTML, CSS / CSS-tehtävät /
Osa B: Fonttien ja sivun määrittelyä

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 tiedostoksi BCD.html hakemistoon css-kokeilut.

  1. Kokeile eri kirjasinlajeja font-family-määritteellä!.
  2. Jätä sivulle näkyviin kolme erilaista selaimesi ymmärtämää fonttimäärittelyä. Selaimen ymmärtämät fontit näet Internet Explorerilla klikkaamalla Tools -> Internet Options -> Fonts. Firefoxilla vastaava onnistuu klikkaamalla Tools -> Options -> Fonts & Colors.
  3. Tee myös määrittely, jossa on useampi fonttimahdollisuus, jolloin selain ottaa käyttöön ensimmäisen ymmärtämänsä fontin. Määrittele ensimmäinen fontti kuitenkin sellaiseksi, jota selaimesi ei ymmärrä! Testaa, että selain tosiaan ottaa käyttöön toisen fontin määrittelystäsi! (Ks. luku 9.2.1.1, sivun 122 alimmainen kappale)
  4. Kokeile sivun taustan määrittelyjä ja jätä ainakin kaksi määritystä sivulle!
  5. Vertaa muotoilujen näkymistä eri selaimilla!

Jätä sivu palvelimelle tarkistettavakseni.

Päivitetty 28.8.2022

<<  Edellinen
(3) Osa A: Missä CSS-tyylit voidaan määritellä?
Sivu 4/7Seuraava >>
(5) Osa C: Tekstin asemointi
© Timo Heikkinen | timo piste heikkinen at oamk piste fi