Nyt tutustumme
HTML-koodaukseen,
eli toisinsanoen kirjoitamme yksinkertaisen nettisivuston käyttäen
html-koodausta. Tarkoituksena luoda vähintään kaksi sivua, jotka on
linkitetty toisiinsa.
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ä:
Älä hätäile, pyri hyvään työhön!