AT3, KOE 2011




Takaisin kurssin nettisivuille

Tervehdys!

1. Ensimmäisenä tehtävänä on käydä ilmoittautumassa "etäkoepäivään" alla olevan linkin kautta. Samalla näen, mihin aikaan olet koetta tekemässä.

Ilmoittaudu kokeeseen (PAKOLLINEN KÄYNTI!)

Lue vieraskirjaa (Voit lukea ryhmän viestejä, täältä voit ensin käydä lukemassa viestejä, niin näet mihin yo. ilmoittautuminen tulee).

Kysymyksiin vastataan sähköpostitse anne.puumala@kaustinen.fi
Kysymyksen vastauksen (HTML-koodin) voit lähettää joko liitetiedostona tai koodin voi kirjoittaa sähköpostiviestiin sellaisenaan.

Palautteen saat sähköpostitse heti, kun olen ennättänyt tarkistaa vastauksesi. Ja palaute on syytä katsoa, jos vaikka jotakin korjattavaa jää... Minulla on MAA11-etäluento tänään alkaen klo 19.oo eli palautteen saaminen voi kestää.

Muista, että voit käyttää tehtävien apuna kurssin kotisivuja www.kase.fi/~annepu


Jos tehtävät tuntuu ylivoimaisilta ja aikaa tuntuu menevän netissä liiaksi, ota vieraskirjan tai sähköpostin välityksellä yhteyttä, niin katsotaan, miten voin mahdollisesti auttaa.
Tarkoitus ei ole, että tässä "menisi koko päivää".

 

2. Kirjoita HTML-koodi, jolla saadaan sivulle seuraavaa:

Sivusto koostuu kahdesta sivusta, joista molemmista on mahdollisuus siirtyä edelleen toiselle sivulle.

    Ensimmäisellä sivulla
  Sivun taustakuva "Kuvitteellinen nimi taustalle"
  Teksti Tervetuloa sivuilleni tms.
  Kuva Mikä tahansa sopiva kuva (keksi nimi)
  Linkki Linkki sivulle 2
    Toisella sivulla
  Muutama linkki Linkit voit keksiä itse siten, että mukana on tavallisia linkkejä, kuvalinkki sekä siirtyminen sivulta toiselle
  Taulukko Tekstin tai kuvien asemointia taulukon avulla
Esimerkiksi kuten tässä tehtävän määrittelyssä on käytetty
  Sivulla taustaväri Mikä tahansa

Kirjoita molempien sivujen koodit kokonaisuudessaan aloittaen <HTML>-tagilla.

Siis pelkkä koodin kirjoitus riittää. Kuvia ei tarvitse "oikeasti" olla olemassa, eikä niitä tarvitse liitteenä lähettää...


3. JavaScript on yksi tavoista sijoittaa pieniä ohjelmia WWW-sivujen sisään. Tämän avulla voidaan mm. tulostaa erilaisia tekstejä tai muokata eri tavoilla WWW-sivun tai selaimen ominaisuuksia.

OHJE
JavaScript komentojen kirjoittaminen HTML-koodiin

<script> </script> komentojen väliin (huomaa, että nämä ovat jo kopioitavassa osassa valmiina)

* jos yllä oleva sijoitetaan head-tagien väliin ne ajetaan heti sivulle tultaessa

* muutoin komento suoritetaan siinä kohdalla kuin se on koodissa

Kirjoita (Kopioi alla oleva)
<HTML>
<HEAD><TITLE></TITLE></HEAD>
<BODY></BODY>
</HTML>

Ja kopioi sinne vuorollaan (tai eri sivuille) seuraavat Scriptit BODY-osien väliin. Mitä kyseiset ohjelmat tekevät? Kirjoita vastaukset sähköpostiin

Siis kirjoita yllä mainitut "pakolliset osat", kopioi alla olevat koodit ja testaa selaimella, mitä kukin tekee...

3a)

