Tehtävä 6. Lisäsivu "sivustoon" Word

Tee Wordillä kolmas sivu edellisessä tehtävässä luomaasi sivustoon.
Eli Word auki, tee sivu ja tallenna html-muodossa. Muista jakaessasi myös tiedostokansio, jonka word saattaa luoda.
Eli vaatimukset:

• Vähintään yksi sivu johon linkki aiemmalta sivustolta
• Vähintään kaksi kuvaa sijoitettuna erilailla (eli ei molempia vasempaan reunaan)
• Vähintään yksi linkki sivuston ulkopuolelle
• Linkki takaisin ensimmäiselle hmtl-sivulle
• Erilainen tausta
• Erilaisia tekstintasauksia ja muotoiluja (otsikot, kursiivit yms.)

Lataa tiedosto ja mahdollinen apukansio dropboxiin sivustosi kansioon.
Ota näytönkuva sivustasi ja laita se blogiin.

Tehtävä 5. HTML ja webbisivusto

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:

1. Luo kotikansioosi kansio nimeltä omanimiHTML.
2. Avaa notepad/muistio ja kirjoita sivukoodisi.
3. Tallenna (jo keskeneräinenkin teksti välillä) "kaikki tiedostot"-tiedostotyypillä tiedostosi nimellä "omanimiHTML_sivunimi.html", jossa "sivunimi" on kyseisen sivun nimi sivustossasi.
4. Pääset katselemaan keskeneräistä sivuasi selaimen "avaa tiedosto"-toiminnolla (muista päivittää näkymä muutosten jälkeen). 
5. 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.
6. Ota sivustasi näytönkaappauskuva(print screen-napilla) ja lataa se blogiisi saatetekstin kera (mitä meni pieleen, mitä pitäisi lisätä jne.
7. 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!