Koj yuav pom tau tias qhov iPhone tau tig thiab nthuav cov nplooj ntawv web. Nws tuaj yeem qhia koj tag nrho cov nplooj ntawv web ntawm ib nrais muag lossis zoom rau hauv cov ntawv nyeem koj nyiam nyeem. Nyob rau hauv ib lub siab, txij li lub iPhone siv Safari, web designers yuav tsum tsis txhob yuav ua dab tsi tshwj xeeb tsim cov nplooj ntawv web uas yuav ua hauj lwm rau ntawm iPhone.
Tab sis koj puas xav tau koj nplooj ntawv ua haujlwm xwb? Feem ntau tus neeg tsim khoom xav kom lawv cov nplooj ntawv ci!
Thaum koj tsim ib qhov web page , koj yuav tsum xav txog leej twg mus saib nws thiab seb lawv mus saib nws. Qee qhov chaw zoo tshaj plaws mus rau hauv tus account hom ntaus ntawv cov nplooj ntawv no yog saib rau, nrog rau kev daws teeb meem, kev xaiv xim, thiab muaj kev khiav haujlwm. Lawv tsis cia siab rau cov cuab yeej kom paub nws.
General Cov Txheej Txheem rau Lub Tsev Kawm Ntawv rau Cov Chaw Txawb Txawb
- Sim ua ntau yam li koj tuaj yeem ua. Thawj qhov koj yuav tsum tau ua yog saib koj qhov chaw hauv ib qho iPhone thiab ntau ntau yam khoom siv los sis cov emulators li koj tuaj yeem. Thaum koj siv tau cov emulators rau tag nrho koj kev sim, lawv yeej tsis muab rau koj tib yam li sim ua lwm tus los ntawm lub website ntawm lub me me me me, yog li sim ntawm cov cuab yeej cuab tam kom ntau li ntau tau.
- Ua rau koj cov nplooj ntawv me me gracefully. Koj tuaj yeem sau koj cov nplooj ntawv rau Flash-enabled, wide-screen browsers, tab sis nco ntsoov tias cov ntaub ntawv tseem ceeb yuav pom txawm nyob hauv ib lub me me uas tsis tuaj yeem kov cov nta tshwj xeeb (xws li ncuav qab zib, Ajax, Flash, JavaScript, thiab lwm yam). Txhua yam dhau XHTML Basic yuav tshaj li tej lub xovtooj ntawm tes. Thaum lub sij hawm feem ntau ntawm smartphones tau kov tau txhua yam no (tshwj tsis yog Flash ntawm iPhone, ntawm chav kawm), lwm cov xov tooj ntawm tes tsis muaj peev xwm.
- Tsim kom muaj ib qho tshwj xeeb sab-thiab ua kom yooj yim mus nrhiav. Yog tias koj yuav tsim ib nplooj ntawv tshwj xeeb rau koj lub xov tooj ntawm tes thiab cov neeg siv lag luam-ua rau nws muaj. Ib txoj kev zoo yog kom muab qhov txuas mus rau ntawm nplooj ntawv nyob ntawm sab saum toj ntawm koj daim ntawv, thiab nkaum qhov txuas ntawm non-handheld cov cuab yeej siv hom tshuab ntaus ntawv. Tom qab tag nrho, feem ntau cov neeg tuaj rau ntawm koj qhov home page, txawm nyob ntawm xovtooj ntawm tes-thiab yog tias qhov txuas rau koj lub vev xaib tsis muaj, lawv yuav tawm yog tias nplooj ntawv nyuaj dhau los.
Web Page Layout rau Smartphones
Thawj qhov koj yuav tsum nco ntsoov thaum sau cov nplooj ntawv rau lub lag luam smartphone yog tias koj tsis tas yuav hloov qhov twg yog tias koj tsis xav tau. Qhov zoo tshaj plaws txog feem ntau ntawm cov xov tooj smartphones yog tias lawv siv Webkit browsers (Safari rau iOS no thiab Chrome rau hauv) los tso saib cov nplooj ntawv web site, yog tias koj nplooj ntawv zoo nyob hauv Safari los sis Chrome, nws yuav zoo rau cov ntsiav tshuaj ntau tshaj ( ). Tab sis muaj ntau yam uas koj tuaj yeem ua tau los ua qhov kev tshawb xyuas ntau dua:
- Nco ntsoov tias qhov screen yog me me. Smartphones yuav ua rau tagnrho txhua txhua rau hauv lub thawv me me, thiab qhov no yuav ua rau lawv nyuaj nyeem tsis zooming. Feem ntau cov neeg siv los siv zooming, tab sis nws tuaj yeem tau txais kev pabcuam. Ib qho ntev ntawm cov ntawv nyeem yog yooj yim nyeem.
- Faib cov nplooj ntawv rau hauv cov me chunks. Nws yuav tsis yooj yim nyeem cov ntu ntawm cov ntawv nyeem hauv xov tooj ntawm tes, yog li sau rau ntau nplooj ntawv ua rau lawv yooj yim nyeem.
Txuas thiab Navigation ntawm iPhones
- Lub luv dua cov URLs yog, qhov zoo dua. Yog hais tias koj twb tau sim ntaus ntawv hauv qhov URL ntawm xov tooj ntawm tes, koj mam li paub tias nws yog ib qho mob (tshwj tsis yog saib rau cov hluas uas siv los xa ntau cov ntawv xov xwm ntau heev). Txawm nyob ntawm iPhone, nws yog tshaaj ntaus hauv cov URL ntev. Cia lawv luv.
- Tab sis ntev txuas cov ntawv nyeem yooj yim dua. Thaum nyob rau ntawm phab ntawv uas muaj ob peb lo lus sib txawv txuas rau cov khoom sib txawv, tag nrho cov nyob ze ntawm ib leeg, nws tuaj yeem yooj yim mus siv qhov tseeb yog tsis zooming. Ntau tus neeg yuav cia li tawm mus thiab mus lwm qhov. Kev sib txuas nrog 3-5 lo lus nyob rau hauv lawv yog yooj yim mus nias rau hauv xov tooj tshaj li 1-lus txuas.
- Tsis txhob muab koj lub hle ntawm qhov kawg ntawm qhov screen. Tsis muaj ib yam dab tsi uas ua rau muaj kev ntxhov siab ntau dua rau ntawm nplooj ntawv los ntawm cov ntxaij vab tshaus thiab cov ntxaij lim dej ntawm cov kev txuas mus nrhiav cov ntaub ntawv koj xav tau. Yog tias koj tau saib cov nplooj ntawv web uas tau tsim tseg rau cov xov tooj ntawm tes, koj yuav pom tias thawj yam uas tshwm tawm yog cov ntsiab lus thiab lub ntsiab lus. Tom qab ntawd, hauv qab no yog navigation.
- Tsis txhob ntshai mus nkaum hauv koj lub nkoj. Nkaus navigation links nrog CSS lossis JavaScript thiab ua rau lawv tshwm thaum tus neeg nug nws yog ib txoj hauv kev ua kom yooj yim rau cov neeg siv smartphone.
Lub tswv yim rau cov duab hauv Smartphones
- Cov duab yuav tsum me me. Yog, Android thiab iPhones tau zoom thiab unzoom nyob rau hauv cov dluab , tab sis qhov lawv tsawg, nyob rau hauv ob qhov loj thiab download lub sij hawm, qhov happier koj cov neeg muas zaub wireless yuav. Optiming dluab yog ib txwm ib lub tswv yim zoo, tab sis rau cov xov tooj ntawm tes, nws tseem ceeb heev.
- Cov duab yuav tsum download tau sai. Dluab siv ntau qhov chaw hauv cov nplooj ntawv web thaum koj saib xyuas lawv los ntawm lub tshuab ntaus ntawv. Thiab thaum lawv feem ntau zoo heev thiab ua rau cov nplooj ntawv zoo dua thaum saib ntawm ib qhov browser puv npo, lawv feem ntau tau txais txoj kev ntawm lub xov tooj ntawm tes. Ntxiv rau thaum ib tug neeg siv smartphone siv nyob rau ntawm lub xov tooj ntawm cev, qhov kawg tshaj plaws uas lawv xav them rau yog downloading ib pawg ntawm cov duab loj loj lossis cov cim navigation.
- Tsis txhob tso duab rau saum toj ntawm nplooj ntawv. Raws li nrog navigation, nws yuav ua tau heev tsho tos kom pom ib daim duab uas siv li 3-4 screenfuls los thauj rau sab saum toj ntawm nplooj ntawv. Thiab qhov no tsis tshua muaj tshwm sim hauv cov nplooj ntawv web. Tsuas yog qhov tshwj rau qhov no yog tias tus nyeem ntawv paub tias lawv yuav tau txais cov duab thaum lawv nias, hais rau hauv ib qho duab gallery.
Yuav ua li cas kom tsis txhob tsim thaum tsim kom txawb
Muaj ob peb yam uas koj yuav tsum tau zam thaum tsim ib phab mobile hauv. Raws li hais saum toj no, yog tias koj xav tau cov no ntawm koj nplooj, koj tuaj yeem, tab sis nco ntsoov tias qhov chaw ua hauj lwm tsis muaj lawv.
- Flash - feem ntau ntawm cov xov tooj ntawm tes tsis txhawb Flash, yog li nws tsis yog ib lub tswv yim zoo kom muaj nyob rau ntawm koj cov nplooj ntawv wireless.
- Koob noom - ntau lub xovtooj ntawm tes tsis muaj cov khoom qab zib yug. iPhones puas muaj khoom qab zib yug.
- Ntas - txawm tias qhov browser txhawb lawv, xav txog qhov ntev ntawm qhov screen. Ntas xwb tsis ua hauj lwm rau cov khoom siv txawb - lawv tuaj yeem los tsis yooj yim lossis nyeem.
- Cov Ntxhuav - Tsis txhob siv cov ntxhuav rau kev teeb tsa rau ntawm phab mobile. Thiab sim kom tsis txhob ntxhuav ntau. Lawv tsis txaus siab rau txhua lub xov tooj ntawm tes (txawm tias iPhones thiab lwm yam xov tooj txhawb lawv) thiab koj tuaj yeem mus nrog cov kev sib tw coj txawv txawv.
- Nothing tables - yog tias koj yuav tsum siv lub rooj, nco ntsoov tsis txhob zes nws nyob rau lwm lub rooj. Cov no yog cov nyuaj rau cov duab browsers los txhawb, thiab, qhov zoo tshaj plaws, ua rau nplooj ntawv thau qeeb.
- Kev ntsuas tsis tau zoo - txhais tau tias, tsis txhob txhais qhov ntau thiab tsawg ntawm cov khoom (xws li pixels, millimeters, los yog inches). Yog tias koj txhais ib yam dab tsi li 100px dav, ntawm ib lub tshuab ntaus ntawv uas yog ib nrab ntawm qhov screen thiab lwm tus nws yuav yog ob zaug qhov dav. Txheeb ze li cas (xws li ems thiab feem pua) ua haujlwm zoo tshaj.
- Fonts - tsis txhob xav tias ib yam ntawm cov fonts koj siv tau coj mus yuav muaj nyob rau hauv lub xovtooj ntawm tes.
Nyeem ntxiv
- Yuav ua li cas yuav ua rau koj lub Website txawb siv PHP