Opettaja näyttää perusteita taululla aluksi ja sen jälkeen on tarkoitus itsenäisesti koodata html-sivut. Jotta tämä tapahtuisi koulunomaisesti asetetaan tehtävälle jotain vaatimuksia, niitä seuraavassa:
- omat sivuotsikot (head)
- oma taustaväri tai taustakuva (sivuilla voi olla samakin)
- ainakin kolme linkkiä(sivujenvälisten linkkien lisäksi) joka sivulla ja yhden aina auettava uuteen ikkunaan (välilehteen)
- ainakin kaksi kuvaa joka sivulla
- kaikkia kolmea kuvan sijaintia käytettävä (left,center,right)
- jonkin tekstinosan muotoilua muuksikin kuin perustekstiksi (esim. otsikko)
- lista tai taulukko jollain sivulla
- sivut linkitetty toisiinsa niin, että jokaiselta sivulta pääsee jokaiselle sivulle.
Toimi seuraavasti:
- Luo kotikansioosi kansio nimeltä omanimiHTML.
- Avaa notepad/muistio ja kirjoita sivukoodisi.
- Tallenna (jo keskeneräinenkin teksti välillä) "kaikki tiedostot"-tiedostotyypillä tiedostosi nimellä "omanimiHTML_sivunimi.html", jossa "sivunimi" on kyseisen sivun nimi sivustossasi.
- Pääset katselemaan keskeneräistä sivuasi selaimen "avaa tiedosto"-toiminnolla (muista päivittää näkymä muutosten jälkeen).
- Kun olet tyytyväinen sivuusi, tallenna tiedosto. Toista homma kaikkien kolmen sivun kanssa. Kaikkien html-tiedostojen ja niihin liittyvien kuvien yms. täytyy olla samassa kansiossa.
- Ota sivustasi näytönkaappauskuva(print screen-napilla) ja lataa se blogiisi saatetekstin kera (mitä meni pieleen, mitä pitäisi lisätä jne.
- Lataa HTML-kansiosi DropBoxiisi ja jaa se koko kansio opettajalle.
Hyödyllisiä linkkejä:
- http://www.webopas.net/htmlopas.html
- http://personal.inet.fi/koti/petri.vuorenmaa/html/
- http://www.w3schools.com/
Älä hätäile, pyri hyvään työhön!
