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