XHTML-dokumentti (Demo 6 & demo 7, demo 8)
- 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 tehdä listoja ja taulukoista taulukoita, mutta otsikoiden tasot voivat hieman vaihdella. Ulkoasulla ei siis ole suurta merkitystä!
- Voit käyttää apunasi mallipohjaa (tallenna hiiren oikealla painikkeella ja valitse Save Target/Link as) ja juonnettuja mallivideoita: harkkawww.wmv 16M harkkawww.avi 15M ja harkanwwwosuus2.wmv 15M harkanwwwosuus2.avi 47M. HUOM! Jälkimmäisessä mallivideossa tiedosto siirretään lukuvuonna 2005-2006 käytössä olleelle people-palvelimelle. Syksystä 2006 lähtien harkka ja nettisivut on julkaistu users.jyu.fi-palvelimella, josta tietoa myöhemmin tässä ohjeessa. Tällöin harjoitustyösi siirretään samaan tapaan users.jyu.fi-palvelimen html-kansioon kuin videossa se siirretään people.12Apr2006-kansioon.
- Kirjoita dokumentin alkuun työhösi liittyvät tiedot (määritelty pohjassa).
- XHTML-dokumentissa pitää käyttää XHTML-elementtejä rakenteellisesti oikealla tavalla.
Otsikot pitää siis merkitä
h1
-,h2
- jah3
-elementeillä, tekstikappaleetp
-elementeillä jne. - 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.
- XHTML-dokumenttisi täytyy olla W3C:n XHTML 1.0 strict dokumenttityypin mukainen.
- XHTML-dokumentin täytyy läpäistä virheettä ja varoituksetta kurssin tarkistusohjelma
- Lisää dokumenttiin linkki kurssin kotisivulle eli osoitteeseen <http://appro.mit.jyu.fi/tyovaline/>.
- 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. CSS-määrityksiä ei saa upottaa suoraan XHTML-dokumenttiin
style
-attribuutin avulla.
Harjoitustyön siirtäminen WWW-palvelimelle
- Tee levylle kansio, johon siirrät XHTML-dokumenttisi, CSS-tyylitiedoston ja sivulla käytettävän kuvan. (Demo 1)
- Pakkaa tekstidokumenttisi, unix-osuuden lokitiedosto ja esitysgrafiikkaesityksesi yhteen zip-pakettiin (Demo 1). 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. Älä laita zip-pakettiin muuta kuin pyydetyt tiedostot!
- Siirrä zip-paketti samaan kansioon WWW-sivussa tarvittavien tiedostojen kanssa.
- Muokkaa XHTML-dokumenttiasi ja lisää dokumentin alkuun linkki, joka viittaa zip-pakettiin.
- Siirrä
koko harjoitustyökansiosi
Tietohallintokeskuksen users.jyu.fi-palvelimelle
niin, että ohjaaja voi hakea työn verkosta.
Muille WWW-palvelimille sijoitetut työt eivät kelpaa.
- Katso ajantasaiset julkaisuohjeet luennolta 9.
- Varmista, että zip-paketti ja XHTML-dokumentti ovat WWW-palvelimelta kaikkien luettavissa.
(Demo 8). Jos tiedosto-oikeudet ovat
kunnossa niin työsi pitäisi näkyä osoitteessa:
http://users.jyu.fi/~käyttäjätunnuksesi/harkkakansio/
- 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.
Mallivideot
Mallivideoista näet kuinka edetä xhtml-dokumentin tekemisessä ja julkaisemisessa:
- harkkawww.wmv 16M
- harkanwwwosuus2.wmv 15M
HUOM! Jälkimmäisessä mallivideossa tiedosto siirretään lukuvuonna 2005-2006 käytössä olleelle people-palvelimelle. Syksystä 2006 lähtien harkka ja nettisivut on julkaistu users.jyu.fi-palvelimella, josta tietoa aiemmin tässä ohjeessa. Tällöin harjoitustyösi siirretään samaan tapaan users.jyu.fi-palvelimen html-kansioon kuin videossa se siirretään people.12Apr2006-kansioon.
Käyttäjien kommentit