Kuenzanisa Nzira mbiri Dzakasiyana-siyana dzeDhidhi yeIndaneti
Kugadzirisa uye kugadzirisa webhutheni yakagadzirwa ndevamwe nzira yekuumba mawebhusayithi akawanda ane ushamwari anoshanda zvakanaka pane zvakasiyana-siyana zvekrini. Kunyange zvazvo unofarira webhupu yakagadzirirwa neGoogle uye ndiyo inonyanya kuzivikanwa nenzira mbiri idzi, mbiri idzi idzi dzemakwikwi akawanda emagadzirwa webhutheni dzine simba ravo uye simba ravo.
Ngatitarisei kusiyana kwekunzwa uye kugadziriswa kwewebhu web design, kunyanya kuisa pfungwa pazvinhu izvi zvinokosha:
- Kunaka kwekufambira mberi
- Nhamba yekutonga yaunayo pamusoro pekugadzirwa
- Breadth device / screen support
- Izvo zvichaitika sei mune ramangwana
- Kwose download download speed uye site performance
Zvimwe Tsanangudzo
Tisati tava kudivi redu-ne-kufananidza kwemazwi ekuteerera uye kugadzirisa webhupu yekugadzira, ngatitorei nguva kutarisa tsanangudzo yepamusoro-soro yezvirevo zviviri.
Mamwe mawebsite ane mhinduro ane ruzivo rwemvura inoshanduka uye inochinja kana pasinei nekushandiswa kwesikrini. Mibvunzo yeMedia inobvumira nzvimbo dzakagadzikana kuti dzishandure "pamhepo" kana shanduro isarudzwa.
Simba rekugadzirisa rinoshandisa maitiro akaenzana kubva pamazamu ezvakatemwa kuti atange shanduro yakakodzera yakakwana yeusvini rekuyera iyo inowanikwa kana peji yekutanga kutakura.
Nezvinotsanangurwa zvakajeka munzvimbo, ngatishandire kune nzvimbo dzedu dzinokosha dzekutarisa.
Ease of Development
Chinyanya kukosha pakati pekuteerera uye chinogadzirisa webhupu yekugadzira iri munzira iyo idzi sarudzo dzinoshandiswa kune webhusaiti. Nemhaka yokuti kugadzirisa kwekugadzirisa kunoita kuti pave nekugadzikana kwakakwana kwemvura, inonyanya kushandiswa pamapurogiramu mauri kugadzirisa nzvimbo yacho kubva pasi . Kuedza kudzokorora kero yewebhuku iripo kuti uve mhinduro kunowanzova chinhu chinokuvadza nekuti iwe hauna kungova nehuwandu hwekutonga iwe waizova nawo kana iwe uri kuwedzera iyo code kubva pakatarisa uye kutora kugadzirisa kugadzirisa munyaya dzekutanga matanho ezvo . Izvi zvinoreva kuti kana iwe ukadzokorora nzvimbo kuti iite, unomanikidzwa kuita zvigumbuso kuitira kuti ugare mukati me codebase iripo.
Kana uri kushanda neiyo yakagadziriswa-width webhusaiti, nzira inogadzirisa inoreva kuti iwe unogona kubva pahukuru kuti chiiti chacho chakagadzirwa kuti chigadzikane uye kuwedzera pane dzimwe nguva dzakagadziriswa sezvinodiwa. Mune zvimwe zviitiko, kana bhajeti yeprojekiti idiki, uye kana ikangogadzirisa basa shomanana rekusimudzira, unogona kusarudza kuwedzera zvitsva zvitsva zvitsva zvemasikisi maduku / e-mobile-centric. Izvi zvinoreva kuti iwe unogona kubvumira zvikwangwani zvakakura kune vose vanoshandisa chimiro chimwechete - zvichida 960 breakpoint version iyo ndiyo iyo nzvimbo iyo yaive yakagadzirirwa.
Ikoko kune nzira inogadzirisa ndeyokuti iwe unogona zviri nani kuongorora kero yenzvimbo iripo, asi chimwe chezvakaderera ndezvekuti uri kusika matanho akasiyana-siyana ega yega yega yaunosarudza kutsigira. Ichi chichava nemigumisiro pabasa rinenge richidiwa kuti rive nekugadzirisa iri sarudzo munguva refu.
Design Control
Chimwe chezvigadziro zvewebsite yekubvuma ndeyekuti kusvibiswa kwavo kunovabvumira kugadzirisa uye kubatsigira masimba ese ezviratidzo zvakasiyana neyekutanga kusarudzwa kwepfungwa dzinotsanangurwa nenzira inogadzirisa. Ichokwadi, zvisinei, kuti nzvimbo dzekutambira dzinogona kutaridzika pane dzimwe hukuru hukuru hwemawindo (zvichienderana noukuru hunoenderana nemichina yakakurumbira inowanikwa mumusika), asi maonero anooneka anowanzoputsika pakati pezvisarudzo zvakakurumbira.
Semuenzaniso, nzvimbo inogona kutaridzika yakakura pamakona marefu 1400 mapikisikisi, pakati pekrini mashekeri mazana mapfumbamwe nemazana matanhatu, uye zvinyorwa zviduku zvinotarisa mazana mana emazana mapikisi, asi zvakadini ne-pakati pezvematongerwo aya? Sekugadzirisa, iwe une zvishoma zvisingakwanisi kudzora pamusoro peizvi-pakati pehukuru uye kutarisa kwemaonero epeji pane iyo masero kakawanda zvisingasviki.
Newebsite yakashandura, une zvakawanda zvekugadzirisa kuronga pamusoro pezvirongwa zvakasiyana-siyana zviri kushandiswa nokuti dzakagadziriswa zvakakura zvichienderana nechawakagadzirisa breakpoints. Izvo zvisingaiti mukati-dunhu hazvisi dambudziko zvachose nokuti wakanyatsogadzira chimwe nechimwe "kutarisa" (zvinoreva kusarudzwa kwepfungwa imwe neimwe) iyo ichaendeswa kuvashanyi.
Sezvakanaka sezvinoitwa nehuwandu hwekugadzirisa zvinhu zvinogona kumira, unofanira kunge uchiziva kuti inouya pamutengo. Hungu, iwe unonyatsogadzirisa kutarisa kwezvinhu zvose, asi izvi zvinoreva kuti iwe unofanira kuisa nguva yekugadzirisa inodiwa kugadzira chimwe nechimwe chezvinhu izvi zvakasiyana. Pane dzimwe nguva dzinosarudza kugadzirisa, nguva yakawanda yaunoda kupedza pane iyoyo.
Breadth of Support
Zvose zvinogadzirisa uye zvinogadziriswa webhupu yekunakirwa zvinonakidzwa nekusimbiswa kwakasimba, kunyanya muma browsers emazuva ano.
Adaptive websites inoda svondo side zvimwe zvinhu kana Javascript yekuonekwa kwekukura kwemavara. Zviri pachena, kana nzvimbo yakashandura inoda Javascript, zvinoreva kuti musikana anofanirwa kuibatsira kuitira kuti web site iite zvakanaka. Izvozvo zvingasava chinhu chinonyanya kukoshesa kwauri sezvo vanhu vakawanda vachava neJavascript mumashambare avo, asi chero nguva iyo nzvimbo ine tsvina yakaoma pane chimwe chinhu, inofanira kuonekwa.
Mamwe mawebhusayithi ane mazano uye mibvunzo yevhidhiyo iyo inovabatsira ichashanda zvakanaka mumavheji ose emazuva ano. Dambudziko chete raunenge uine rine neyekare kare yeInternet Explorer sezvo zvinyorwa 8 nechezasi hazvitsigire mibvunzo yevhidhiyo . Kuti tishandire izvi , Javascript polyfill inowanzoshandiswa , zvinoreva kuti kune kuvimba paJavascript pano, zvakare kune iyo yakarembedzwa shanduro dzeIE. Zvakare, izvi zvingasava nehanya newe, kunyanya kana site yako analytics inoratidza kuti haugamuchiri vashanyi vakawanda uchishandisa iyo yakareba browser browser.
Future Friendliness
Nzvimbo yakasvibiswa yemamwe mawebsite anovabatsira inovapa ruzivo pane nzvimbo dzakagadziriswa kana zvasvika pakusangana-hukama. Ichi ndechokuti avo vanofarira nzvimbo havakwanisi kugadzirisa chete sangano rekare rakasimbiswa. Vanoshandura kuti vakwanise zvikwereti zvose , kusanganisira izvo zvingasave zviri mumusika nhasi. Izvi zvinoreva kuti nzvimbo dzinochengetedza hazvizodi kuti dzive "dzakasimbiswa" kana chigadziro chitsva chechinyorwa chinobva chave chichizivikanwa.
Tichitarisa zvinhu zvakasiyana-siyana zvinoshamisa mumamiriro ezvinhu enyika (saAugust 2015, paive nemafuta anopfuura 24,000 akasiyana siyana eAroid pamusika), kuva nenzvimbo inoita zvakanakisisa kuti igare munzvimbo dzakasiyana-siyana dzezvikwangwani zvinonyanya kukosha mune ramangwana-hukama. Izvi ndechokuti nzvimbo dzisingambofungi kuwana zvishoma zvakasiyana mune ramangwana, izvo zvinoreva kuti kuumba kwezvimwe zvikwangwani kana mashizha zvichange zvisingabviri, kana tisina kutowana chokwadi ichocho.
Kune rumwe rutivi rwechiitiko ichi, kana shanduro inogadzirisa uye haina kugadzirisa zvitsva zvinogona kuve zvakakosha pamusika, ipapo iwe unogona kukamanikidzwa kuwedzera iyo kuparadzanisa kune nzvimbo dzawakasika. Izvi zvinowedzera nguva yekugadzira nekusimudzira kumapurogiramu uye zvinoreva kuti nzvimbo idzi dzinogadzirisa dzinofanirwa kuongororwa nguva dzose kuti dzive nechokwadi chokuti hapana zvitsva zvitsva zvakatorwa mumusika zvinofanira kuwedzerwa pawebsite. Zvakare, nehutachiona hwakasiyana-siyana kuti chii, ndeyekugara uchitarisa hutsva hutsva uye zvingaita kuti ugovawana nehupfumi hutsva hunomira huchava nehuwandu hwebasa raunofanira kutsigira nzvimbo uye mari yekuchengetedza iyo iyo kambani kana sangano iyo nzvimbo yacho ndeye.
Performance
Kutsigira webhuwarheni yakagadzirwa kwenguva yakareba yakapomerwa (zvisina kururama saka mumatambudziko mazhinji) ekuva sarudzo yakashata kubva pakutsvaga nekukurumidza. Izvi zvinonyanya kukonzerwa nekuti mumazuva ekutanga eiyi nzira, vazhinji vewebhu vakagadzira vakangotarisa zviduku zvinyorwa zvevhepfenyuro mhinduro paCS site iripo. Izvi zvakamanikidza mifananidzo uye zvigadziro zvaida kuti zvikwangwani zvakakura zviendeswe kune zvigadzirwa zvose, kunyange kana zviduku zviduku zvisingavashandisi muzvirongwa zvavo zvekupedzisira. Kugadziriswa kwekugadzira kwakauya nenzira yakareba kubva pamazuva iwayo uye chokwadi chiri icho chimiro chekunamata nzvimbo nhasi hachina kutambura nezvinetso zvekushanda.
Zvinononoka kukurumidza kukurumidza uye mawebhusayithi akavharidzirwa haisi dambudziko rebatsiro rewebhu - iyo dambudziko rinogona kuwanikwa pane dzose dzewebsite. Mifananidzo inoremesa, inodya kubva mumagariro evanhu, mabhuku akawanda uye akawanda uye ichiyera nzvimbo pasi, asi zvose mawebsite ane mazano uye anogadzirisa anogona kuvakwa kuti ave nekutsvaga. Zvechokwadi , vanogonawo kugadzirwa nenzira isingaiti kuti basa rive chinhu chinonyanya kukosha, asi iyi haisi iyo mhinduro yemhinduro yacho pachayo, asi pane kuratidzwa kweboka iro raibatanidzwa pakuvandudzika kwesaiti pachayo.
Beyond Layout
Chimwe chezvinhu zvinonyanya kukurudzira zvekugadzirisa webhupu yekugadzira ndeyekuti iwe hausi wekutonga chete pamusoro pekugadzirwa kwewebsite yekuisa breakpoints, asiwo zvigadzidzo zvinowanikwa kune iyo mazai ewebsite. Semuenzaniso, izvi zvinoreva kuti retina mifananidzo inogona kutumirwa chete kune zvinonzi retina, asi zvisingaiti retina zvisikwa zvinowana mifananidzo yakakodzera yakawanda mufaira refaira. Dzimwe nzvimbo nzvimbo (Javascript mafaira, CSS mafashoni, nezvimwewo) zvinogona kuve zvisinganzwisisiki kana zvichishandiswa uye zvichashandiswa.
Uku kushandiswa kwekugadzirisa webhupu yekugadzira kunoenda kure nekusanana kwechirongwa che "kana iwe uchidzokorora webhusaiti, kuchinja kunogona kunge iri nzira iri nyore yekushandisa." Zvose zvinowanikwa, kusanganisira kugadzirisa zvakare, zvinogona kubatsirwa nenzira yakanakisisa kune imwe yeruzivo.
Iyi mamiriro ezvinhu anoratidza unhu hunoenderana nehu "hunoenderana nehunochinja" nharo. Kunyange zvazvo ichokwadi kuti nzira inogadziriswa ingave yakakodzerwa zvakanakisisa pane kugamuchira nzvimbo yekudzorera, inogonawo kuva sarudzo yakanaka yekugadzirisa zvakare. Saizvozvowo, pane dzimwe nguva nzira yekuteerera inogona kuwedzerwa pane imwe nheyo yemaiti ye-site, ichipa iyo nzvimbo yose zvikomborero zvekutaura zvakakwana.
Inzira ipi Iri nani?
Kana zvichisvika pakubvumirana kana kubvumirana nehutano webhuzha, hapana "zvakajeka" zvakajeka, kunyange zvazvo kupindura kunonyanya kutaridzika. Muzvokwadi, nzira "yepamusoro" inotarisana nezvinodikanwa zveimwe purojekiti. Uyezve, izvi hazvidi kuti ive "zvimwe / kana" mamiriro ezvinhu. Kune vakawanda vashandi vewebhu vanovaka zvivako zvinobatanidza zvakanakisisa zvekuteerera web design (fluid widths, rubatsiro rwemunguva yemberi) nemasimba ekugadzirisa maitiro (zviri nani kugadzirisa kugadzirisa, kushandiswa kwepamusoro kwezvidzidzo zvepaiti).
Zvinowanzozivikanwa seRESS (Responsive Web Design ne Server Side Components), nzira iyi inoratidza kuti hapana "chiyero chimwe chete chinokonzera sarudzo yose." Zvose zvinoteerera webhutano nekugadzirisa zvine simba uye matambudziko avo, saka unoda kuziva kuti ndeupi ichashanda zvakanakisisa nokuda kweprojekti yako chaiye, kana kana sarbridhi yegadziriro inogona kukutorera iwe zvakanakisisa.