<script type="text/javascript">
//<![CDATA[

function Viivytetty() {
alert('Hyvä jaksoit odottaa, ' +
'5 s on joskus pitkä aika :)');
}

/* setTimeout syntaksi:
setTimeout(lause, millisekunnit);
*/

setTimeout(Viivytetty, 5000);

//]]>
</script>

3b)
<script type="text/javascript">
var Tanaan=new Date();
var TamaPaiva=Tanaan.getDay();
var TamaPVM=Tanaan.getDate();
var TamaKK=Tanaan.getMonth()+1;
function PaivaTeksti (PaivaNRO) {
var Day=new Array();
Day[0]="Sunnuntai";
Day[1]="Maanantai";
Day[2]="Tiistai";
Day[3]="Keskiviikko";
Day[4]="Torstai";
Day[5]="Perjantai";
Day[6]="Lauantai";
return Day[PaivaNRO];
}
var PaivaNimi=PaivaTeksti(TamaPaiva);
function KKTeksti (KKNRO) {
var Month=new Array();
Month[1]="Tammikuu";
Month[2]="Helmikuu";
Month[3]="Maaliskuu";
Month[4]="Huhtikuu";
Month[5]="Toukokuu";
Month[6]="Kesäkuu";
Month[7]="Heinäkuu";
Month[8]="Elokuu";
Month[9]="Syyskuu";
Month[10]="Lokakuu";
Month[11]="Marraskuu";
Month[12]="Joulukuu";
return Month[KKNRO];
}
var KKNimi=KKTeksti(TamaKK);

//muokkaa kalenterin ulkoasua ao. kokonaisuudesta:

document.write('<table border="3" cellpadding="10"><tr>'
+'<td align="center">'+KKNimi+'<br>'
+'<font color="red" size="+3">'+TamaPVM+'<\/font>'
+'<br><small>'+PaivaNimi+'<\/small><\/td><\/tr><\/table>');
</script>

3c)
<script type="text/javascript">
// Code_Generator: Soft Lite ScriptWorx
// Modified: Osmo Saarikumpu 2001/04/03
var urodz = new Date("December 24, 2011");
var now = new Date();
var ile = urodz.getTime() - now.getTime();
var dni = Math.floor(ile / (1000 * 60 * 60 * 24));
if (dni > 1)
document.write(dni + " päivää jouluun!")
</script>

4. Hae itse netistä jokin JavaScript-koodi ja testaa sen toimivuus. Lähetä koodi ja selitä lyhyesti, mitä kyseinen koodi "tekee".


5. Siirry sivuille (sivun alalaitaan) http://www.mvnet.fi/index.php?osio=Kotisivun_teko&sivu=Miksi_kotisivut
Vastaa sen avulla lyhyesti seuraaviin kysymyksiin.
(Tekijänoikeudet-kohta)

a) Et voi kopioida muiden internet-sivuilta tekstiä suoraan omille sivuillesi. Referoida tekstiä voit, miten tuolloin hyvien tapojen mukaan kuuluisi menetellä referoinnin yhteydessä?
b) Netissä olevat kuvat ovat myös tekijänoikeudella suojattuja. Jos haluat laittaa jonkin tietyn kuvan sivuillesi, voit kysyä tekijänoikeuden haltijalta luvan kuvan käyttämiseen. On olemassa kuvagallerioita, joista voit ladata ilmaiseksi kuvia. Mainitse käyttämäsi sivu tai etsi jokin "hyvä sivu", jolta kuvia voi laillisesti ladata.
c) Linkittää voit sivuillasi (ei saa latautua kuitenkaan kehyksiin, jos niitä käytät, vain tällöin omaan ikkunaansa). Miksi ei kannata linkittää sellaiselle sivuille, joissa ladattavissa jonkun tunnetun artistin musiikkikappale?


6. Onnistunutta koeviikkoa ja mukavaa joululoman odotusta!

t. Anne