Sivuston testaus

• Suunnitelma
  1. Aihe
  2. Kuvaus
  3. Lomake
  4. Hakemistorakenne
  5. Navigointi
  6. Ulkoasupohja
  7. Kooste
  8. Tarkistus
• Toteutus
  1. Sivut
  2. Rakenne
  3. Ulkoasu
  4. Esteettömyys
  5. Navigointi
  6. Lomakkeet
  7. Palvelinasetukset
  8. Tiivistelmä
  9. Testaus
  10. Palauttaminen

Testaa harjoitustyösi seuraavan ohjeen mukaisesti. Ongelmatapauksissa lue kurssin FAQ (usein kysytyt kysymykset), kertaa luento- ja demosivut tai ota yhteyttä harjoitustyösi ohjaajaasi. Kurssin virtuaalidemoryhmässä ke 14-17 voi myös kysellä harjoitustyön liittyviä kysymyksiä.

1. Siirrä sivustosi ATK-keskuksen www.cc.jyu.fi-palvelimen www-kansioon, http://www.cc.jyu.fi/~tunnus/hakemisto/ -osoitteesta toimivaksi.
2. Tarkista, että sivu täyttää edellisillä sivuilla määrätyt vaatimukset. Useimpien vaatimusten tarkistamiseen voi käyttää Nettipoliisia antamalla sille harjoitustyön etusivun osoitteen.
3. Mikäli Nettipoliisi herjaa, ettei jokin sivu ole validi, niin tarkista tämäsivu W3C:n HTML-validaattoripalvelulla. Anna palvelulle virheellisen sivun osoite ja napauta Check-painiketta. Korjaa esiintyneet virheet. Xetor-editorin virhepalkista näet myös dokumentissa olevat virheet.
4. Tarkista CSS-tyylitiedostosi CSS-poliisilla, joka testaa ulkoasun vaatimukset ja esteettömyyden. Tarkista tyylitiedostosi myös W3C:n CSS-validaattoripalvelulla. Anna palvelulle CSS-tyylitiedoston osoite, valitse mille medialle dokumentti on suunniteltu ja napauta Check-painiketta. Korjaa mahdolliset virheet.
5. Testaa, että sivusto näyttää järkevältä seuraavilla selaimilla
   • Internet Explorer 6.0 tai uudempi
   • Mozilla 1.7.3, Firefox 1.0 tai uudempi
   • Opera 7.54 tai uudempi
6. Asemoinnin toimintaa kannattaa testata erityisesti eri selaimissa sillä selaimien CSS-tuki saattaa olla puutteellinen.
7. Testaa, että sivuston print-median määritykset toimivat valitsemalla selaimista tulostuksen esikatselu (engl. Print Preview)
8. Testaa, että sivuston handheld-median määritykset toimivat käyttämällä Operan mobiilitilaa. Ohjeet testaamiseen löydät demosta 6.
9. Testaa miten sivu toimii ilman CSS:ää tekstiselaimella. Tähän voit käyttää Unix-koneiden Lynx-selainta tai nettisivulta toimivaa Lynx Viewer-ohjelmaa.
10. Tarkista, että sivu on esteetön. Nettipoliisi ja CSS-poliisi herjaa useimmista esteellisyysongelmista. Kaikki valitukset on otettava huomioon ja korjattava. Voit käyttää apunasi myös luennon 10 materiaalia. Täydelliset WCAG 1.0:n tarkistuslistat löytyvät seuraavista dokumenteista:
    • List of Checkpoints for Web Content Accessibility Guidelines 1.0
    • Verkkosisällön saavutettavuusohjeet

Kun nämä kohdat ovat kunnossa, voit palauttaa harjoitustyön tarkistettavaksi ohjaajalle.