Wynmiddels binne jo sjoen hoe't it iPhone kinne websiden wikselje en útwreidzje. It kin jo de folsleine webside sjen litte op in bliuw of in ferhaal om de tekst te meitsjen dy't jo belangstelling binne foar lêsber. Yn ien fan 'e feilen, om't it iPhone Safari brûkt, moatte webûntwerpers net wat spesjaal dwaan om in webstee te meitsjen dy't wurket op it iPhone.
Mar wolle jo jo side krekt wurkje? De measte ûntwerpers wolle har siden skine!
As jo in webstee opmeitsje , moatte jo tinke oan wa't it sjen sil en hoe't se it sjen wolle. Guon fan 'e bêste siden rekkenje rekken hokker type fan appartemint de side oanbelanget, wêrûnder de resolúsje, kleuropsjes en beskikbere funksjes. Se dogge net gewoan op it apparaat om it út te finen.
Algemiene rjochtlinen foar it bouwen fan in side foar mobil apparaten
- Testje op safolle apparaten as jo kinne. It earste wat jo dwaan moatte is jo side op in iPhone en in soad ferskate mobile apparaten of emulators te sjen as jo kinne. Wylst jo emulators brûke kinne foar alle jo testen, jouwe jo itselde net as jo besykje te navigearjen fia in webside op it lytse bytsje skerm, sadat jo safolle mooglik probearje op echte apparaten.
- Meitsje jo siden geweldig. Jo kinne jo siden skriuwe foar Flash-ynstelde, brede skermblêden, mar soargje derfoar dat de krityske ynformaasje even sichtber is yn in lyts monitor dat gjin spesjale funksjes beheine kin (lykas cookies, Ajax, Flash, JavaScript, ensfh.). Anything beyond XHTML Basic will be beyond some cell phones. Hoewol de measte smartphones alle dingen behannele wurde (útsein Flash op it iPhone, fansels) kinne oare mobile apparaten net.
- Meitsje in draadbere spesifike side en meitsje it maklik om te finen. As jo in spesifike side meitsje foar jo cellphone en draadloare klanten, meitsje it beskikber. In geweldige manier is om de link nei de draaide side op 'e boppekant fan jo dokumint te setten, en dan ferbergje dy link fan net-handige apparaten mei it handheld media type. Nei alle gedachten komme de measte minsken nei jo thúsblêd, sels op tillefoans - en as de link nei jo draadloaze side dêr net is, sille se ferlitte as de side te hurd is om te brûken.
Web side-ôfdieling foar smartphones
It earste ding dat jo ûnthâlde moatte as jo siden skriuwe foar de smartphonemerk is dat jo gjin wizigingen meitsje moatte as jo net wolle. It grutte ding oer de measte smartphones beskikber is dat se Webkit-browsers brûke (Safari op iOS en Chrome op Android) om websiden te sjen, dus as jo side goed yn Safari of Chrome sjogge, sil it goed fine op de measte smartphones (mar in soad lytsere ). Mar dęr binne dingen dy't jo dwaan kinne om de browsing ûnderfûnen noflik te meitsjen:
- Tink derom dat it skerm is lyts. Smartphones sille allegear kolommen yn 'e lytse finster falle, en dit kin har tige swier meitsje om te lêzen sûnder te fergrutsjen. De measte brûkers sille brûkt wurde om te fergrutsjen, mar it kin gewoanich wurde. Ien lange kolom fan tekst is makliker te lêzen.
- Divyzje siden yn lytsere skonken. It kin lestich wêze om lange segminten fan tekst op in mobyltelefon te lêzen, sadat se op meardere siden sette, makket se makliker te lêzen.
Links en navigaasje op iPhones
- De koartere URL's binne de better. As jo ea besocht hawwe yn in URL te typen op in tillefoan, sille jo witte dat it in pine is (útsein miskien foar jongens dy't brûkt wurde om in soad berjochten te stjoeren). Sels op it iPhone, it is langstme om in lange URLs te typen. Hâld se koarte.
- Mar langteknop is makliker te pakken. As op in side wêryn ferskate aparte wurden ferbûn binne mei ferskillende artikels, dan kinne allegear neist elkoar it heulendal wêze om it juste te passen sûnder te fergrutsjen. In soad minsken sille gewoan opkomme en gean earne oars. Ferwizings mei 3-5 wurden yn harren binne makliker te klikken op it tillefoan as 1-wurd-keppelings.
- Set jo navigaasje net op 'e top fan it skerm. Der is neat mear saakliker as it om te sjen troch skermen en skermen fan links om de ynformaasje te finen dy't jo wolle. As jo besochte websiden dy't foar tillefoans ûntwikkele binne, sille jo sjen dat de earste dingen dy't opjaan binne de ynhâld en haadlinen. Dęr, hjirûnder is de navigaasje.
- Bist net bang om jo navigaasje te ferbergjen. Ferbergje navigaasjes-keppels mei CSS of JavaSkript en meitsje se allinnich as de brûker freget om dat is in manier om de side makliker te meitsjen foar smartphone-brûkers.
Tips foar ôfbyldings op smartphones
- De bylden moatte lyts wêze. Ja, Android en iPhones kinne fergrutsje en fergrutsje op bylden , mar de lytsere wêryn't se binne, yn beide dimensjes en ynlaad tiid, de lokwinske jo draaide klanten sil wêze. Optimearjen fan bylden is altyd in goed idee, mar foar cellphone siden is it kritysk.
- Ofbyldings moatte fluch downloade. Ofbyldings nimme in soad romte op websiden as jo se sjen út in mobyl apparaat. En wylst se faak tige noflik binne en de siden better sjogge as se op in folslein skerm webblêder besjoen wurde, komme se faak op 'e manier op in mobile apparaat. Plus as in smartphone-brûker op it selektearne netwurk is, it lêste ding dat se betelje wolle, is in download fan in bulte rige ôfbyldings of navigaasjeblokken.
- Skep gjin grutte bylden oan 'e boppekant fan' e side. Krekt as by de navigaasje, kin it wêze dat it geweldich is om te wachtsjen op in byld dat 3-4 fertsjinwurdigens opnimme om op 'e top fan' e side te laden. En dit is algemien gewoan op websiden. De iennige útsûndering dêrfan is as de lêzer wit dat se in ôfbylding krije as se klikke, sizze yn in foto's.
Wat te ferminderjen By it ûntwerpen foar Mobile
Der binne ferskate dingen dy't jo foarkomme moatte as jo in mobile-side freegje. As hjirboppe neamd wurdt, as jo dizze op jo side echt hawwe wolle, kinne jo, mar meitsje der wis fan dat de side sûnder harren wurket.
- Flash - meast mobyl tillefo's stipe net Flash, dus it is net in goeie idee om it oan te meitsjen op jo draadloaze siden.
- Cookies - in soad cellphone's hawwe gjin cookie-stipe. iPhones hawwe cookie stipe.
- Frames - sels as de blêder har stipet, tink oan de dimensjes fan it skerm. Frames wurkje gewoan net op mobile apparaten - se binne tige lestich of ûnmooglik om te lêzen.
- Tabel - brûke gjin tabellen foar layout op in mobile side. En besykje de tabellen yn it algemien te foarkommen. Se wurde net stipe op elke tillefoon (hoewol iPhones en oare smartphones stypje se) en jo kinne mei frjemde resultaten úteinsette.
- Nêst tabellen - as jo in tafel brûke moatte, soargje derfoar dat it net yn in oar tabel nêst is. Dit binne dreech foar buroblêden fan buroblêden om te stypjen, en, bystean, meitsje de side lardere.
- Absolute maatregels - yn oare wurden, bepale de dimensjes fan objekten yn absolute grutte (lykas piksels, millimeter of inch). As jo wat as 100px breed definiearje, op ien mobile apparaat dat it heal it skerm is en op in oare kin it twa kear de breed wêze. Relatyf grutte (lykas ems en persintaazjes) wurkje it bêste.
- Lettertypen - tink derom dat ien fan 'e lettertypen dy jo brûke hawwe om tagong te krijen op wille te krijen op' e tillefoans.
Lês mear
- Hoe kin jo webside maklik freonlik meitsje mei PHP