Yleisimmät virheet harjoitustyössä

Tarkista ennen harjoitustyösi palauttamista sisältääkö työsi joitakin yleisimmistä virheistä.

XHTML-dokumentin virheitä

Tekstikappaleet yhden p-elementin sisällä

Kukin tekstikappale pitää merkitä omalla p-elementillä. Jos alkuperäisessä tekstissä on useampi erillinen kappale niin näitä ei saa laittaa yhden p-elementin sisälle.

Sisäkkäiset listat

Jos listakohdalla on alakohtia, on ne merkittävä siten, että sisempi lista (<ul> ... </ul>) tulee ko. listakohdan sisään (<li> ... </li>). Kts. demo 6, sisäkkäiset listat.

Otsikkotasojen epälooginen järjestys

Ensin tulee dokumentin pääotsikko h1-elementillä. Pääotsikoita on vain yksi. Sen jälkeen tulee h2-tasoinen otsikko, jonka jälkeen voi tulla h2- tai h3-tasoinen otsikko. h3:n jälkeen voi tulla h2 (uusi väliotsikko), h3 (uusi alakohta) tai h4 (alakohdan alakohta, harkitse tässä vaiheessa kuitenkin jo listaa).

Kuvalinkki rikki

Muista sijoittaa kuva samaan hakemistoon kuin varsinainen XHTML-dokumentti. Kuvan src-ominaisuuden arvona on oltava täsmälleen se tiedostonimi mikä kuvalla on. Isot ja pienet kirjaimet on huomioiva ja tiedoston pääte. Erikoismerkkejä kannattaa välttää tiedoston nimessä (mm. välilyönnit).

Linkki kansioon eikä suoraan zip-pakettiin

Linkittäessäsi zip-pakettia muista laittaa linkki suoraan pakettiin eikä vain paketin sisältämään kansioon.

<a href="paketti.zip">Word- ja Powerpoint-dokumentit</a>

Otsikoita käytetty korostamiseen

Otsikkoelementeillä (h1,h2,h3 jne.) merkitään vain varsinaiset otsikot.

Kuva puuttuu

Joskus harjoitustyössä vaadittu kuva on unohtunut kokonaan xhtml-dokumentista. Älä unohda kuvaa! Muista käyttää kaaviokuvissa png-formaattia ja pienintä järkevää värimäärää. Valokuvissa käytetään aina jpg-formaattia sopivaksi kokeillulla pakkausteholla.

<img src="kaavio.png" alt="Opiskelijamäärät kurssilla vuosina 1999-2002" title="opiskelijamäärät" />

Kuvissa väärä tiedostomuoto

Kaaviokuvat eli kuvat joissa on suuria laakeita samanvärisiä alueita pitää esittää png-muodossa vähimmällä järkevällä värimäärällä.

Valokuvissa käytetään aina jpg-tiedostomuotoa.

alleviivaus tehokeinona

Alleviivatut tekstit ymmärretään WWW:ssä linkkeinä. Tästä syystä alleviivausta ei pidä käyttää muualla kuin linkeissä.

useita h1-elementtejä

WWW-sivulla on vain yksi pääotsikko eli h1-elementti.

Huonot alt-tekstit kuvissa

Kuvien yhteyteen pitää aina liittää alt-attribuutti, joka sisältää kuvan korvaavan tekstikuvauksen. alt-tekstiksi pitääkin aina yrittää kirjoittaa mahdollisimman hyvin kuvan sisältöä selittävä ja kuvaileva teksti. title-attribuutti toimii kuvan otsikkona.

Huono title

Sivun title-elementin pitää kuvata selkeästi sivun sisältöä. title on yhtä tärkeä elementti kuin sivun pääotsikko eli h1. Monesti title ja h1 ovat hyvin samankaltaiset sisällöltään. title-elementin pitää toimia vaikka se irrotettaisiin sivun tekstin yhteydessä esim. kirjanmerkin otsikoksi.

absoluuttiset linkit

