MVnet » Sivusto » Teknistä tietoa
Sisällys
- Tuetut selainympäristöt ja näyttötarkkuudet
- Tunnetut ongelmat selainten kanssa
- MVnetin tekninen toteutus
- MVnetin käyttämät valmiit skriptit, sovellukset, kuvat ja palvelut
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ä.
Mozilla Firefox 3.0 tai uudempi
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
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. |
