Kolmonen, HTML (B-kohta kommenteissa!)

HUOM! Muutin tehtävänantoa. Älä jaa vielä tässä vaiheessa työtäsi opettajalle, näytönkuvat blogissa riittävät!

Nyt tutustumme HTML-koodaukseen, eli toisinsanoen kirjoitamme yksinkertaisen nettisivun käyttäen html-koodausta.
Opettaja näyttää perusteita taululla aluksi ja sen jälkeen on tarkoitus itsenäisesti koodata html-sivu. Jotta tämä tapahtuisi koulunomaisesti asetetaan tehtävälle jotain vaatimuksia, niitä seuraavassa:

• oma sivuotsikko (head)
• oma taustaväri tai taustakuva
• ainakin kolme linkkiä
• ainakin kaksi kuvaa
• jonkin tekstinosan muotoilua muuksikin kuin perustekstiksi (esim. otsikko)
• lista tai taulukko

Toimi seuraavasti:

1. Avaa notepad/muistio kirjoita sivukoodisi.
2. Tallenna (jo keskeneräinenkin teksti välillä) "kaikki tiedostot" vaihtoehdolla tiedostosi nimellä "omanimiHTML.html".
3. Pääset katselemaan keskeneräistä sivuasi selaimen "avaa tiedosto"-toiminnolla (muista päivittää näkymä muutosten jälkeen). 
4. Kun olet tyytyväinen sivuusi, tallenna tiedostot. Kaikkien html-tiedostojen ja niihin liittyvien kuvien yms. kannattaa olla samassa "omat tiedostot"-kansion alikansiossa, jonka nimi on vaikka "omanimiHTML"
5. Ota sivustasi näytönkaappauskuva(print screen-napilla) ja lataa se blogiisi saatetekstin kera (mitä meni pieleen, mitä pitäisi lisätä jne.

Hyödyllisiä linkkejä:

• http://www.elkoo.net/html/index.php
• http://www.w3schools.com/

Älä hätäile, pyri hyvään työhön!

Prezin uusi tuleminen

(Kevätlukukauden 2. Tehtävä)

Yksi palautteista oli, että miksi aina kaikki esitykset ja kirjoitukset tehdään jostain tylsästä tietokoneaiheesta. Muuten kuulemma olisi Prezikin ollut ihan kiva. Muutetaan siis tilanne, kaikki kun eivät Preziä edes palautettua saaneet syksyllä.

Tee siis Prezentaatio Prezillä jostakin itse vapaasti valitsemastasi aiheesta niin, että seuraavat vaatimukset täyttyvät:

1. Tee mahdollisimman hyvin jäsennetty ja järkevä esitys ajatellen, että joku voi lukea sitä kiinnostuneena esittelemästäsi aiheesta.
2. Askelmia/Dioja pitää olla tarpeeksi, että esitys on järkevä ja jaottelu luonnollinen (10?)
• Kerro historiaa, nykyisyyttä ja tulevaisuudenkuvia aiheesta.
3. Liitä Preziin ainakin kolme (aiheeseen liittyvää) kuvaa ja niistä ainakin kaksi on eri "dioissa".
4. Käytä Prezin tehostekeinoja, pyörimisiä/zoomaamisia yms.
5. Ainakin kahta eri tekstityyliä.
6. Liitä mukaan ainakin yksi youtube-video. (aiheeseen liittyvä)
7. Tee ainakin yksi linkki asiaan liittyvälle sivustolle
8. (Ainakin) Yhden dian tulee käsitellä sitä millaisia tietoteknisiä apukeinoja (web-palvelut, ohjelmat yms.) valitsemaasi aiheeseen liittyy.
9. Sekä sitä millaisia ongelmia turvallisuuden tai tiedon laadun tai ohjelmiston huonon toiminnan takia voi seurata tai on jo seurannut
10. Julkaise Prezentaatiosi blogissasi
1. Tallennettuasi Prezentaatiosi ja poistuttuasi muokkaustilasta valitse "Share"
2. Sitten "Embed"
3. Valitse koko ja asetukset (oletusasetukset melko hyvät)
4. Valitse "maalaamalla" kaikki koodi-ikkunassa oleva teksti ja kopioi se (ctrl+C tai hiiren oikean näppäimen valikon kautta)
5. Mene Blogiisi kirjoittamaan uutta blogikirjoitusta.
6. Naputtele muutamia rivinvaihtoja.
7. Vaihda editointitilaksi "HTML".
8. Tee yksi tyhjä rivi "<br />"-rivien väliin (paina enter jonkun tuollaisen rivin lopussa).
9. Liitä kopioimasi koodi tyhjään väliin (ctrl+v).
10. Vaihda blogin editointitilaksi "LUO" (Huomaa, että Prezentaatio ei toimi blogin editointitilassa).
11. Kirjoita liittämäsi Prezentaation edelle saatesanat, joissa kerrot miksi valitsit kyseisen aiheen.
12. Jaa taas blogikirjoituksesi opettajalle sähköpostitse. (Lukiessasi kirjoitustasi ylälaidan valikon kohdasta "lisää" löytyy ko. toiminto.)

Joululoma meni jo

Aloittakaamme kevätlukukausi mukavan rauhallisesti. Tuodaan mieliimme takaisin kurssimme työskentely- ja töidenpalautuskulttuuri. Lue siis tehtävänanto hyvin ja toimi sen mukaisesti.

Tehtävä 1. Joululomailua.

1. Kirjoita blogiisi kirjoitus siitä, mitä joululomalla tapahtui.
2. Sisällytä blogitekstiisi ainakin:
1. vähintään kaksi havainnollistavaa kuvaa, joista vähintään yksi toimii myös linkkinä ulkopuoliselle sivustolle,
2. kolme tekstin joukkoon upotettua ulkopuolista linkkiä ja
3. yksi havainnollistava youtube-video.
3. Muista julkaista blogikirjoituksesi.
4. Jaa blogitekstisi myös opettajan sähköpostiosoitteeseen.
5. Kirjoita opettajalle sähköposti, jossa kerrot:
1. Mitä positiivisia seikkoja syksyn kurssissa oli.
2. Mitä negatiivisia seikkoja syksyn kurssissa oli.
3. Mikä oli hauskinta ja mikä tylsintä?
4. Mitä asioita/ohjelmia et haluaisi missään nimessä nähdä enää (keväällä)?
5. Mitä haluaisit kevään kurssiin sisällytettävän(hyödyllisyyden vuoksi/hauskuuden vuoksi)?
6.  Muista tarkistaa että kaikki vaatimukset täyttyvät, vain "täydelliset" tehtävät kelpuutetaan tällä kertaa.

Tämä kuva liittyy lomaani siten, että väsäsin lomalla erään yhteisön verkkosivuja ja tämä kuva oli mukana siellä.