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 molemmilla sivuilla
- käytä erilaisia kuvien sijainteja (left,center,right)
- jonkin tekstinosan muotoilua muuksikin kuin perustekstiksi (esim. otsikko)
- lista tai taulukko vähintään toisella sivulla
- sivut linkitetty toisiinsa.
- käytä linkityksissä ja kuvamäärittelyissä vain tiedoston nimeä, jotta linkki toimii kansion siirtyessä.
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-kansio kokonaisuudessaan (sisältäen kuvat ja kooditiedostot) DropBoxiisi ja jaa 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!
Ei kommentteja:
Lähetä kommentti