C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
14 websuunnitteluvinkkiä!
Jos olet luomassa web-sivustoa niin nyton aika käydä läpi 14 tärkeintä kohtaaliittyen web-suunnittelun perusteisiin.
1.Pidä kaikkien html tiedostojen koko alle40k. Tämä takaa sen, että sivutlatautuvat todella nopeasti. Ja jos kokoei ole alle 40k niin kukaan ei haluaodotella sivun lautautumista.
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
2. Käytä sivuilla tarpeeksi "valkoista aluetta"mikä ei sisällä grafiikkaa tai tekstiä. Josvalkoista aluetta ei ole tarpeeksi niinsivut näyttävät epäselviltä ja aiheuttaavierailijalle sekavuuden tilan.
3. Käytä värejä jotka soveltuvat jokaiseenulkoasun rakenteeseen. Ota varmuussiitä, että onko kuvien ja tekstien välillätarpeeksi kontrastia. Jos kontrastia onvähän niin tekstiä on vaikea lukea.Jatka
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
4. Koko sivun taustakuvat ovat liian sekaviasulautuakseen muuhun sivuun. Jossinulla on taustakuva jonka haluatsijoittaa sivulle, tee se niin, että sijoitatsen sivulle missä ei ole paljoa tekstiäjotta kuvan seasta teksti erottuisiparemmin.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
5. Älä käytä liikaa animaatioita. Paitsi josanimaatiot ovat sisällöltä tärkeät nevaan kohdistavat katseet animaatioihinjolloin muu sivun sisältö jäähuomaamatta. Jos liikkuvia osia on liikaase väsyttää silmiä. Ja jos et tee omiaanimaatioita ne on kuitenkin nähty joennen jossain muualla.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
6. Laita pitkien tekstikenttien väliin välit. Josteksti on liian pitkä se on visuaalisestihäiritsevä ja lukijat jättävät lukemisensikseen... Yksi tapa laittaa välejä tekstiinon käyttää otsikoita. Ihmiset voivat näinnavigoida tekstin sisällä ja huomataminkä otsikon alla on mitäkin tekstiä.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
7. Tekstistä puheenollen, älä käytä suuriamääriä SUURIA KIRJAIMIA tai isojafonttikokoja. Suurien fonttien jakirjainten luku on vaikeampaa ja senäyttää epäkohteliaalta, aivan kuinsivusi huutaa päin naamaa kaikensisällön. Yli-iso teksti antaa myössivustasi amatöörimaisen kuvan..
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
8. Ei ole hyvä käyttää pitkissä tekstissä kokosivun leveyttä. Tämä aiheuttaa sen, ettälukijan on vaikea jatkaa seuraavalleriville ja jättävät lukemisen sikseen. 400tai 800 pikselin leveydellä kannattaapitää teksti hallussa. Esim. tablen sisälläteksti kannattaa olla 400-480 pikseliä.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
9. Älä keskitä tekstiä ikinä! Voit tietystilaittaa otsikot keskitetyksi, muttakeskitetyt ja pitkät tekstit antavat hetikuvan amatöörimaisestasivusuunnittelusta. Itse suosittelenmolempiin sivuihin keskitetyt tekstit.Monet eivät tiedä, että näin voi tehdä.Molempiin sivuihin sijoitettu teksti antaahyvän kuvan sivun ulkoasusta. Ainoaongelma em. on se, että teksti voijoskus venyä liikaa ja näin ollen joudutitse korjaamaan joitakin välejä pois.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
10. Muista aina tarkastaa kielioppi sivulla! Jos löydätvirheitä niin se ei ole paha asia, ne on aina helppokorjata.
11. Pidä sivujen grafiikan koko alhaisena, ei ainoastaantiedostokokoa mutta mittasuhteita myös.Grafiikan tulisi antaa sivulle viimeinen silaus, einiin, että se hallitsee koko sivua. Ja jos sivujenlataamisessa kestää kauan, kukaan ei halua jäädäodottelemaan.
12. Älä käytä sivuilla liikaa mainoksia. Jos nään sivullaliikaa mainoksia painan back-nappulaa aivankuten muutkin varmasti tekevät. Ainahan sivullapari mainosta kannattaa olla, mutta liikaa on ainaliikaa.
14 websuunnitteluvinkkiä!
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\sisalto.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\otsikkopalkki.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vasen.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\alkuun.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\linkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\ohjeet.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\tyokalut.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\vinkit.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\taakse.jpg
C:\Documents and Settings\oppilas\Omat tiedostot\Power Point teht\Lopputyö\powerpoint kuvat\eteen.jpg
C:\Works\Koulu\Power Point Uusin\powerpoint kuvat\galleria.gif
Vinkit
Palaa alkuun ylhäälläolevasta painikkeestatai takaisin allaolevasta nuolesta.
13. Pidä navigointipalkki näkyvissä jokaisellasivulla. Näin takaat sen, että käyttäjän onhelppo navigoida sivulta toiselle ilman, ettäjoutuu etsimään menun uudelleen.Surffaajat jäävät pidemmäksi aikaa paikallejos he tietävät mistä löytyy mitäkin helponnavigoinnin avulla.
14. Jos olet kiinnostunut ansaitsemaan rahaatekemällä webbisivuja, muista aina tehdävaikutus. Taustakuvan vaihto omilla sivuillaon ihan hyvä juttu, mutta bisnessmaailmassa tämä saa sinut näyttämäänamatööriltä joka on vain rahan perään.
14 websuunnitteluvinkkiä!