Naqshadda la qabsiga (naqshadeynta jawaabta)

Naqshadaynta la qabsiga

Isticmaalayaasha ka gala internetka iyaga oo isticmaalaya tablets iyo telefoonada gacanta ayaa sii kordhaya. Tani, sida aad horeba u ogeyd, waxay la macno tahay inaysan ku filneyn kaliya in la naqshadeeyo bog shabakad wanaagsan oo u eg kombuyuutarkeena: sidoo kale waa in lagu arko qalab kasta oo moobil ah. Dhibaatada? Cabbirrada shaashadda kala duwan iyo xallinta. Taasi waa sababta ay aad ugu adagtahay in la sameeyo naqshad si sax ah ula qabsanaysa dhammaan warbaahinta (caanka Naqshad wax ku ool ah, loo tarjumay sida naqshad la qabsi).

Waa kuwan talooyin aad maskaxda ku hayso markaad samaynayso naqshad leh sifooyinkan. U fiirso!

Talooyin loogu talagalay naqshadaynta la qabsiga

  1. Samee template fududSi fudud ulama jeedo caydh. Waxaan ka hadlayaa qaab dhismeedka HTML ee degelkaaga: sida ay u caddahay, way ka sii fiican tahay. Maskaxda ku hay in shaashadda kombiyuuterku ay ku habboonaan karto saddex tiir oo toosan; Shaashadda mobaylka, waxaad ku xidhi doontaa mid keliya. Ka fakar iyo sida aad dib u habeyn ugu sameyn doonto curiyayaasha.
  2. Tirtir wax kasta oo aan loo baahnaynKa fogow saamaynta jQuery, animations Flash iyo kood kasta oo hoos u dhigaya rarka boggaaga. Inta ay yaraato nuxurka noocaan ah ee aad haysatid, waa sida ugu dhakhsiyaha badan ee shabakadu u soo shuban doonto.
  3. Qeex qaab css ee "xajmiga" kastaSamee tiny.css, small.css, iyo big.css (tusaale ahaan) kaas oo ku shaqeeya aaladda lagu arko. Tusaale ahaan:

    @import url (tiny.css) (balac-u-yar: 300px);

    @import url (small.css) (ballaca ugu yar: 600px);

    @import url (big.css) (balac-u-yar: 900px);

  4. Go'aamada ugu badan ee la isticmaalo320px/480px/720px/768px/900px/1024px
  5. Samee qaabayntaada mid dabacsanMar kasta oo aad awooddo, la shaqee boqolleyda halkii aad ka heli lahayd xaddi go'an. Waa kuwan qaar u dhigma tixraaca: 200px = 15'38% / 300px = 23'07% / 800px = 61'5384615384%
  6. Nooca sawirka Way ka muhiimsan tahay waligeed Mararka qaarkood shaashadda qalabkaagu waxay noqon kartaa mid aad u yar oo waxa kaliya ee aad ku aragto waa qoraal. Taasi waa sababta aan u doorano si taxadar leh xarfaha ugu fiican ee boggayaga, si marka la yareeyo xajmiga aysan luminin sharciyeynta. Intaa waxaa dheer, waa in aan ogaano sida loo isku daro xarfo dhexdhexaad ah oo badan oo leh kuwa kale oo leh shakhsiyad siinaya webka dabeecadda lagama maarmaanka ah. Sidaa darteed, tilmaanta ugu horreysa waa inaad waqti ku luminayso xulashada xarfaha aad isticmaali doonto.
  7. Usa sawirro tayo sare lehMarka boosku yaraado, sawiradu way raaci doonaan. Dooro kuwa aan tayadoodu lumin marka la dhimo, iyo kuwa u shaqeeya isla marka la cabbiro. Sawir tayo liidata ayaa ka dhigi doona mareegahaaga mid laga cabsado.
  8. In sawiradaada mar walba la arko buuxaKa ilaali sawiradaada in la gooyo addoo ku dara img (ballac: 100%;) koodka cs kaaga. Sidan, waxaad u sheegaysaa qalabka inuu dib u xisaabiyo dhererka la siinayo sawirka si ballaciisa loo arko boqolkiiba boqol.
  9. Dhammaan hooseeya URL isku mid ahIska ilow wax ku saabsan subdomains sida www.mysite.com/mobile, maadaama isla faylka index.html ee galka xididku uu u shaqeyn doono dhammaan aaladaha (haddii aad si sax ah u sameyso naqshadeynta la qabsiga). Waxaad hore u ogtahay faa'iidada: subdomains yar, sida ugu dhakhsaha badan ee bogga ayaa noqon doona.
  10. Ka faa'iidayso taageerooyinkaNoqo qof mala awaal ah La mid ma aha in website ka laga soo galo kombayutarka desktop-ka marka loo eego iPadka ama taleefanka gacanta. Marka hore, waxaad ku dhex socon doontaa si deggan oo deggan. Midda dambe, waxaad ku samayn doontaa saacado aan shaqayn oo waxaad xidhi doontaa daaqadda isla markaad caajisto. Ka faa'iidayso shuruudahan si aad u maaweeliyo isticmaalaha oo aad uga dhigto mid ku raaxaysta dhowrka daqiiqo ee uu kuu huraynayo. Waxaa laga yaabaa in marka uu guriga yimaado uu go'aansado inuu ku soo booqdo si ka dabacsan.
  11. Hel dhiirrigelin Daabacaada dhijitaalka ah, waxaad la yaabi doontaa sababta taladan. Aad u fudud: majaladaha dhijitaalka ah (wanaagsan) ogow sida looga faa'iidaysto taageerada iyo naqshadooda waa mid caqli badan. Ku dhiiri geli iyaga oo samee degel ay adag tahay in laga baxo.