Harjoitustyössä testataan myös absoluuttisten ja suhteellisten viittausten ymmärtäminen. Tästä syystä kaikki viittaukset ja linkit xhtml-dokumentissa oleviin kuviin, sisäisiin otsikoihin ja zip-pakettiin pitää määritellä suhteellisina. Samalla dokumentti tulee pidettyä siirrettävänä. Ulkoiset linkit on tietysti pakko määritellä absoluuttisina.

Absoluuttisia viittauksia

<a href="http://appro.mit.jyu.fi/">Tietojenkäsittelyn approbatur</a><img src="http://appro.mit.jyu.fi/kuva.jpg" alt="Appro-logo" title="logo" />

Suhteellisia viittauksia

<a href="paketti.zip">paketti.zip</a><img src="../kuvat/logo.jpg" alt="Appro-logo" title="logo" />

br:ien väärinkäyttö

br-elementti tarkoittaa pakotettua rivinvaihtoa. br-elementtiä käytetään siis silloin kun on jokin pätevä syy pakottaa seuraava teksti uudelle riville. br-elementtiä ei ole tarkoitettu tyhjän tilan tuottamiseen vaan kappalevälit ym. pitää määritellä css:n avulla. Yksi br-elementti oikeassa paikassa on vielä paikallaan mutta kaksi tai useampi br-elementti peräkkäin on aina väärin. Vrt. rivinvaihdot tekstinkäsittelyssä.

<p>yliopistonopettaja <a href="mailto:tommi.j.lahtonen@jyu.fi">Tommi Lahtonen</a><br />
Sähköposti: <strong><a href="mailto:tommi.j.lahtonen@jyu.fi">tommi.j.lahtonen@jyu.fi</a></strong><br />
Kotisivu: <URL: <a class="url" href="http://www.iki.fi/hazor/">http://www.iki.fi/hazor/</a>><br />
Työhuone: <abbr title="Agora-rakennus, C-osa, neljäs kerros, huone nro 431.2">AgC431.2</abbr><br />
Puhelin: <em>(014) 260 2746</em><br />
Fax: <em>(014) 260 2731</em></p>

Kuvaa ei ole pienennetty

Liian suuret kuvat hidastavat WWW-sivun latautumista eivätkä välttämättä mahdu kunnolla kaikkien näytöille. Harjoitustyössä onkin määrätty kuvien maksimikooksi 640x480 pikseliä. Kuva pitää kuvankäsittelyohjelmassa pienentää vaadittuun kokoon. Pelkästään width- ja height-attribuuttien käyttäminen xhtml-koodissa ei fyysisesti pienennä kuvan kokoa.

Kaaviokuvissa liikaa värejä

Kaaviokuvissa on useimmiten käytetty vain muutamaa väriä. Pohjavärinä on esim. valkoinen jonka päällä on muutamalla eri värillä piirrettyjä viivoja tai lootia. Tälläistä kuvaa ei kannata tallentaa täysivärisenä (24-bit, 16 miljoonaa väriä) koska oikeasti värejä on käytössä ehkä kymmenen. Turhan väri-informaation tallentaminen kasvattaa huomattavasti tiedoston kokoa ja kasvattaa sen siirtoaikaa verkkoyhteyksien yli. Värimäärä pitää pienentää niin pieneksi että kuvan laadussa ei tapahdu silmin havaittavia muutoksia ja vasta sen jälkeen tallentaa kuvan png-muodossa.

väärä dokumenttityyppi

Muistathan että tällä kurssilla hyväksytään vain XHTML Basicin ja XHTML 1.1:n mukaisia dokumentteja.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Basic 1.0//EN" "http://www.w3.org/TR/xhtml-basic/xhtml-basic10.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Väärä otsikointijärjestys

Dokumentin otsikoita määriteltäessä pitää muistaa rakenteellisesti oikea järjestys. h3-elementtiä ei voi tulla suoraan h1-elementin perään vaan välistä täytyy löytyä h2-elementti. Älä määrittele otsikoita niiden fyysisen koon perusteella vaan rakenteellisen järjestyksen mukaan. Fyysisen koon voit muuttaa haluamaksesi CSS:n avulla.

Tekstinkäsittelyn virheitä

