Viikkotehtävä 1

Tässä tehtävässä opitaan tuottamaan rakenteellisesti siistejä HTML-dokumentteja ja pitämään sivun ulkoasumuotoilut (CSS) erillään sivun rakenteesta. Opitaan myös miten CSS-kielellä muokataan HTML- tai XML-dokumentin ulkoasua. Muistetaan myös, että WWW-sivujen on tarkoitus toimia ympäristöstä ja käytettävästä laitteesta riippumatta.

Toteuta mallikuvien mukainen Jyväskylän sääennustesivu. Kaikille tasoille yhteisiä vaatimuksia ovat:

Merkistö

Dokumentin merkistönä on käytettävä UTF-8-merkistöä. Skandinaavisten merkkien ja muiden erikoismerkkien on näyttävä kunnolla kaikilla selaimilla. Varmista, että skandinaaviset merkit näkyvät oikein sekä Firefoxilla että Chromella. Jos eivät näy niin luo samaan kansioon sivustosi kanssa .htaccess-tiedosto (piste on olennainen osa tiedoston nimeä) ja kirjoita sinne rivit:

AddCharset UTF-8 .html
AddCharset UTF-8 .js
AddCharset UTF-8 .css

Taso 1

Tee kuvan mukainen HTML 5-dokumentti ja toteuta ulkoasu yhdellä ulkoisella CSS-tiedostolla.

Ohjeita

Taso 3

Toteuta ensimmäisen tason vaatimukset ja laajenna sivua seuraavan mallikuvan näköiseksi:

Ohjeita

Taso 5

Toteuta ensin edellisen tason tehtävä ja laajenna edellisen tason tehtävä seuraavan mallikuvan näköiseksi:

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/web-sovellukset/vt/vt1/
© 2017-05-08 15:23:41
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta