Kemungkinan sampeyan wis ndeleng carane iPhone bisa loncat karo muter awak lan nggedhekake kaca web. Sampeyan bisa nuduhake kabeh kaca web kanthi cepet utawa nggedhekake supaya teks sing kasengsem bisa diwaca. Ing satunggaling pangertèn, wiwit iPhone migunakaké Safari, perancang web ngirim ora kudu nglakoni apa-apa khusus kanggo nggawe kaca web sing bakal nggarap iPhone.
Nanging sampeyan pengin kaca sampeyan mung bisa mlaku? Paling desainer pengin kaca-kaca sing kawentar!
Nalika sampeyan mbangun kaca web , sampeyan kudu mikir babagan sing bakal ndeleng lan kepriye bakal ndeleng. Sawetara situs paling apik nyatakake jinis piranti apa kaca ditampilake, kalebu resolusi, opsi werna, lan fungsi sing kasedhiya. Padha ora mung gumantung ing piranti kanggo nemtokake.
Pedoman Umum Nggawe Situs kanggo Piranti Ponsel
- Nyoba sak akeh piranti sing bisa. Perkara pisanan sing kudu dilakoni yaiku ndeleng situs ing iPhone lan akeh piranti seluler utawa emulator sing bisa sampeyan gunakake. Nalika sampeyan bisa nggunakake emulator kanggo kabeh testing sampeyan, wong-wong pancene ora menehi rasa sing padha kaya ngarah nggoleki situs web ing layar cilik cilik, supaya nguji ing piranti-piranti nyata sebisa mungkin.
- Nggawe kaca degrade kanthi apik. Sampeyan bisa nulis kaca-kaca kanggo browser layar lebar, nanging priksa manawa informasi kritis katon sanajan ing monitor cilik sing ora bisa nangani fitur khusus (kaya cookie, Ajax, Flash, JavaScript, dsb.). Apa-apa sing ngluwihi XHTML Basic bakal ngluwihi sawetara ponsel. Nalika akeh Smartphone bisa nangani samubarang kabeh (kajaba Flash ing iPhone, mesthi), piranti seluler liyane ora bisa.
- Mbangun kaca tartamtu kanthi nirkabel lan nggawe gampang digoleki. Yen sampeyan arep mbangun kaca tartamtu kanggo ponsel lan pelanggan nirkabel-gawe kasedhiya. Cara sing paling apik kanggo nyelehake pranala menyang kaca nirkabel ing paling ndhuwur dokumen sampeyan, lan banjur ndhelikake pranala kasebut saka piranti non-genggem kanthi nggunakake jinis media genggam. Sawise kabeh, akeh wong sing teka ing omah kaca, sanajan ing telpon seluler-lan yen pranala menyang kaca nirkabel ora ana, bakal ninggalake yen kaca luwih hard kanggo digunakake.
Web Page Layout kanggo Smartphone
Bab sing sepisanan sampeyan kudu elinga nalika nulis kaca kanggo pasar smartphone iku sampeyan ora kudu nggawe owah-owahan yen sampeyan ora pengin. Babagan gedhe babagan Smartphone sing kasedhiya yakuwi nggunakake browser Webkit (Safari ing iOS lan Chrome ing Android) kanggo nampilake kaca web, supaya yen kaca katon apik ing Safari utawa Chrome, bakal katon alus ing kebanyakan smartphone (mung luwih cilik ). Nanging ana sing bisa dilakoni kanggo nggawe pengalaman browsing luwih apik:
- Elinga yen layar cilik. Ponsel cerdas bakal ngubengi kabeh kolom kasebut ing jendhela cilik, lan iki bisa nggawe susah banget kanggo maca tanpa zoom. Paling kedhaftar digunakake kanggo zoom, nanging bisa njaluk tiresome. Salah siji kolom teks sing dawa luwih gampang diwaca.
- Bagih kaca menyang potongan cilik. Bisa susah maca segmen teks ing dawa, supaya nglebokne pirang-pirang halaman dadi luwih gampang diwaca.
Pranala lan Navigasi ing iPhones
- Sing luwih cendhekake URL, luwih apik. Yen sampeyan wis tau nyoba ngetik URL ing ponsel, sampeyan bakal ngerti yen sing nyeri (kajaba mbok menawa kanggo remaja sing digunakake kanggo ngirim akeh pesen teks). Malah ing iPhone, iku mbebayani kanggo ngetik URL dawa. Tansah padha cendhak.
- Nanging teks link sing dawa luwih gampang kanggo ngetung. Nalika ing kaca ngendi sawetara tembung kapisah nandhani menyang artikel sing beda-beda, kabeh ana ing jejere, bisa uga angel kanggo ngetung sing bener tanpa zoom. Akeh wong bakal nyerah lan menyang ngendi wae. Pranala karo 3-5 tembung ing wong luwih gampang kanggo klik ing telpon saka 1-tembung pranala.
- Aja nglebokake pandhu arah ing sisih ndhuwur layar. Ora ana sing luwih ngganggu tinimbang nduwe kaca liwat layar lan layar pranala kanggo nemokake informasi sing dikarepake. Yen sampeyan wis nyawang kaca web sing dirancang kanggo telpon sel, sampeyan bakal weruh yen hal-hal pisanan sing muncul iku isi lan judhul. Banjur, ing ngisor iki pandhu arah.
- Aja wedi ndhelikake pandhu arahmu. Ndhelikake pranala navigasi nganggo CSS utawa JavaScript lan ndadekake katon mung nalika pangguna nyuwun iku cara kanggo nggawe kaca luwih gampang kanggo pangguna smartphone.
Tip kanggo Gambar ing Smartphone
- Gambar kudu cilik. Ya, Android lan iPhones bisa nggedhekake lan nggedhekake gambar , nanging luwih cilik, ing dimensi lan wektu download, luwih seneng pelanggan nirkabel sampeyan. Ngoptimalake gambar tansah apik, nanging kanggo kaca ponsel, iku kritis.
- Gambar kudu diunduh kanthi cepet. Gambar njupuk akeh spasi ing kaca web nalika sampeyan lagi ndeleng saka piranti seluler. Lan nalika lagi kerep banget lan nggawe kaca katon luwih apik nalika ditonton ing browser web full-screen, dheweke kerep entuk dalan ing piranti seluler. Ditambah nalika pangguna smartphone ana ing jaringan selular, bab pungkasan sing pengin dibayar kanggo ngundhuh gambar gedhe utawa lambang navigasi.
- Aja sijine gambar gedhe ing sisih ndhuwur kaca. Kaya karo pandhu arah, bisa dadi tedious kanggo ngenteni gambar sing njupuk 3-4 layar kanggo muat ing sisih ndhuwur halaman. Lan iki arang banget umum ing kaca web. Istiméwa mung kanggo iki yaiku nalika maca mangerténi bakal entuk gambar nalika lagi ngeklik, tegese ing galeri foto.
Apa Aja Yen Nggawe kanggo Mobile
Ana sawetara perkara sing sampeyan kudu nyingkiri nalika mbangun kaca-situs seluler. Kaya kasebut ing ndhuwur, yen sampeyan pancene pengin duwe kaca iki, sampeyan bisa, nanging priksa manawa situs iki bisa digunakake tanpa.
- Lampu kilat - paling telpon seluler ora ndhukung Lampu kilat, dadi ora apik kanggo nyertakaké ing kaca nirkabel.
- Cookies - akeh ponsel ora nduweni dhukungan cookie. iPhones duwe dukungan cookie.
- Bingkai - sanajan browser ndhukung, mikir babagan dimensi layar. Bingkai mung ora bisa digunakake ing piranti seluler - lagi angel banget utawa ora bisa dibaca.
- Tabel - aja nganggo tabel kanggo tata letak ing kaca seluler. Lan nyoba supaya tabel ing umum. Iku ora didhukung ing saben ponsel (sanajan iPhones lan Smartphone ndhukung) lan sampeyan bisa mungkasi kanthi asil sing aneh.
- Tabel nested - yen sampeyan kudu nggunakake meja, priksa manawa ora nest ing meja liyane. Iki angel kanggo browser desktop kanggo ndhukung, lan, paling apik, supaya kaca mbukak kanthi luwih alon.
- Ngukur mutlak - ing tembung liya, ora nemtokake dimensi obyek ing ukuran absolut (kaya piksel, millimeter, utawa inci). Yen sampeyan nemtokake samubarang bab minangka 100px, ing salah siji piranti seluler sing bisa setengah layar lan ing liyané bisa uga rong limalas. Ukuran relatif (kaya ems lan persentase) paling apik.
- Huruf - aja nganggep manawa ana font sing sampeyan gunakake kanggo ngakses bakal kasedhiya ing ponsel.
Maca liyane
- Carane nggawe situs web sampeyan seluler Friendly Nggunakake PHP