Ylimääräisiä rivinvaihtoja

Dokumenttiin eksyy tai jää helposti ylimääräisiä rivinvaihtoja. Rivinvaihtoja on ainoastaan yksi kappaleen viimeisen rivin lopussa. Jos rivinvaihto on omalla rivillään, niin se on varmasti ylimääräinen! Kaikki ylimääräiset rivinvaihdot on poistettava. Alkuperäisissä harjoitustyöteksteissä voi olla valmiina ylimääräisiä rivinvaihtoja jotka pitää poistaa.

Ylimääräisten rivinvaihtojen poistaminen kopioidusta tekstistä

Tekstidokumentti on .dot eikä .doc

Harjoitustyön word-osuus pitää olla zip-paketissa .doc-muodossa eli dokumenttina. .dot-päätteiset tiedostot eivät ole dokumentteja vaan dokumenttipohjia.

sisällysluettelo tai hakemisto on tehty käsin

Tätäkin näkee vielä. Wordistä löytyy automaattiset toiminnot sisällysluettelon ja hakemiston tekemiseksi. Turhaa työtä ei kannata tehdä. Käsintehtyjä versioita ei hyväksytä.

Sivunkoot ja marginaalit eivät ole kohdallaan

On syytä tarkistaa jokaisen osan (section) kohdalla että sivun koko ja marginaalit ovat kohdallaan (A4, 2.5 cm ylös, muualle 2 cm). Jokaiselle osalle (section) on mahdollista määrittää oma paperin koko ja marginaalit. Hyvin yleinen virhe on määrittää vain etusivun kooksi A4 jolloin muut osat tulostuvat vähän miten sattuu koska paperin koko on oletuksena väärä.

Sivuasetuksia File|Page Setup|Margins-kohdassa määritettäessä pitää varmistaa, että Apply to:-kohdassa lukee varmasti Whole Document tai asetukset kohdistuvat vain aktiiviseen osaan!

Jos omaan koneeseen ei ole liitetty ollenkaan tulostinta niin voi olla että wordista ei löydy kaikkia vaadittavia sivuasetuksia. Tämä ongelma on helppo kiertää asentamalla omaan koneeseen minkä tahansa tulostimen ajuri vaikka tulostinta ei oikeasti olekaan.

Tyylien ulkopuolisia muotoiluja

Tämä on hieman harvinaisempi virhe jota esiintyy lähinnä niiden töissä jotka eivät ole käyneet luennoilla ja demoissa ja luulevat osaavansa asiat. Tyylien ulkopuoliset muotoilut on helpointa havaita ja poistaa valitsemalla koko teksti (ctrl-a) ja painamalla ctrl-välilyönti. Jos dokumentin ulkoasu muuttuu mistään kohtaa niin tässä kohdassa on ollut tyylien ulkopuolisia määrityksiä. Ongelma korjaantuu määrittelemällä kadonneet ulkoasumääritykset tyyleihin.

Sivunumerointi puuttuu tai se on vääränlainen

Harjoitustyön tekstinkäsittelydokumentissa on oltava tietynlainen sivunumerointi ja sen puuttuminen on varsin yleinen virhe. Harjoitustyön vaatimusten mukaan normaali sivunumerointi on aloitettava vasta ensimmäiseltä varsinaiselta tekstisivulta sisällysluettelon jälkeen. Sivunumerointia ei siis saa olla ensimmäisellä sivulla (=kansilehti) ja sisällysluettelosivulla sivunumeroinnin on oltava tyyliltään erilainen (esim. roomalainen numerointi ykkösestä alkaen). Dokumentin ensimmäiseltä varsinaiselta tekstisivulta (3. sivu) alkaen on oltava "normaali" arabialainen numerointi, joka alkaa niin ikään ykkösestä.

