Wäerter si du gesi wéi d'iPhone Flippere ka wiele Websiten. Et kann Iech déi ganz Websäit op engem Bléck kucken oder vergréisseren fir de Text Dir interesséiert fir liesen ze maachen. An ee Sënn, well d'iPhone Safari benotzt, sollen d'Webdesigner net eppes Besonnesches maachen fir eng Websäit ze kreéieren déi am iPhone funktionnéiert.
Maach Dir wierklech Är Säit nëmmen ze schaffen? Déi meescht Designer wënschen hir Säiten glänzen!
Wann Dir eng Websäit baut , musst Dir soen, wien et wäert kucken a wéi se se kucken. E puer vun de beschten Siten a berücksichte wéi eng Zort vun Apparat d'Säit se gesinn ass, dorënner d'Resolutioun, d'Faarfoptiounen an d'Funktiounen. Si verleeft net nëmmen op dem Apparat, fir et erauszefannen.
Allgemeng Guidelines for Building a Site for Mobile Devices
- Test op esou vill Apparater wéi Dir kënnt. Déi éischt Saach déi Dir gemaach sollt Dir ass Är Site op engem iPhone an esou vill verschidden mobil Geräter oder Emulatoren wéi Dir kënnt. Wann Dir Emulatoren fir all Är Tester benotzen kënnt, hunn se Iech net déi selwecht Gefill wéi Dir probéiert ze versetzen duerch e Site op der kleng Mini-Bildschirm, also testen op tatsächlech Apparater esou vill wéi méiglech.
- Maacht Är Säiten erbäucherend graff. Dir kënnt Är Säite fir Flash-Enabled, Breet-Browsere schreiwen, maach sécher datt d'kritesch Informatioun och e klengen Iwwerwachungsapparat kann gesinn, deen keng speziell Funktiounen huet (z. B. Cookien, Ajax, Flash, JavaScript, etc.). Niewt deels wéi XHTML Basic gëtt et nach e puer Telefonsplazen. Obwuel déi meescht Smartphones all dës Saache kënnen handelen (ausser Blutt am iPhone, natierlech), kënnen aner mobil Geräter net kënnen.
- Bauen eng wireless spezifesch Säit - a maacht et einfach ze fannen. Wann Dir eng spezifesch Säit fir Äre GSM an a Funk Klienten bauen - maacht dat ze maachen. Eng gutt Manéier ass de Link op der Funk Säit am Top vun Ärem Dokument ze setzen a versteet datt dëse Link vun net handheld Geräter déi handheld Medientyp benotzen. Virun allem si meescht Leit op Är Homepage, och op Handy-Handwierker - a wann de Link op Är Funk Säit net do ass, bleiwen si wann d'Säit ze schwéier fir ze benotzen.
Web Page Layout fir Smartphones
Déi éischt Saach déi Dir erënnert, wann Dir Säiten fir den Smartphone Maart schreift, ass datt Dir keng Äntwert maache muss wann Dir net wëllt. Déi gutt Saach vun de meescht Smartphones, déi verfügbar sinn, sinn datt se Webkit Browseren benotzen (Safari op iOS an Chrome op Android) fir Webseiten z'ënnerscheeden, also wann Är Säit okay an Safari oder Chrome kuckt, sou gutt wéi déi meescht Smartphones (just méi kleng ). Mee et ass Saachen déi Dir maache kënnt fir d'Surfere méi erfreelech ze maachen:
- Vergiesst net datt d'Bildschirm kleng ass. Smartphones condenséiert all déi Spalten erof an d'Miniature Fënster, an dëst kann se ganz schwéier liesen ouni Zoomen. Déi meeschte Benotzer gi benotzt fir ze vergréisseren, awer et kann kreativ ginn. Eng laang Späicherplaz ass méi einfach ze liesen.
- Gitt Säiten a kleng Stécker. Et kann schwiereg ginn fir laang Texter op engem Handy ze liesen, sou datt se op verschidde Säiten ze léisen en se méi einfach ze liesen.
Links an Navigatioun op iPhones
- De kuerzer ass d'URLe, wat besser ass. Wann Dir jeemo probéiert hutt eng URL op engem Mobiltelefon ze schécken, da wësst Dir datt et en Péng ass (ausser fir Jugendlecher, déi benotzt ginn fir vill SMS ze verschécken). Och op dem iPhone, et ass esmaart drun fir e laange URLen ze lueden. Halt se kuerz.
- Awer laang Texter gëtt méi liicht. Wann op enger Säit, wou verschidde verschidde Wierder mat verschiddene Artikelen verbonne sinn, all direkt niewendléift, kann et ganz schwéier sinn dat richtegt ze maachen ouni ouni Zoomen. Vill Leit wëlle just opginn an iergendwou goen. Links mat 3-5 Wierder an hinnen sinn méi einfach am Telefon klickt wéi 1-Wuert Links.
- Huelt Är Navigation net am ganz Top vun der Kaart. Et ass näischt méi lästeg wéi Dir ze vergiessen duerch d'Bildschirmer an d'Bildschirmer vun de Linke fir d'Informatioun ze fannen déi Dir wëllt. Wann Dir op Websäiten ausgesi war, déi fir Cellulatioune entwéckelt goufen, fannt Dir datt déi éischt Saache sinn déi Inhalt an Iwwerschrëft. Duerno, ënner der Navigatioun.
- Maach net Angscht, Är Navigation ze verstoppen. D'Navigatiounslinn mat CSS oder JavaScript verstoppt a mécht se nëmmen ze ersetzen wann de Benotzer se froen, ass e Wee fir d'Smartphone Benotzer méi einfach ze maachen.
Tipps fir Biller op Smartphones
- D'Biller musse kleng ginn. Jo, Android an iPhones kënnen zoomen an onzoomen op Biller , mä déi kleng si si sinn an béid Dimensiounen an de Download Time, de glécklech Ären Funk Clienten. D'Optimiséierunge vu Biller ass ëmmer eng gutt Iddi, awer fir Handy Säiten ass et kritesch.
- Biller mussen séier eroflueden. Biller sammelen vill Plaz op Websäiten, wann Dir se vun engem mobilen Apparat gesinn. A wa se meeschtens ganz schéi sinn an d'Seiten kucken besser wann se op engem Vollbildmemebuchervideo-Browser kucken, ginn se sou oft op engem mobilen Apparat. Plus, wann e Smartphone Benotzer am selweschte Netz ass, déi lescht Saach, déi se bezuelen, ass de Download vun e puer räiche Biller oder Navigatiouns-Icons.
- Gitt net méi grouss Biller op der Säit op. Just wéi mat der Navigatioun ass et e ganz onzefridde fir e Bild ze warten, deen 3-4 Dréiimpulver op der ganz Säit vun der Säit léisst. An dat ass extrem verbreet op Websäiten. Déi eenzeg Ausnahm op dëst ass wann de Lieser weess datt se e Bild ginn wann se klickt, soten an enger Fotogalerie.
Wat fir engem Avantage ze mobiliséieren
Et gi verschidde Saachen déi Dir vermeit, wann Dir eng mobil Websäit erstellen wëllt. Wéi virdrun erwähnt, wann Dir wierklech op dësen Säit sidd, kënnt Dir awer sécher sinn, datt de Site ouni se funktionnéiert.
- Flash - déi meeschte mobiltelefone ënnerstëtzen net Flash, also ass et net eng gutt Iddi fir se op Är wireless Säiten opzemaachen.
- Cookien - vill Handyen hunn keng Cookie Support. iPhones hunn Cookie Support.
- Frames - och wann de Browser et ënnerstëtzt, denken iwwer d'Dimensiounen vum Écran. Frames einfach net op mobilen Apparater schaffen - se si ganz schwéier oder onméiglech fir ze liesen.
- Tabellen - benotzt keng Dëscher fir de Layout op enger mobiler Säit. A probéiert, Dëschen am Allgemengen ze vermeiden. Si ginn net op all Cellphone ënnerstëtzt (obwuel iPhones an aner Smartphones ënnerstëtze si) an Dir kënnt mat komëschen Ergebnisser behalen.
- Nestede Dëscher - wann Dir en Dësch muss benotzen, vergewëssert Iech et net an engem aneren Dësch. Dëst si schwéier fir Desktop Browseren fir z'ënnerstetzen, an am beschten d'Säit lued méi lueden.
- Absolut Massnahmen - an anere Wierder, definéieren keng Dimensiounen vun Objekten an absoluter Gréissten (wéi Pixel, Millimeter oder Zoll). Wann Dir eppes wéi 100px breet festleet, op engem mobilen Apparat, deen d'Hallschent vum Écran an der anerer kann et zweemol d'Breet sinn. Relative Gréissten (wéi Ems an Prozentsätze) funktionnéieren am beschten.
- Schrëften - gleeft net datt jiddereen vun de Schrëften déi Dir benotzt hutt fir Zougang zu Wëllen ze kréien op de Handyen ze kréien.
Liest méi
- Wéi Dir Är Websäit Mobile Friendly Using PHP mécht