Muutamia linkkejä ja ohjeita www-sivujen tekemiseen

WWW-sivujen tekeminen   © Imaginos 2000, aika kattava webmateriaalipaketti
ja paljon harjoitustehtäviä!!! Kattava kuvaus myös itse html-kielen ideoista.

Jonkinlainen WWW-opas...    © Antero Aunesluoma

Ihan ok ohjeita    © Tommi Saksa

Muutama kommentti...
Yleensä www-sivut on helpointa tehdä nykyään ns. wysiwyg (what you see is what you get) editorilla eli koulullakin on useissa koneissa Microsoft Frontpage. Myös Word osaa tallentaa htm-muotoon. Kuvien liittäminen tai "upotus" ja tekstin palstoitus/sijoittelu on sitten hieman erilaisempaa kuin Wordissa yleensä. C-talon kirjaston kaapissa on jonkinlainen harjottelijoiden tekemä vihkonen, jossa aika kattavasti selitetään Frontpage -ohjelman perustoiminnot. Yleensä sivuja suunnitellessa ja tehtäessä kannattaa muistaa muutamia asioita :

• ei kannata tehdä liian vaikeaa sivustoa ja linkkejä kohtuullisesti, nopeat animaatiot ja äänet häiritsevät

• tallenna kaikki materiaali, jota www-sivuilla käytät samaan kansioon, näin linkkien toimiminen ja tiedostojen etsiminen on varmasti helpompaa

• älä käytä ä ja ö -kirjaimia ja sanavälit kannattaa jättää pois, korvaavia merkkejä voisi olla _ tai - esim. jaapallon-sarjaohjelma.htm, tasta_se_kaikki_alkoi.htm, mika_on_tarkeaa.htm

• kuvat kannattaa editoida jo valmiiksi eli isoja kuvia en suosittele laittamaan sellaisenaan sivustoon. Alkuperäisistä kuvista voi tehdä esim. 50% pienemmät ja tallentaa ne eri nimillä "juureen" joten sivujen selailu ja teko on jouhevampaa. Nykyisten digikameroiden oletuskoko on aivan liian iso suoraan sivun yhdeksi osaksi. Kuvagalleriat ovat tietty eri juttu.

• tee sivut ensin johonkin valmiiksi esim. jopa muistitikulle tai johonkin kovalevyn kansioon ja testaa niiden toimivuutta, lopullinen siirto vasta viimeiseksi tai tee yksi sivu valmiiksi ja testaa sitä suoraan loppusijoituspaikasta

• käytä ns. absoluuttisia linkkiviittauksia eli linkki toimii tai viittaa aina samaan tiedostoon oli se missä resurssissa tahansa (sivut siis toimisivat vaikka cd:ltä, muistitikulta tai kovalevyhakemistosta samalla tavoin kuten www-palvelimelta). Jos linkin viittauksessa on esim. d:\omatsivut\suunnittelu\kuva1.jpg, niin todennäköisesti se ei toimisi osoitteessa http://ope.ouka.fi/~kayttaja -juuresta. Frontpagessa kannattaakin aloittaa ns. "sivusto".

• lopulliset sivut yleensä omaa tunnusta käyttämällä siirretään ope.ouka.fi -alle ja siellä tehdään public_html -kansio. Tähän kansioon tehty index.htm on automaattisesti selaimen tunnistama aloitussivu

• samba1:ä tai Herukan omia sivuja editoitaessa sivuviittaukset voivat olla erilaisiakin kuin "perinteinen aloitussivu" eikä tuota public_html kansiota näy. Viittaus voisi olla esim. linkkisivu\ohje2.htm tai \liikunta\luisteluvuorot2006.htm

• pieniin projekteihin ja ilmoitusasioihin käy ihan hyvin samba1 (www.edu.ouka.fi/koulut/herukka) kautta tekeminen ja muuttaminen, mutta halutessaan voi käyttää samba3:kin (ope.ouka.fi) resurssia johonkin isompaan projektiin tai ainakin omien sivujen kehittelemiseen. Ideaali voisi koulussa olla se, että oppilas osaisi tehdä omat sivunsa samba2:n (oppi.edu.ouka.fi) alle ja pääsivut tai yleisviittaukset voisivat olla samba1:llä?!? Hajoita ja hallitse...

• sivujen siirtäminen on luotettavinta tehdä ftp-ohjelmilla, kun samba-levyissä on ilmennyt ongelmia! Ws_ftp:n ja ftp-siirtojen tekemisestä on erilliset ohjeet.

• ja paperi on joskus ja yleensä silti kai se paras tiedotuskanava sekä projektityökalu...

Ja tämän sivun ulkoasusta ei ainakaan liikaa kannata ottaa mallia...
AL-2006