Mitä tulee ottaa huomioon suunnitellessa puhelimelle eri näkymää www-sivuille kun tietokoneelle. Miten puhelin tunnistetaan?
Puhelinsivustosta olisi hyvä karsia kuvat pois, sekä ns. liquid leveys. Eli et määritä mitään leveyksiä, vaan annat selaimen venyttää sitä sivua niin paljon kuin ruudulle mahtuu. Kaikki turha tieto myös pois.
En voinut enää muokata vanhaa joten pistetään uutta:
Toisinsanoen siis mobiililaitteille suunnatut sivut on hyvä tehdä samalla periaatteella kuin normaalitkin nettisivut, eli sivuston sisältö ei saisi ylittää leveyssunnassa katselualueen leveyttä (eli vaakasuuntaista scrollbaria ei saisai tulla). Mobiililaitteilla on myös hyvin rajattu tiedonsiirtonopeus ja suorituskyky, joten kannattaa välttää kuvatiedostoja sekä raskaita scriptejä. Myöskin tuki flashille ja javalle on melko huono mobiililaitteissa, joten niitä ei kannata oikeastaan käyttää ollenkaan.
Jos käyttää fiksusti moderneja html-elementtejä (ei esimerkiksi käytä taulukkoa sivuston rakenteeseen) ja css-tyylimäärittelyitä riittää usein että tekee mobiilille erillisen css-tyylitiedoston. Tämän voi liittää perussivulle omaksi css-tiedostoksi handheld-tagilla, jolloin se näkyy vain kännyköillä ja muilla pieninäyttöisillä vekottimilla.
Linkki, jolla voi ohittaa navigaation.
millä tavalla tunnistetaan, että käyttäjä käyttää puhelinta?
http://detectmobilebrowsers.mobi/
Tuolla se tunnistetaan.
Kännykälle saa oman stylesheetin jo aiemmin mainitulla handheld tagilla, eli näin:
<link rel="stylesheet" type="text/css" media="handheld" href="puhelin.css" />
Aihe on jo aika vanha, joten et voi enää vastata siihen.