XHTML-dokumentti

  1. Kirjoita tekstidokumenttiasi rakenteeltaan vastaava XHTML-dokumentti annetusta aiheesta.
    • Sisällön on oltava sama kuin mikä on annetussa tekstissä teksti.txt.
    • Tekstidokumentin listoista täytyy siis listoja ja taulukoista taulukoita (vrt. tekstinkäsittely), mutta otsikoiden tasot voivat hieman vaihdella.
    • Voit käyttää apunasi mallipohjaa (tallenna hiiren oikealla painikkeella ja valitse Save Target/Link as)
    • Avuksi ovat myös juonnetut mallivideot:
  2. Kirjoita dokumentin alkuun työhösi liittyvät tiedot (määritelty pohjassa).
  3. XHTML-dokumentissa pitää käyttää XHTML-elementtejä rakenteellisesti oikealla tavalla.
    • Otsikot pitää siis merkitä h1-, h2- ja h3-elementeillä tekstikappaleet p-elementeillä jne.
  4. Liitä XHTML-dokumenttiisi esitysgrafiikkaesitykseesi itse tekemäsi kaaviokuva/diagrammi PNG-muodossa.
    • Diagrammin pohjalla ei saa olla esitysgrafiikkaesityksessä käytettyä taustakuvaa tai MALLI-tekstiä.
    • Kuvan koko saa olla maksimissaan 640x480 pikseliä
    • Vähennä kuvan värimäärä sopivaksi
    • Kuvan paikalla ei ole väliä.
    • Keksi kuvalle järkevä alt-teksti.
    • Varmista, että kuva on siisti ja kuvasta saa selvän! Jos kuvan tekstit menevät sutuksi niin kuva ei kelpaa.
  5. XHTML-dokumenttisi täytyy olla W3C:n XHTML 1.0 strict dokumenttityypin mukainen.
  6. XHTML-dokumentin täytyy läpäistä virheettä ja varoituksetta kurssin tarkistusohjelma
  7. Lisää dokumenttiin linkki kurssin kotisivulle eli osoitteeseen <http://appro.mit.jyu.fi/tyovaline/>.
  8. XHTML-dokumentin muotoilemiseen on käytettävä pohja.css (tallenna hiiren oikealla painikkeella ja valitse Save Target/Link as) tai itse määriteltyä CSS-tiedostoa.
    • Dokumentista ei ole tarkoitus tehdä ulkoasultaan Word-dokumentin kaltaista.
    • Tekstistä löytyviin osoitteisiin ei tarvitse tehdä linkkejä.
    • CSS-määrityksiä ei saa upottaa suoraan XHTML-dokumenttiin style-attribuutin avulla.

Harjoitustyön siirtäminen WWW-palvelimelle

  1. Tee levylle kansio, johon kopioit XHTML-dokumenttisi, CSS-tyylitiedoston ja sivulla käytettävän kuvan.
  2. Pakkaa tekstidokumenttisi, unix-osuuden lokitiedosto (vain ITKP101) ja esitysgrafiikkaesityksesi yhteen zip-pakettiin
    • ZIP-pakettiin siis omat .doc ja .ppt päätteiset tiedostot.
    • OpenOfficen tuotoksista paketoidaan edellämainittujen lisäksi myös .odt ja .odp-päätteiset tiedostot.
    • Office 2007:lla tehdystä työstä paketoidaan myös .pptx- ja .docx-päätteiset tiedostot
    • Älä laita zip-pakettiin muuta kuin pyydetyt tiedostot!
  3. Siirrä zip-paketti samaan kansioon WWW-sivussa tarvittavien tiedostojen kanssa.
  4. Muokkaa XHTML-dokumenttiasi ja lisää dokumentin alkuun linkki, joka viittaa zip-pakettiin.
    • Linkin osoitteeksi riittää pelkkä zip-paketin nimi. esim. harkka.zip
  5. Kopioi koko harjoitustyökansiosi Tietohallintokeskuksen users.jyu.fi-palvelimelle (sama kuin W:-asema) niin, että ohjaaja voi hakea työn verkosta.
  6. Varmista, että zip-paketti ja XHTML-dokumentti ovat WWW-palvelimelta kaikkien luettavissa.
    • Jos tiedosto-oikeudet ovat kunnossa niin työsi pitäisi näkyä osoitteessa:

      http://users.jyu.fi/~käyttäjätunnuksesi/harkkakansio/

  7. Tarkista WWW-sivusi kurssin omalla tarkistusohjelmalla.
    • Jos WWW-sivusi ei mene läpi tarkistimesta eli et saa sivulta tarkistuskoodia, niin korjaa virheet ennen työn palauttamista.

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/itkp101/harkka/xhtml.html
© Antti Ekonoja (antti.j.ekonoja@jyu.fi) <http://users.jyu.fi/~anjoekon/>
Tommi Lahtonen (tommi.j.lahtonen@jyu.fi) <http://hazor.iki.fi/>
2012-10-11 14:44:35
Informaatioteknologia - Jyväskylän yliopiston informaatioteknologian tiedekunta