Mahimo nimo makita kung unsa ang mahimo sa iPhone ug pagpalapad sa mga web page. Makapakita kini kanimo sa tibuok nga panid sa web sa usa ka pagtan-aw o pag-zoom aron mahimo ang teksto nga ikaw interesado nga mabasa. Sa usa ka pagsabut, tungod kay ang iPhone naggamit sa Safari, ang mga web designers dili kinahanglan nga mohimo bisan unsa nga espesyal aron sa paghimo sa usa ka web page nga magamit sa iPhone.
Apan gusto ba nimo nga ang imong panid magamit lang? Ang kadaghanan sa mga tigdesinyo gusto nga ang ilang mga panid magdan-ag!
Kon ikaw magtukod og usa ka web page , kinahanglan nga imong hunahunaon kung kinsa ang magatan-aw niini ug unsaon kini sa pagtan-aw niini. Ang pipila sa mga labing maayo nga mga site naghunahuna kon unsa nga matang sa device ang panid nga gipangita, lakip ang resolusyon, mga kapilian sa kolor, ug ang anaa nga mga gimbuhaton. Dili lang sila nagsalig sa device aron mahibal-an kini.
Kinatibuk-an nga Mga Sumbanan alang sa Pagtukod sa usa ka Site alang sa mga Mobile Devices
- Sulayi ang daghang mga gamit kutob sa mahimo. Ang unang butang nga imong buhaton mao ang pagtan-aw sa imong site sa usa ka iPhone ug ingon man sa daghang mga nagkalain-laing mga mobile device o emulator kutob sa imong mahimo. Samtang makagamit ka og mga emulator sa tanan nimo nga pagsulay, wala gyud sila makahatag kanimo sa samang pagbati sama sa pagsulay sa pag-navigate sa usa ka website sa gamay nga gamay nga screen, busa sulayi ang aktwal nga mga himan kutob sa mahimo.
- Himoa nga ang imong mga pahina degrade gracefully. Mahimo nimong isulat ang imong mga panid alang sa Flash, nga adunay daghang mga screen browser, apan paneguro nga ang mahinungdanon nga impormasyon makita bisan sa usa ka gamay nga monitor nga dili makasulbad sa bisan unsang espesyal nga bahin (sama sa cookies, Ajax, Flash, JavaScript, ug uban pa). Ang bisan unsang butang nga labaw pa sa XHTML Basic dili mahimo sa ubang mga cell phone. Samtang ang kadaghanan sa mga smartphones makahimo sa pagdumala sa tanan nga mga butang (gawas sa Flash sa iPhone, siyempre), ang ubang mga mobile device dili mahimo.
- Pagtukod og usa ka piho nga piho nga pahina-ug himoa kini nga sayon nga pangitaon. Kon ikaw magtukod og usa ka piho nga panid alang sa imong cell phone ug wireless nga mga kustomer-himoa kini nga magamit. Ang usa ka maayo nga paagi mao ang pagbutang sa sumpay ngadto sa wireless nga pahina sa pinakataas nga bahin sa imong dokumento, ug unya itago ang maong sumpay gikan sa mga dili gunitanan nga gamit gamit ang handheld media type. Sa pagkatinuod, kadaghanan sa mga tawo moadto sa imong home page, bisan sa mga cellphone-ug kung ang link sa imong wireless nga pahina dili didto, mobiya sila kung ang panid lisud gamiton.
Web Page Layout alang sa Smartphones
Ang unang butang nga kinahanglan nimong mahinumduman sa pagsulat sa mga pahina alang sa smartphone nga merkado mao nga dili ka kinahanglan magbag-o kung dili nimo gusto. Ang dakong butang mahitungod sa kadaghanan nga mga smartphone nga anaa mao nga sila naggamit sa Webkit browsers (Safari sa iOS ug Chrome sa Android) aron ipakita ang mga web pages, busa kung ang imong panid ma-okay sa Safari o Chrome, kini motan-aw sa kadaghanan sa mga smartphones (mas gamay ). Apan dunay mga butang nga imong mahimo aron mas makalingaw ang kasinatian sa pag-browse:
- Hinumdomi nga ang screen gamay kaayo. Ang mga smartphone ipaubos sa tanan nga mga haligi ngadto sa gamay nga bintana, ug kini makahimo kanila nga lisud nga basahon nga walay pag-zooming. Kadaghanan sa mga tiggamit gigamit sa pag-zooming, apan kini makadaot. Ang usa ka taas nga kolum sa teksto mas sayon basahon.
- Bahina ang mga panid ngadto sa gagmay nga mga tipik. Mahimong malisud ang pagbasa sa taas nga mga bahin sa teksto sa usa ka cellphone, busa ang pagbutang niini sa daghang mga pahina naghimo kanila nga mas sayon sa pagbasa.
Links ug Navigation sa iPhones
- Ang mas mubo nga mga URL, mas maayo. Kon ikaw nakasulay sa pag-type sa usa ka URL sa usa ka cell phone, imong mahibal-an nga kini usa ka sakit (gawas tingali sa mga tin-edyer nga gigamit sa pagpadala sa daghang mga text message). Bisan sa iPhone, lisud ang pag-type sa taas nga mga URL. Hupti sila nga mubo.
- Apan ang dugay nga link nga teksto sayon nga pag-tap. Sa diha nga sa usa ka panid diin adunay ubay-ubay nga managlahi nga mga pulong nga nalambigit sa nagkalain-laing mga artikulo, ang tanan sunod sa usag usa, mahimo nga lisud ang pag-tap sa husto nga walay pag-zooming. Daghang mga tawo ang mohunong ug moadto sa laing dapit. Ang mga link nga may 3-5 nga mga pulong sa kanila mas sayon nga mag-klik sa telepono kay sa 1-word nga mga link.
- Ayaw ibutang ang imong nabigasyon sa pinakataas nga bahin sa screen. Wala nay laing makalagot kay sa pag-adto sa pahina pinaagi sa mga screen ug mga screen sa mga link aron makita ang impormasyon nga gusto nimo. Kon ikaw nagtan-aw sa mga web page nga gidisenyo alang sa mga cell phone, imong makita nga ang unang mga butang nga nagpakita mao ang sulod ug ulohan. Dayon, sa ubos kana ang nabigasyon.
- Ayaw kahadlok sa pagtago sa imong paglayag. Ang pagtago sa mga link sa nabigasyon sa CSS o JavaScript ug sa paghimo niini nga makita lamang kung ang user mangutana niini mao ang usa ka paagi aron ang pahina mas sayon alang sa mga tiggamit sa smartphone.
Mga Tip alang sa mga Imahe sa Smartphones
- Ang mga larawan kinahanglan gamay. Oo, ang Android ug iPhone mahimong mag-zoom ug mag-unzoom sa mga hulagway , apan ang mas gamay niini, sa duha ka mga sukat ug oras sa pag-download, mas malipayon ang imong mga wireless nga kustomer. Ang pag-uswag sa mga hulagway kanunay nga maayo nga ideya, apan alang sa mga pahina sa cell phone, kini importante.
- Ang mga hulagway kinahanglan nga magdali dayon. Ang mga hulagway naggamit og daghang luna sa mga panid sa web sa higayon nga imong gitan-aw kini gikan sa usa ka mobile device. Ug samtang sila sa kasagaran nindot kaayo ug himoon nga mas maayo ang mga panid kon tan-awon sa usa ka full-screen nga web browser, sila kasagaran moagi sa usa ka mobile device. Dugang kon ang usa ka tiggamit sa smartphone anaa sa cellular network, ang katapusan nga butang nga gusto nilang ibayad mao ang pag-download sa usa ka hugpong nga dagkong mga larawan o mga icon sa navigation.
- Ayaw ibutang ang dagko nga mga larawan sa ibabaw sa panid. Sama sa pag-navigate, kini mahimong makapaukyab kaayo sa paghulat sa usa ka hulagway nga nagkinahanglan sa 3-4 nga screenfuls aron mabutang sa pinakataas nga bahin sa panid. Ug kini komon kaayo sa mga panid sa web. Ang bugtong eksepsiyon niini mao ang kung ang magbabasa nakahibalo nga sila makakuha og usa ka imahe sa diha nga sila mag-klik, isulti sa usa ka photo gallery.
Unsa ang Likayan Sa Pagdisenyo alang sa Mobile
Adunay daghang mga butang nga angay nimong malikayan sa dihang magtukod og usa ka pahina sa mobile-friendly. Sama sa gihisgutan sa ibabaw, kung gusto nimo nga maangkon kini sa imong panid, mahimo nimo, apan siguroha nga ang site nagabuhat nga wala kini.
- Flash - ang kadaghanan sa mga mobile phone wala mosuporta sa Flash, busa kini dili maayong ideya sa paglakip niini sa imong wireless nga mga pahina.
- Cookies - daghang mga cellphone walay suporta sa cookie. Ang mga iPhone adunay cookie support.
- Mga frame - bisan kon ang browser nagsuporta kanila, hunahunaa ang mga sukod sa screen. Ang mga frame wala magtrabaho sa mga mobile device - lisud kaayo kini o imposible nga basahon.
- Mga Tables - ayaw gamita ang mga lamesa alang sa layout sa usa ka mobile nga pahina. Ug paningkamot sa paglikay sa mga lamesa sa kinatibuk-an Wala kini gipaluyohan sa matag cellphone (bisan tuod ang iPhones ug uban pang mga smartphones nagsuporta niini) ug mahimo ka nga adunay mga katingad-ang resulta.
- Nested nga mga lamesa - kon kinahanglan nimo gamiton ang usa ka lamesa, siguroha nga dili kini ibutang sa laing lamesa. Lisud kini alang sa mga browser sa desktop aron suportahan, ug, sa labing maayo, paghimo sa page nga mas hinay.
- Ang hingpit nga mga lakang - sa lain nga pagkasulti, dili ipasabot ang mga sukod sa mga butang sa hingpit nga mga gidak-on (sama sa mga pixel, milimetro, o pulgada). Kon imong ipasabut ang usa ka butang nga 100px ang gilapdon, sa usa ka mobile device nga tingali katunga sa screen ug sa laing usa kini mahimong duha ka pilo ang gilapdon. Ang nagkadaiyang mga gidak-on (sama sa em ug mga porsiyento) labing maayo.
- Mga Font - ayaw hunahunaa nga ang bisan unsa sa mga font nga imong gigamit nga adunay access sa mahimong anaa sa mga cell phone.
Basaha ang Dugang
- Unsaon Paghimo sa Imong Website Mobile Friendly Paggamit sa PHP