Cyfleoedd ydych chi wedi gweld sut y gall yr iPhone troi ac ehangu tudalennau gwe. Gall ddangos i'r dudalen gyfan gyfan gipolwg arno neu chwyddo i mewn i ddarllen y testun y mae gennych ddiddordeb ynddo. Mewn un ystyr, gan fod yr iPhone yn defnyddio Safari, ni ddylai dylunwyr gwe wneud unrhyw beth arbennig i greu tudalen we a fydd yn gweithio ar yr iPhone.
Ond ydych chi wir eisiau i'ch tudalen weithio? Mae'r rhan fwyaf o ddylunwyr am i'r tudalennau eu disgleirio!
Pan fyddwch yn adeiladu tudalen we , mae angen i chi feddwl pwy fydd yn ei weld a sut y byddant yn ei weld. Mae rhai o'r safleoedd gorau yn ystyried pa fath o ddyfais y mae'r dudalen yn cael ei gweld, gan gynnwys y datrysiad, y dewisiadau lliw, a'r swyddogaethau sydd ar gael. Nid ydynt yn unig yn dibynnu ar y ddyfais i'w gyfrifo.
Canllawiau Cyffredinol ar gyfer Adeiladu Safle ar gyfer Dyfeisiau Symudol
- Prawf ar gynifer o ddyfeisiau ag y gallwch. Y peth cyntaf y dylech ei wneud yw gweld eich gwefan ar iPhone a chynifer o wahanol ddyfeisiau symudol neu emulawyr ag y gallwch. Er y gallwch chi ddefnyddio emuladwyr ar gyfer eich holl brofion, nid ydynt yn wirioneddol yn rhoi yr un teimlad i chi wrth geisio mynd trwy wefan ar y sgrin fach iawn, felly profi ar y dyfeisiau gwirioneddol gymaint ag y bo modd.
- Gwnewch eich tudalennau'n diraddio yn greisgar. Gallwch chi ysgrifennu eich tudalennau ar gyfer porwyr sgrîn-alluog, sy'n galluogi Flash, ond gwnewch yn siŵr bod y wybodaeth feirniadol yn weladwy hyd yn oed mewn monitor bach nad yw'n gallu trin unrhyw nodweddion arbennig (fel cwcis, Ajax, Flash, JavaScript, ac ati). Bydd unrhyw beth y tu hwnt i XHTML Basic y tu hwnt i rai ffonau gell. Er bod y rhan fwyaf o ffonau smart yn gallu trin yr holl bethau hynny (ac eithrio Flash ar yr iPhone, wrth gwrs), ni all dyfeisiau symudol eraill.
- Adeiladu tudalen benodol diwifr - a'i gwneud hi'n hawdd dod o hyd iddo. Os ydych chi'n mynd i adeiladu tudalen benodol ar gyfer eich ffôn symudol a'ch cwsmeriaid di-wifr - gwnewch ar gael. Ffordd wych yw gosod y ddolen i'r dudalen diwifr ar frig eich dogfen, ac wedyn cuddio'r ddolen honno oddi wrth ddyfeisiau nad ydynt yn eu defnyddio gan ddefnyddio'r math cyfryngau llaw. Wedi'r cyfan, mae'r rhan fwyaf o bobl yn dod i'ch tudalen gartref, hyd yn oed ar ffonau celloedd-ac os nad yw'r dolen i'ch tudalen diwifr yno, byddant yn gadael os yw'r dudalen yn rhy anodd i'w ddefnyddio.
Cynllun Tudalen We ar gyfer Smartphones
Y peth cyntaf y dylech chi ei gofio wrth ysgrifennu tudalennau ar gyfer y farchnad ffôn smart yw na fydd yn rhaid i chi wneud unrhyw newidiadau os nad ydych chi eisiau. Y peth gwych am y rhan fwyaf o ffonau smart sydd ar gael yw eu bod yn defnyddio porwyr Webkit (Safari ar iOS a Chrome ar Android) i arddangos tudalennau gwe, felly os yw'ch tudalen yn edrych yn iawn yn Safari neu Chrome, bydd yn edrych yn iawn ar y rhan fwyaf o ffonau smart (dim ond llawer llai ). Ond mae yna bethau y gallwch eu gwneud i wneud y profiad pori yn fwy dymunol:
- Cofiwch fod y sgrin yn fach. Bydd ffonau smart yn condensio'r holl golofnau hynny i mewn i'r ffenestr fach, a gall hyn eu gwneud yn anodd eu darllen heb glymu. Defnyddir y rhan fwyaf o ddefnyddwyr i glymu, ond gall fod yn ddrwg. Mae un golofn hir o destun yn haws ei ddarllen.
- Rhannwch y tudalennau yn ddarnau llai. Gall fod yn anodd darllen segmentau hir o destun ar ffôn gell, felly mae eu rhoi ar dudalennau lluosog yn eu gwneud yn haws i'w darllen.
Cysylltiadau a Navigation ar iPhones
- Y byrraf yw'r URLau, gorau. Os ydych chi erioed wedi ceisio teipio URL ar ffôn gell, fe wyddoch ei bod yn boen (ac eithrio efallai ar gyfer pobl ifanc sy'n arfer anfon negeseuon testun). Hyd yn oed ar yr iPhone, mae'n ddiflas i deipio URLau hir. Cadwch nhw yn fyr.
- Ond mae'n haws tapio testun cyswllt hir. Pan fyddwch ar dudalen lle mae nifer o eiriau ar wahân wedi'u cysylltu â gwahanol erthyglau, pob un yn iawn wrth ei gilydd, gall fod yn anodd iawn tapio'r un cywir heb gwyddo. Bydd llawer o bobl yn rhoi'r gorau iddi ac yn mynd i rywle arall. Mae dolenni gyda 3-5 gair yn hwylus i glicio ar y ffôn na chysylltiadau 1 gair.
- Peidiwch â rhoi eich mordwyo ar ben uchaf y sgrin. Nid oes unrhyw beth yn fwy blino na chael tudalen trwy sgriniau a sgriniau o dolenni i ddod o hyd i'r wybodaeth rydych ei eisiau. Os ydych chi wedi edrych ar dudalennau gwe a gynlluniwyd ar gyfer ffonau symudol, fe welwch mai'r pethau cyntaf a ddangosir yw'r cynnwys a'r pennawd. Yna, islaw hynny yw mordwyo.
- Peidiwch â bod ofn cuddio eich llywio. Mae cuddio cysylltiadau mordwyo â CSS neu JavaScript ac yn eu gwneud yn ymddangos yn unig pan fydd y defnyddiwr yn gofyn amdani yn ffordd o wneud y dudalen yn haws i ddefnyddwyr ffôn symudol.
Awgrymiadau ar gyfer Delweddau ar Smartphones
- Rhaid i'r delweddau fod yn fach. Oes, gall Android ac iPhones chwyddo a dadfudo ar ddelweddau , ond mai'r llai ydynt, yn y ddau ddimensiwn a'r amser lawrlwytho, yr hapusach fydd eich cwsmeriaid di-wifr. Mae optimeiddio delweddau bob amser yn syniad da, ond ar gyfer tudalennau ffôn celloedd, mae'n hanfodol.
- Rhaid i ddelweddau lawrlwytho'n gyflym. Mae delweddau'n cymryd llawer o le ar dudalennau gwe pan fyddwch chi'n eu gwylio o ddyfais symudol. Ac er eu bod yn aml yn neis iawn ac yn gwneud i'r tudalennau edrych yn well wrth edrych ar borwr gwe sgrin lawn, maent yn aml yn mynd ar y ffordd ar ddyfais symudol. Hefyd, pan fydd defnyddiwr ffôn smart ar y rhwydwaith cell, y peth olaf y maent am ei dalu yw llwytho i lawr nifer o ddelweddau enfawr neu eiconau llywio.
- Peidiwch â rhoi delweddau mawr ar frig y dudalen. Yn union fel gyda llywio, gall fod yn ddiflas iawn aros am ddelwedd sy'n cymryd 3-4 sgrin i lwytho ar frig y dudalen. Ac mae hyn yn hynod gyffredin ar dudalennau gwe. Yr unig eithriad i hyn yw os yw'r darllenydd yn gwybod eu bod yn mynd i gael delwedd wrth glicio, dywedwch mewn oriel luniau.
Beth i'w Osgoi Wrth Ddylunio ar gyfer Symudol
Mae yna sawl peth y dylech ei osgoi wrth adeiladu tudalen gyfeillgar. Fel y crybwyllwyd uchod, os ydych chi wir eisiau cael y rhain ar eich tudalen, gallwch chi, ond gwnewch yn siŵr bod y safle'n gweithio hebddynt.
- Fflach - nid yw'r rhan fwyaf o ffonau symudol yn cefnogi Flash, felly nid yw'n syniad da ei gynnwys ar eich tudalennau di-wifr.
- Cwcis - nid oes gan lawer o ffonau gell gymorth cwci. Mae gan iPhones gymorth cwcis.
- Fframiau - hyd yn oed os yw'r porwr yn eu cefnogi, meddyliwch am ddimensiynau'r sgrin. Nid yw fframiau yn gweithio ar ddyfeisiau symudol - maent yn anodd iawn neu'n amhosib i'w darllen.
- Tablau - peidiwch â defnyddio tablau ar gyfer gosodiad ar dudalen symudol. A cheisiwch osgoi tablau yn gyffredinol. Nid ydynt yn cael eu cefnogi ar bob cellphone (er bod iPhones a ffonau smart eraill yn eu cefnogi) a gallwch chi ddod o hyd i ganlyniadau rhyfedd.
- Tablau nythu - os oes rhaid i chi ddefnyddio tabl, gwnewch yn siŵr peidio â'i nythu mewn tabl arall. Mae'r rhain yn anodd ar gyfer porwyr bwrdd gwaith i gefnogi, ac, ar y gorau, gwneud y dudalen yn llwyth yn arafach.
- Mesurau absoliwt - mewn geiriau eraill, peidiwch â diffinio dimensiynau gwrthrychau mewn meintiau absoliwt (fel picseli, milimedrau, neu modfedd). Os ydych chi'n diffinio rhywbeth fel 100px o led, ar un ddyfais symudol a allai fod yn hanner y sgrin ac ar un arall gall fod ddwywaith y lled. Mae meintiau cymharol (fel ems a chanrannau) yn gweithio orau.
- Ffontiau - peidiwch ā chymryd yn ganiataol y bydd unrhyw rai o'r ffontiau y byddwch chi'n eu defnyddio i gael mynediad iddynt ar gael ar y ffonau celloedd.
Darllen mwy
- Sut i Wneud Eich Gwefan Symudol yn Gyfeillgar Gan ddefnyddio PHP