Macluumaad dheeraad ah - Majaladaha Dijital ah

Xigasho - splio, 960.gs, tiir


3 faallooyin, ka tag taada

Ka tag faalladaada

cinwaanka email aan la daabacin doonaa. Beeraha loo baahan yahay waxaa lagu calaamadeeyay la *

*

*

  1. Masuul ka ah xogta: Miguel Ángel Gatón
  2. Ujeedada xogta: Xakamaynta SPAM, maaraynta faallooyinka.
  3. Sharci: Oggolaanshahaaga
  4. Isgaarsiinta xogta: Xogta looma gudbin doono dhinacyada saddexaad marka laga reebo waajibaadka sharciga ah.
  5. Kaydinta xogta: Macluumaadka ay martigelisay Shabakadaha Occentus (EU)
  6. Xuquuqda: Waqti kasta oo aad xadidi karto, soo ceshan karto oo tirtiri karto macluumaadkaaga.

  1.   Didac Rios dijo

    Waxaa jira waxyaabo aanan aad ugu raacsanayn.
    Dhibicda 5 ... tan iyo 200px = 15,38% iyo kuwan soo socda ... isbarbardhigga tixraaca lama samayn karo iyada oo aan la helin cabbir waalid, cabbirka halkii pixels ma aha qiyaas la mid ah sida boqolleyda!

    Ku qeex sawirada ballaca: 100% khaldan, uma malaynayo inay tahay talo. Sawiradu waxay si fiican u qeexaan iyaga oo leh ballacooda iyo dhererkooda, markaa server-ku wuxuu qaataa wakhti yar si uu u socodsiiyo macluumaadka (ma aha in la xisaabiyo cabbirkeeda) waxaana hagaajineynaa xawaaraha loading ee bogga (wax aad muhiim u ah naqshadeynta shabakada la qabsiga ama ka jawaabista). ) .

    Waxaan horeyba ugu dari lahaa, inkasta oo ay tahay shaqo sanka ... sawirada muraayadaha retina. Haddii aan rabno in aan samayno naqshad shabakad jawaab celin leh, waa qasab in loo isticmaalo sawirada muujinta retina, maadaama boqolkiiba sare ee moobaylka iyo aragtida tablet-ka ay isticmaalaan shaashadahan. Markaa ma jirto wax macno ah in la geliyo dadaalka nashqadeynta iyaga oo ah ceejinta kala badh.

    U roon inta kale

    1.    Didac Rios dijo

      Meesha 5, waxay ku gelinayaan macnaha guud waxayna kuu sheegayaan qaabaynta guud ee 1300px oo leh 3 tiir, mid ka mid ah 200, 300 iyo 1000.

      Haddii aad u gudbiso boqolleyda, xaaladooda waxay yihiin sidaad sheegtay, 15,38% ((200 * 100) / 1300) ( jajab tobanle ka hooseeya, nidaamka caalamiga ah: P)

      Laakiin haddii aan ka hadalno qaabeynta 500px oo aan leenahay 3 tiir, mid ka mid ah 200, mid kale oo 200 ah iyo mid kale oo 100px ah, boqolleyda hadda isku mid maaha, kiiskan 200px = 40% ((200 * 100) / 500)

      Waxay noqon doonaan: 200px = 40% iyo 100px = 10%

      Kaalay, sidaan idhi, ma aha tixraac waxa aad tilmaamayso, waxay yihiin tixraac kaliya oo ku saabsan qaabka 1300px.

      Salaan

      1.    Lua louro dijo

        Alla maxay cilad tahay, waxaad gabi ahaanba ku saxan tahay aduunka! Mar labaad mahadsanid;)