Suoraan sisältöön

MVnet » Sivusto » Teknistä tietoa

Sisällys

Tuetut selainympäristöt ja näyttötarkkuudet

MVnet näkyy parhaiten alla esitetyillä selaimilla. Sivujen toimivuus on testattu kyseisillä selaimilla. MVnet suosittelee käyttämään selaimena Operaa (versio 9.0 tai uudempi), jota silmällä pitäen nämäkin sivut on suunniteltu. Voit ladata selaimen uusimman version koneellesi klikkaamalla alla olevia linkkejä.

Opera logo Opera 9.0 tai uudempi

Firefox logo Mozilla Firefox 3.0 tai uudempi

Internet Explorer logo Microsoft Internet Explorer 7.0 tai uudempi

Kaikissa selaimessa täytyy olla päällä tuki JavaScriptille, CSS-tyylimäärityksille ja Macromedian Shockwave-/ Flash-multimedioille. Useimmissa uusissa selaimissa edellä mainitut tuet ovatkin vakioina päällä. Jos selaimessasi ei ole Shockwave- / Flash-tukea, voit ladata sen täältä.

MVnet on suunniteltu toimimaan parhaiten Windows-käyttöjärjestelmissä näyttötarkkuuksilla 1024 x 768, 1280 x 800 ja 1280 x 1024. Minimivaatimus näyttötarkkuudelle on 1024 x 768.

Tunnetut ongelmat selainten kanssa

Alla on listattu muutamia tunnettuja ongelmia, joita yleisimmillä nettiselaimilla on MVnetin sivujen kanssa. Nämä tunnetut ongelman johtuvat useimmat siitä, että selaimet eivät vielä tue aivan täydellisesti W3C:n XHTML- ja CSS-standardeja. Etenkin Internet Explorer 6 -selaimen tuki standardeille on heikkoa. Jos mahdollista, käytä siis jotain muuta selainta kuin Internet Explorer 6:tta. MVnet suosittelee käyttämään nettiselaimena Operaa (versio 9.0 tai uudempi), jonka kanssa ei MVnetin sivuilla pitäisi olla mitään ongelmia. Alla siis tunnetut ongelmat, joihin ei (vielä) ole ratkaisua:

  • Opera 8.x ja Konqueror 3.5.2-selaimilla on ongelmia navigointivalikon ja Googlen mainosten kanssa. Selaimet näyttävät navigointivalikon Googlen mainosten alla vaikka sen pitäisi olla mainosten päällä. Ongelma johtuu siitä, että Googlen mainoksissa käytetään iframeja, jotka selaimet näyttävät virheellisesti aina päällimmäisenä. Ongelman voi korjata Operassa päivittämällä Opera 9.0-versioon. Konqueror-selaimella ongelma on ja pysyy, mutta korjaantuu toivottavasti tulevien ohjelmistopäivitysten myötä.
  • Internet Explorer 6 ei osaa rajoittaa sivun leveyttä. Tämä aiheuttaa ongelmia ulkoasun näyttämisessä, jos näytön resoluutio on suuri (yli 1024 x 768) ja sivua katsellaan selaimella kokoruututilassa. Myös sivun katselu IE:llä erittäin pienellä selainikkunalla sotkee ulkoasua. Ongelma johtuu siitä, että Internet Explorer ei tue CSS-standardin mukaisia max-width- ja min-width -määreitä, joilla sivun leveyttä rajoitetaan. Ongelman voi ratkaista niin, että säätää selaimen ikkunan kokoa haluamakseen eikä käytä selaimen kokoruututilaa.
  • Internet Explorer 6 ei näytä ulkoasun elementtien sijoittelua aina täysin pikselintarkasti oikein. Esimerkiksi alaosan footerissa on oikealla yhden pikselin korkuinen valkoinen viiva, joka ei pitäisi siellä olla. Nämä johtuvat IE:n huonosta tuesta CSS-tyyleille.
  • Internet Explorer 6 ei osaa näyttää taulukkojen otsikoita (caption) taulukon alareunassa, vaan se näyttää otsikot aina taulukon yläreunassa. Tämä johtuu taas IE:n heikosta tuesta CSS-standardeille.
  • Firefox (kuten myös muut Gecko-pohjaiset selaimet) ei osaa näyttää yksittäisen taulukon yksittäisen sarakkeen kaikkia soluja keskitettynä. Tämä johtuu siitä, että nykyiset Gecko-pohjaiset selaimet ei tue taulukkoon lisätyn col-tagin align-määrettä, jolla koko sarake saataisiin keskitettyä. Tästä johtuen MVnetin kaikkien taulukoiden solut näkyvät Firefoxilla tasattuna vasemmalle.
  • Firefox 2 ei osaa näyttää tekstin oikealla tai vasemmalla puolella kelluvien taulukkojen otsikoita (caption) täysin oikein. Taulukon otsikko on muutaman pikselin väärässä paikkaa. Ongelma korjaantuu päivittämällä Firefox versioon 3.

MVnetin tekninen toteutus

MVnetin sivujen rakenne on toteutettu XHTML 1.0 Strict -kuvauskielellä ja ulkoasu on kuvattu käyttäen CSS:ää. Ulkoasun kuvauksessa ei ole käytetty taulukoita, kuten ei pitäisikään. Taulukoita on käytetty ainoastaan siellä, missä on taulukoitavaa tietoa. Kaikki sivut pitäisivät olla validia XHTML:ää ja CSS:ää, lukuun ottamatta keskustelupalstaa ja blogia, joissa käytetään omia sivupohjiaan. Ne noudattavat standardeja parhaansa mukaan, mutta eivät ole aina täysin validia HTML:ää. Sivujen lomakkeissa on myös käytetty JavaScriptiä lomakkeen kenttien tarkistamiseen ja myös navigaatiomenussa on käytetty JavaScriptiä käytettävyyden parantamiseksi. Harvoilla yksittäisillä sivuilla on myös käytetty Flash-animaatioita.