Vaatimusten mukaisen sivunumeroinnin saa toteutettua osanvaihdoilla sekä ylä-/alatunnisteen ja sivunumeroiden ominaisuuksia muokkaamalla. Vastaavanlainen numerointi on tehty demossa 4 (kohdissa osat ja ylä- ja alatunniste. Aiheesta löytyy myös mallivideo.

Esityksen virheitä

Sähköpostiosoite mastersliden alatunnisteeseen

Lisäys on tehtävä valinnalla View | Master | Slide Master ja sen jälkeen View | Header and Footer

Mastersliden ulkopuolisia tyylejä

Hyvin usein muuten moitteettomissa Powerpoint-esityksissä on käytetty Mastersliden ulkopuolisia määrityksiä. Mastersliden käyttäminen vastaa tyylien käyttämistä Wordissä eli koko esityksen ulkoasu määräytyy Mastersliden pohjalta. Tekemällä muutoksia yksittäisiin kalvoihin vaikeutetaan huomattavasti esityksen keskitettyä ylläpitoa.

Mastersliden ulkopuoliset määrittelyt on helppo poistaa valitsemalla kaikkien kalvojen sisältämät tekstit (CTRL-A ja painamalla heti perään CTRL-Välilyönti. Tämän jälkeen ei tarvitse kuin varmistaa että kaikkien kalvojen ulkoasu on siisti ja tarvittaessa korjata Mastersliden asetuksia.

HUOM! Powerpoint yrittää automaattisesti pienentää tekstin kokoa jos kalvolla on liikaa tekstiä. Tämä tuottaa siis automaattisesti mastersliden ulkopuolisia määrityksiä. Ongelman voi kiertää vähentämällä kalvolla olevan tekstin määrää.

Sähköpostietiketti

Sähköpostin lainaaminen

Sähköpostiviesteihin vastaamisessa ja edellisen viestin osien lainaamisessa on lähes poikkeuksetta parantamisen varaa. Näihin liittyen kannattaa lukea Sähköpostinetiketti

Nimi puuttuu From-kentästä

Useimmat kurssilaisista käyttävät atk-keskuksen webmailia. sähköpostin lähettämiseen. Webmail ei oletuksena osaa laittaa käyttäjän oikeaa nimeä sähköpostiviestin From:-kenttään. Oikean nimen löytyminen on tärkeää harjoitustyön hyväksyntämerkinnän takia ja kuuluu muutenkin hyviin tapoihin.

IMP:n (webmailin) asetusten muokkaaminen kuntoon

IMP-sähköpostiohjelmaa (Webmail) käytettäessä kannattaa muuttaa muutamia asetuksia, jotka parantavat huomattavasti sähköpostin käyttöä. Esimerkiksi käyttäjän nimi ei tule automaattisesti näkyviin From-kenttään, joten se täytyy käydä erikseen lisäämässä ohjelman asetuksiin. Jos käytät IMP:tä sähköpostin lukuun, niin käy tarkistamassa seuraavat asetukset kuntoon.

signaturejen lainaaminen

Sähköpostiviestien lopussa olevia signaturetietoja ei ole tapana lainata sähköpostivastauksissa. Sähköpostiviestiin lainataan vain oleelliset kohdat eikä signature kuulu niihin.

ZIP-paketti

zip-paketin sisällössä puutteita

Muista pakata zip-pakettiin sekä Word-dokumentti että Powerpoint-esitys. Usein on jompikumpi jäänyt puuttumaan. Tarkista pakkaamisen jälkeen että paketista todellakin löytyvät molemmat tiedostot. Muista myös että Word-dokumentti pitää olla .doc-päätteinen eli dokumentti eikä .dot-päätteinen eli asiakirjamalli.

Käyttäjien kommentit

Kommentoi tätä sivua Lisää uusi kommentti
Kurssimateriaalien käyttäminen kaupallisiin tarkoituksiin tai opetusmateriaalina ilman lupaa on ehdottomasti kielletty!
http://appro.mit.jyu.fi/faq/tyovaline/virheet/
© Antti Ekonoja (anjoekon@jyu.fi) <http://users.jyu.fi/~anjoekon/>
Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
Jukka Mäntylä (jmantyla@iki.fi) <http://www.iki.fi/jmantyla/>
2007-10-30 18:30:14
Informaatioteknologia - Jyväskylän yliopiston IT-tiedekunta ja avoin yliopisto