Tee kurssin tuotoksia varten oma kotisivu, jonka ylälaidassa on keskitettynä otsikkona h2-tyylillä "ATS4". Tee tähän portfoliosi etusivulle (taustaväri valkoinen, teksti musta, linkit sininen eli perusvärit) ainoastaan lajittelematon lista, johon tulee alkioiksi linkit harjoituksien vastauksiin sitä mukaan kun ne valmistuvat. Laita sivun alareunaan oma nimesi, sähköpostiosoitteesi ja päivityspäivämäärä, jonka pidät tietysti aina ajan tasalla. Lähetä oma nimesi, luokkasi, sähköpostiosoitteesi ja kotisivusi url osoitteeseen: petri.luoma@jklmlk.fi

Tuo koululle oma 35 mm:n negatiivi tai dia ja skannaa se fys. luokan skannerilla. Talleta tämä alkuperäinen kuva hyväresoluutioisena = liian isona esim. 1600x1200 kokoisena, n. 1000-1500 kiloisena tif-kuvana palvelimellesi ja vielä varmuuden vuoksi LEVYKKEELLE nimellä "orig.tif".

Laita tämän kuvan osoite portfolion listan ensimmäiseksi linkiksi nimellä "Alkuperäinen tif-kuva".

Tee sitten AINA alkuperäisestä kuvasta lähtien jollain kuvankäsittelyohjelmalla kuvastasi seuraavanlaiset versiot ja laita jokaisesta oma linkkinsä portfoliosi listaan suluissa näkyvällä nimellä:

1. 640x480 kokoinen jpg-tyyppinen kuva, hieman pakattu, kuvan koko n. 200 kt (linkki: "640x480, jpg-kuva")
2. 100x80 kokoinen jpg-tyyppinen kuva, jota pakattu ankarasti --> kuvan koko on vain n. 10 kt (linkki: "100x80, jpg-kuva")
3. 800x600 kokoinen, lomitettu gif-tyyppinen kuva, kooltaan n. 200 kt (linkki: "800x600, gif-kuva")
4. Muokkaa kuvaa erilaisilla suodattimilla jne. ja talleta se esim. 800x600 kokoisena jpg:nä, koko n. 200 kt(linkki: "muokattu, jpg-kuva")
5. Tee kuvasta mustavalkoinen jpg, koko n. 200 kt (linkki: "mv, jpg-kuva")

Ota kuva digikameralla ja siirrä se portfolioosi n. 200 kilotavun kokoisena jpg-kuvana, linkki "digikamera, jpg-kuva".

Tämän harjoituksen jälkeen portfoliossasi on siis linkit 7:ään kuvaan.

Kirjoita tai hanki jostain n. neljä ruudullista tekstiä, jossa on useita lukuja väliotsikoineen. Tee tähän tekstiin ankkureita käyttämällä toimiva "hyppyjärjestelmä", eli tee sivun alkuun sisällysluettelo, josta pääsee suoraan klikkaamalla haluttuun lukuun. Tee lisäksi jokaisen luvun loppuun linkki "Sisällysluetteloon", josta klikkaamalla pääsee takaisin sivun alussa olevaan sisällysluetteloon.

Talleta valmis html-sivu palvelimelle ja laita portfoliosi listaan linkki nimellä "Ankkurit".

Tee www-sivulle TÄSMÄLLEEN tunnilla esitettyjen mallien mukaiset taulukot (taulukko.doc).

Talleta valmis html-sivu palvelimelle ja laita portfoliosi listaan linkki nimellä "Taulukot".

Tee www-sivulle TÄSMÄLLEEN tunnilla esitettyjen mallien mukaiset lomakkeet (lomake.doc). Laita ACTION-kohteeksi "http://www.helsinki.fi/cgi-bin/dump-all", joka palauttaa syöttämäsi arvot näytölle.

Talleta valmis html-sivu palvelimelle ja laita portfoliosi listaan linkki nimellä "Lomakkeet".

1. kuva, joka toimii linkkinä johonkin
2. järjestetty kolmialkioinen lista
3. valintanappi lomake, jossa kolme vaihtoehtoa ja "Lähetä"-painike
4. 2x2 taulukko, jossa sisältönä vaikka A,B,C,D

Alkuun