Chans yo ou te wè kouman iPhone a ka baskile ak elaji paj wèb. Li ka montre ou paj entènèt tout yon ti koutje sou oswa rale nan fè tèks la ou enterese nan lizib. Nan yon sans, depi iPhone a sèvi ak Safari, konsèpteur entènèt pa ta dwe gen fè anyen espesyal yo kreye yon paj entènèt ki pral travay sou iPhone a.
Men, ou reyèlman vle paj ou a jis travay? Pifò konsèpteur vle paj yo klere!
Lè ou bati yon paj entènèt , ou bezwen reflechi sou ki moun ki pral wè li ak ki jan yo pral wè li. Gen kèk nan sit sa yo pi byen pran an kont ki kalite aparèy paj la ke yo te wè sou, ki gen ladan rezolisyon an, opsyon koulè, ak fonksyon ki disponib. Yo pa jis konte sou aparèy la nan figi li soti.
Gid jeneral pou bati yon sit pou mobil aparèy
- Teste sou aparèy anpil jan ou kapab. Premye bagay ou ta dwe fè se wè sit ou sou yon iPhone ak kòm anpil diferan aparèy mobil oswa Emulation jan ou kapab. Pandan ke ou ka itilize emulateur pou tout tès ou yo, yo vrèman pa ba ou santi a menm jan ap eseye navige nan yon sit entènèt sou ti ekran an ti kras, se konsa tès sou aparèy aktyèl otank posib.
- Fè paj ou degrade grasyeu. Ou ka ekri paj ou yo pou navigatè navigatè ki pèmèt yo pèmèt Flash, men asire ke enfòmasyon kritik yo vizib menm nan yon ti monitè ki pa ka okipe nenpòt karakteristik espesyal (tankou bonbon, Ajax, Flash, JavaScript, elatriye). Nenpòt bagay pi lwen pase XHTML Debaz pral pi lwen pase kèk telefòn selilè. Pandan ke pifò smartphones ka okipe tout bagay sa yo (eksepte Flash sou iPhone a, nan kou), lòt aparèy mobil pa kapab.
- Bati yon sans espesifik paj-epi fè li fasil jwenn. Si ou pral bati yon paj espesifik pou telefòn selilè ou ak kliyan san fil-fè li disponib. Yon bon fason se mete lyen ki nan paj san fil nan tèt la anpil nan dokiman ou, ak Lè sa a, kache ki lyen ki soti nan aparèy ki pa pòtatif lè l sèvi avèk kalite medya pòtatif la. Apre yo tout, pifò moun yo vini nan paj lakay ou, menm sou telefòn selilè-epi si lyen ki nan paj san fil ou an pa la, yo pral kite si paj la se twò difisil yo itilize.
Layout paj entènèt pou smartphones
Premye bagay ou ta dwe sonje lè ekri paj pou mache smartphone la se ke ou pa bezwen fè okenn chanjman si ou pa vle. Bagay la gwo sou pifò smartphones ki disponib se yo ke yo itilize navigatè Webkit (Safari sou iOS ak Chrome sou android) yo montre paj wèb, kidonk si paj ou sanble oke nan Safari oswa Chrome, li pral gade amann sou pifò smartphones (jis yon anpil pi piti ). Men, gen bagay ou ka fè fè eksperyans nan Navigasyon plis bèl:
- Sonje ke ekran an se ti. Smartphones yo pral kondanse tout moun sa yo kolòn desann nan fenèt la ti, ak sa a ka fè yo trè difisil li san yo pa zoum. Pifò itilizatè yo yo itilize nan zoum, men li ka jwenn fatigan. Yon long kolòn tèks pi fasil pou li.
- Divize paj nan ti fragman. Li ka difisil pou li segments long nan tèks sou yon telefòn selilè, se konsa mete yo sou plizyè paj fè yo pi fasil pou li.
Lyen ak Navigasyon sou iPhones
- Pi kout URL yo se, pi bon an. Si ou te janm eseye tape nan yon URL sou yon telefòn selilè, ou pral konnen ke li nan yon doulè (eksepte petèt pou adolesan ki yo te itilize voye yon anpil nan mesaj tèks). Menm sou iPhone a, li nan fatigan tape nan URL long. Kenbe yo kout.
- Men, tan lyen tèks se pi fasil tiyo. Lè sou yon paj kote plizyè mo separe yo lye nan diferan atik, tout dwa pwochen youn ak lòt, li ka trè difisil tape yon sèl kòrèk la san yo pa zoum. Anpil moun pral jis bay moute epi ale yon lòt kote. Lyen ki gen 3-5 mo yo nan yo pi fasil yo klike sou telefòn la pase 1-mo lyen.
- Pa mete Navigasyon ou sou tèt la nan ekran an. Pa gen anyen ki plis anmèdan pase gen paj nan ekran ak ekran nan lyen yo jwenn enfòmasyon ou vle a. Si ou te gade paj wèb ki te fèt pou telefòn selilè, ou pral wè ke bagay sa yo premye ki montre yo se kontni an ak gran tit. Lè sa a, anba a ki se navigasyon.
- Ou pa bezwen pè kache navigasyon ou. Kache lyen navigasyon ak CSS oswa JavaScript epi fè yo parèt sèlman lè itilizatè a mande pou li se yon fason fè paj la pi fasil pou itilizatè smartphone.
Konsèy pou imaj sou smartphones
- Imaj yo dwe ti. Wi, Android ak iPhones ka rale ak dekale nan imaj , men pi piti a yo, nan tou de dimansyon ak tan telechaje, pi kontan nan kliyan san fil ou yo pral. Optimize imaj se toujou yon bon lide, men pou paj telefòn selilè, li enpòtan.
- Imaj yo dwe download byen vit. Imaj pran yon anpil nan espas sou paj wèb lè w ap gade yo nan yon aparèy mobil. Epi pandan ke yo yo souvan trè bèl, epi fè paj yo gade pi bon lè yo wè sou yon navigatè entènèt ekran plen, yo souvan jwenn nan chemen an sou yon aparèy mobil. Plus lè yon itilizatè smartphone se sou rezo a selilè, bagay la pase yo vle peye pou se telechaje yon pakèt moun sou imaj gwo oswa ikon Navigasyon.
- Pa mete imaj gwo nan tèt paj la. Menm jan ak navigasyon, li ka trè fatigan pou ret tann pou yon imaj ki pran moute ekran 3-4 nan chaj nan tèt la anpil nan paj la. Lè sa a se trè komen sou paj wèb. Sèl eksepsyon sa a se si lektè a konnen ke yo pral jwenn yon imaj lè yo klike sou, di nan yon galri foto.
Ki sa ki pou fè pou evite Lè Designing pou mobil
Gen plizyè bagay ou ta dwe evite lè ou bati yon paj mobil-zanmitay. Kòm mansyone anwo a, si ou reyèlman vle gen sa yo nan paj ou a, ou ka, men asire w ke sit la ap travay san yo pa yo.
- Flash - pi telefòn mobil pa sipòte Flash, kidonk li pa yon bon lide yo mete li sou paj san fil ou.
- Bonbon - anpil telefòn selilè pa gen okenn sipò bonbon. iPhones yo gen sipò bonbon.
- Kado - menm si navigatè a sipòte yo, reflechi sou dimansyon yo nan ekran an. Ankadreman jis pa travay sou aparèy mobil - yo trè difisil oswa enposib li.
- Tablo - pa sèvi ak tab pou layout sou yon paj mobil. Epi eseye evite tab an jeneral. Yo pa sipòte sou chak cellphone (byenke iPhones ak lòt smartphones sipòte yo) epi ou ka fini ak rezilta etranj.
- Tablo enbrike - si ou dwe sèvi ak yon tab, asire w pa nich li nan yon lòt tab. Sa yo se difisil pou navigatè Desktop sipòte, epi, nan pi bon, fè paj la chaje pi dousman.
- Mezi absoli - nan lòt mo, pa defini dimansyon objè yo nan gwosè absoli (tankou piksèl, milimèt, oswa pous). Si ou defini yon bagay tankou 100px lajè, sou yon sèl aparèy mobil ki ta ka mwatye ekran an ak sou yon lòt li ta ka de fwa lajè a. Relatif gwosè (tankou ems ak pousantaj) travay pi byen.
- Polis - pa sipoze ke nenpòt nan polis yo ou itilize yo gen aksè a ap disponib sou telefòn selilè yo.
Li piplis
- Kòman yo fè sit entènèt ou mobil zanmitay Sèvi ak PHP