Kaikki sivut on siis kuvattu yksinkertaisella XHTML-kuvauskielellä ottamatta juuri mitään kantaa sivun ulkoasuun. MVnetin pohjalla pyörii PHP-ohjelmointikielellä toteutettu sivupohja eli "template", johon haetaan halutun sivun sisältö. Haluttu sivu haetaan URL-osoitteesta. Esimerkiksi URL-osoitteella http://www.mvnet.fi/index.php?osio=Sekalaista&sivu=Vitsit, haetaan siis näytettäväksi "Sekalaista"-osion sivu "Vitsit". Sivujen ulkoasu ja rakenne ovat siis täysin erillään toisistaan. Näin ulkoasun muuttaminen on äärimmäisen helppoa, eikä varsinaiseen sivun tekstisisältöön tule turhaa merkkausta - sivut säilyvät selkeinä ja yksinkertaisina. Lisätietoa MVnetin toteutuksesta löytyy MVnetin kehitys -sivulta

Valid XHTML 1.0 Strict Valid CSS

MVnetin käyttämät valmiit skriptit, sovellukset, kuvat ja palvelut

Alla on lueteltu joitain MVnetin käyttämiä valmiita skriptejä, sovelluksia, kuvia, palveluita yms. Useimmat näistä ovat ilmaiseksi saatavilla. Huomaa, että näitä skriptejä, kuvia ja palveluita on voitu muokata omaan käyttöön hyvinkin paljon, joten ne saattavat erota melkoisesti alkuperäisistä.

Ominaisuus Toteutus Lyhyt kuvaus
Keskustelupalsta phpBB 3 PHP:n ja MySQL-tietokannan avulla toimiva ilmainen keskustelufoorumi-sovellus. Teeman pohjana käytetty ilmaista reOrange-teemaa, jota on muokattu hieman omaan käyttöön. Lisäksi foorumissa on käytetty seuraavia lisäosia:
Blogi b2evolution 0.9 PHP:n ja MySQL-tietokannan avulla toimiva ilmainen blogi-sovellus. Teeman pohjana käytetty ilmaista Kubrick2evo-teemaa.
Sivujen kommentointi TalkBack PHP:n ja MySQL-tietokannan avulla toimiva ilmainen kommentointi-skripti. Muokattu omaan käyttöön muutamalla värejä, suomentamalla skripti ja korjaamalla bugeja.
Kysely CJ Dynamic Poll PHP:n avulla toimiva ilmainen kysely-skripti. Muokattu paljon omaan käyttöön, mm. suomennettu ja korjattu skriptin bugeja.
Oikean reunan otsikoiden puhekuplat Alessandro Fulciniti: Bubble Tooltips JavaScriptillä toimivat puhekuplat, jotka ponnahtavat esiin, kun hiiren vie sivun tietyn elementin päälle (esim. oikean laidan Haku-otsikko). Ei vaadi turhaa merkkausta itse dokumenttiin (vain pienen JavaScript-koodipätkän sivun alkuun). Muokattu hieman omaan tarpeeseen.
Ulkoasun pohja Grass stains Ulkoasun pohjana on käytetty Open Source Web Design (OSWD) -sivuston tarjoamaa ilmaista sivupohjaa nimeltä Grass stains. Kyseistä sivupohjaa on kyllä muokattu alkuperäisestä melkoisesti omaa käyttöä varten.
Yläosan headerin taustakuva Leandro Prado aka. joe_asok Vapaasti saatavilla oleva kuva moottoritiestä. Muutettu hieman väritystä ja muokattu sopimaan yläosan headeriin.
Navigointivalikko CSS Vertical Menu 3 Ilmainen vaakasuuntainen navigaatiovalikko toteutettuna CSS:llä. Muokattu omaan käyttöön huomattavasti. Lisätty mm. JavaScript-koodia ja muuteltu väritystä.
Mitä uutta MVnetissä -otsikot MagpieRSS RSS-syötettä parsiva ilmainen skripti, joka tulostaa 5 uusinta otsikkoa blogin RSS-syötteestä ja näyttää otsikot MVnetin etusivun "Mitä uutta MVnetissä?"-laatikossa.
Kotisivutila ja nimipalvelu verkkotunnukselle Sigmatic Oy Maksullinen webhotelli-, verkkotunnus- ja palvelinpalveluita tarjoava yritys.
Kävijälaskuri Google Analytics Erittäin helppokäyttöinen ja ilmainen kävijälaskuri, joka tarjoaa paljon tietoa kävijöistä. Tämän lisäksi MVnetissä käytetään myös omaa kävijälaskuria.
Hakukone Google Co-op Ilmainen, suosituin ja paras hakukone. Hakutuloksen mainoksiin voi liittää Google AdSense-tilin, jolloin hakutulosten mainokset tuottavat rahaa.
Mainokset Google Adsense Näyttää kohdennettuja mainoksia. Kätevä ja helppokäyttöinen.

Kommentointi-järjestelmä on poissa käytöstä järjestelmässä havaitun haavoittuvuuden vuoksi. Kommentteja ei voi tänä aikana lukea eikä uusia kommentteja kirjoittaa.

Haku »

Mainokset »

Sivua päivitetty viimeksi: Perjantaina 02.01.2009 kello 10:03