Idizayini eguqukayo (idizayini ephendulayo)

Abasebenzisi abangena kwi-Intanethi ngamathebulethi nangamaselula bayanda. Lokhu, njengoba usuvele wazi, kusho ukuthi akusenele ukuklama ikhasi lewebhu elihle elibukeka lilihle kwikhompyutha yethu: futhi kufanele libonakale kudivayisi ngayinye ephathekayo. Inkinga? Osayizi besikrini abahlukahlukene nezinqumo. Kungakho kunzima ukwenza idizayini ehambelana kahle nayo yonke imidiya (edumile umklamo ophendulayo, elihunyushwe ngokuthi ukwenziwa okuguqukayo).

Nawa amanye amathiphu okufanele uwagcine engqondweni lapho wenza idizayini enalezi zici. Lalela!

Amathiphu wedizayini eguqukayo

1. Yenza isifanekiso esilulaNgokuthi nje angisho bland. Ngikhuluma nge isakhiwo I-HTML yewebhusayithi yakho: kucace bha, kungcono. Khumbula ukuthi isikrini sekhompyutha singalingana nezinsika ezintathu eziqondile; esibukweni seselula, uzolingana eyodwa kuphela. Cabanga ngakho nokuthi uzozibeka kanjani kabusha izakhi.
2. Susa konke okungadingekileGwema imiphumela ye-jQuery, ukugqwayiza kweFlash nanoma iyiphi enye ikhodi ebambezela ukulayishwa kwekhasi lakho. Okuqukethwe okuncane kwalolu hlobo onakho, iwebhu izolayisha ngokushesha okukhulu.
3. Chaza isitayela css "ngosayizi" ngamunyeDala i-tiny.css, i-small.css, ne-big.css (ngokwesibonelo) egijima ngokuya ngedivayisi ebukwa kuyo. Ngokwesibonelo:
   

   @import url (tiny.css) (min-width: 300px);

   @import url (small.css) (min-width: 600px);

   @import url (big.css) (min-width: 900px);

4. Izinqumo ezisetshenziswe kakhulu320px/480px/720px/768px/900px/1024px
5. Yenza ithempulethi yakho iFLEXIBLENoma kunini lapho ukwazi khona, sebenza ngamaphesenti esikhundleni samanani amisiwe. Nazi ezinye izinkomba ezifanayo: 200px = 15'38% / 300px = 23'07% / 800px = 61'5384615384%
6. Ukuthayipha kubaluleke kakhulu kunakuqala Ngesinye isikhathi isikrini sedivayisi yakho singaba sincane kakhulu kangangokuba konke okubonayo kungumbhalo. Yingakho kufanele sikhethe ngokucophelela amafonti amahle kakhulu kusayithi lethu, ukuze kuthi lapho encishiswa ngosayizi angalahlekelwa ukufundeka. Ngaphezu kwalokho, kufanele sazi ukuthi singawahlanganisa kanjani amafonti angathathi hlangothi nabanye ngobuntu obunikeza iwebhu uhlamvu oludingekayo. Ngakho-ke, ithiphu lokuqala ukuthi uchitha isikhathi ukhetha amafonti ozoyisebenzisa.
7. Usa izithombe zekhwalithi ephezuluNjengoba isikhala sinciphile, izithombe zizohambisana naso. Khetha lezo ezingalahli ikhwalithi lapho zincishisiwe, futhi ezisebenza ngokufanayo lapho zilinganisiwe. Isithombe esisezingeni eliphansi sizokwenza iwebhusayithi yakho ibukeke kabi.
8. Ukuthi izithombe zakho zihlala zibonwa kugcweleVimbela izithombe zakho ukuthi zinganqunywa ngokungeza ikhodi ye-img (width: 100%;) ku-css yakho. Ngale ndlela, utshela idivayisi ukuthi ibalwe kabusha ukuphakama okufanele ikunikeze isithombe ukuze ububanzi bayo bubonakale ngamaphesenti ayikhulu.
9. Konke kuphansi i-URL efanayoKhohlwa ngama-subdomains afana ne-www.mysite.com/mobile, ngoba ifayili elifanayo le-index.html kufolda yezimpande lizosebenza kuwo wonke amadivayisi (uma wenza kahle i-design design) Usuvele uyayazi inzuzo: izizinda ezingaphansi ezimbalwa, umthwalo wekhasi uzoshesha.
10. Sebenzisa izisekelo: Yiba ocabangelayo Akufani ukufinyelela iwebhusayithi kusuka kwikhompyutha yedeskithophu kunaku-iPad noma iselula. Ngowokuqala, uzozulazula ngendlela ezolile nepholile. Ngakamuva, uzokwenza ngamahora angasebenzi bese uvala iwindi ngokushesha lapho uzithola unesithukuthezi. Sebenzisa le mibandela ukujabulisa umsebenzisi futhi ubenze bajabule ngaleyo mizuzu embalwa abazoyinikela kuwe. Mhlawumbe lapho efika ekhaya uzothatha isinqumo sokukuvakashela ngokukhululeka.
11. Thola ugqozi Ezincwadini ezidijithali, uzozibuza ukuthi kungani lesi seluleko. Kulula kakhulu: omagazini bedijithali (okuhle) bazi ukuthi bangakusebenzisa kanjani ukwesekwa futhi ukwakheka kwabo kuhlakaniphe kakhulu. Thola ugqozi kubo futhi wenze iwebhusayithi okunzima ukuyishiya.

Imininingwane engaphezulu - Amamagazini edijithali

Umthombo - splio, 960.gs, ikholamu