Oppimistehtävä 4

Toteuta mallikuvien mukaisia WWW-sivuja. HTML-pohjat saa valmiina, joten itselle toteutettavaksi jää sivujen ulkoasut. Kaikille tasoille yhteisiä vaatimuksia ja ohjeita ovat:

Taso 1

Alla on lähdekoodit kahdelle HTML-sivulle. Linkitä sivuille CSS-tiedosto ja tee siihen ulkoasumääritykset siten, että sivut näyttävät alle linkitettyjen mallikuvien mukaisilta.

Ohjeita

Taso 3

Tee tason 1 tehtävät ja muokkaa sen jälkeen CSS-tiedostoa vielä siten, että saat sivuista lopulta alle linkitettyjen mallikuvien mukaisia:

Ohjeita

Taso 5

Tee tasojen 1 ja 3 tehtävät sekä lisäksi sivulle 1 erilliset tyylitiedostot tulostusta ja mobiililaitteita varten. Alle linkitetyistä kuvista näet, miten sivun tulisi käyttäytyä tulostettaessa ja kapealla selainikkunalla. Normaalilla selaimella leveällä (yli 700 pikseliä) selainikkunalla sivun tulee näkyä kuten 3. tasolla.

Ohjeita

Käyttäjien kommentit

Kommentoi Lisää kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/opetusteknologia/oppimistehtavat/oppimistehtava4/
© Antti Ekonoja (antti.j.ekonoja@jyu.fi) <http://users.jyu.fi/~anjoekon/>
2016-11-21 10:27:10
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta