Sidee loo sameeyaa degel ka jawaaba? Halkan waxa aad ka heli kartaa macluumaadka ku saabsan farsamadan la qabsiga ee ku salaysan moodooyinka shabakada maanta, taas oo macnaheedu yahay in hal naqshad, portal web si sax ah looga heli karo oo laga daawan karo kombiyuutar kasta ama qalab kasta.
¿Sida loo sameeyo Mareeg ka jawaaba?
Samaynta mareegaha mid ka jawaabaya ama u nugul la qabsiga suurtagalka ah waa mid aad u habboon. Intaa waxaa dheer in la dammaanad qaado guusha si sax ah looga shaqeeyo internetka meel kasta oo elektaroonik ah. Khadadka soo socda, habka loo sameeyo shabakad jawaab celin ah ayaa lagu caddeeyey, kaas oo laga soo qaatay dabeecad la mid ah laqabsiga bogagga shabakadda. Sidaa darteed, marka la naqshadeynayo bogga shabakadda ee qaabka jawaabta leh, muuqaalka ama sawirka webka la sheegay wuxuu awoodi doonaa in la hagaajiyo oo la arko iyada oo ku xiran qalabka elektaroonigga ah ee loo isticmaalo navigation.
Ma jiro qof ka warhaya tirada qaababka badan ee qalabka ama qalabka elegtarooniga ah ee hadda jira si loogu dhex galo intarneedka, sida: kombayutarada, tablet-yada, casriga, laptop-yada, iwm. Maalmihii hore ee intarneedka, horumariyeyasha mareegaha ayaa la qabsaday inay abuuraan bogag leh ballac guud oo pixels ah. Tusaale ahaan, 90-meeyadii, kormeerayaasha jiray waxay lahaayeen hal cabbir oo shaashad ah 14" oo ballac go'an oo 640 pixels ah. Nashqadayaasha boggaga internetka waxay ku rakibeen naqshadahooda cabbirka caadiga ah ee kormeerayaasha kaliya ee jiray.
Ku dhow bilawga sanadka 2000 iyo ilaa imaatinka 2010-yadii, moodooyinka kormeeraha iyo ballaca pixels way kala duwanaayeen. Naqshadaynta shabakada waxaa lagu hagaajiyay mid kasta oo ka mid ah kala duwanaanshiyaha. Waxay ahayd sannadkii 2010-kii markii uu dhacay kacaankii teknoolajiyada ee weynaa, taasoo keentay isu-dheellitir la'aanta muuqaalka naqshadeynta bogga shabakadda. Navigation iyada oo loo marayo teleefoonka gacanta ayaa lagu soo bandhigay goobta internetka. Telefoonkan cusub waxa uu isticmaalay browser-yada sida kombayutarka oo kale. Kacaankan weyn ee tignoolajiyada, waxaa la gaaray waqtigii loo gudbi lahaa waxa loo yaqaan Naqshad Jawaab celin ah ama Naqshad La-qabsi ah ee bogagga shabakadda.
Muhiimadda ay leedahay in la ogaado sida loo sameeyo Shabakad jawaab celin leh
Aad bay muhiim u tahay in horumarinta boggaga internetka ay ogaadaan sida loo sameeyo shabakad jawaab celin leh; in xitaa shirkadda Google ee sumcadda weyn ku leh internetka ay muujinayso inay tahay wax aad lagama maarmaan u ah. Sababtoo ah bogga shabakadda ee loo qaabeeyey qaabka ka jawaabista ayaa ogolaanaya hagaajinta navigation, waxay ka fogaataa waxyaabaha nuqul ka mid ah waxayna bixisaa tayada muuqaal aan caadi ahayn oo deggan. Dhinacyada kale ee muhiimka ah marka la samaynayo mareegaha jawaabaha leh waa:
- Iyadoo hal laqabsi oo ah luqadda calaamadaynta hypertext (HTML) iyo luqadda CSS, waxaa lagu gaari karaa in lagu daboolo xallin kasta oo shaashad ah. Sidaas awgeed ka fogaanshaha abuurista bogga internetka ee nooc kasta oo qalab ah oo kuu ogolaanaya inaad booqato ama baadhid. Dhinacani waxa kale oo ay yaraynaysaa wakhtiga naqshadaynta.
- Si toos ah ayay ula qabsanaysaa marka wax baadhayso, iyada oo ka dhigaysa akhriska iyo isdhexgalka mid kasta oo booqasho gaar ah.
- Waxay maareeyaan inay si ka wanaagsan oo degdeg ah isu dhigaan matoorada raadinta. Mar haddii nakhshad noocan ahi ay ka fogaato nuqul ka mid ah oo dib u habeynta.
- Bogagga shabakadda ee lagu sameeyay naqshaddan hoosteeda waxay u oggolaadaan waxa ku jira inay si degdeg ah u galaan fayras, sababtoo ah habka asalka ah iyo habka fudud ee wax loo wadaago.
Waa maxay Naqshad Shabakad Kajawaabi karta
Naqshadaynta shabakada jawaabta, sidoo kale loo yaqaan naqshadaynta shabakada la qabsiga, waa habka naqshadaynta ama horumarinta boggaga internetka. Nidaamkani waxa uu si gaar ah u leeyahay ogolaanshaha website-ka lagu sameeyay hal naqshad in lagu soo booqdo ama laga galo kombiyuutar kasta ama goob elektaroonig ah. Magaca ka jawaabaya waa erey Ingiriisi oo tilmaamaya wax jawaab celin ah, la qabsan kara, la dareemi karo, muuqda, iwm.
Farsamadan waxay helaysaa magacan iyada oo ay ugu wacan tahay awoodda website-ka noocaan ah si uu ula qabsado cabbirka ballaca shaashad kasta. Ka dhigista bandhigeeda iyo hawlgalkeeda saxda ah, iyada oo aan la samayn wax farqi ah oo ku saabsan aaladda loo isticmaalo hagidda.
Tani waxay suurtogal u tahay iyada oo ay ugu mahadcelinayso abaabulka sawirada iyo nuxurka, iyo sidoo kale fududaynta menu-ka jawaab celinta webka. Afarta shuruudood ee ugu waaweyn ee qeexaya oo ka dhigaya naqshadaynta bogga shabakada mid aad caan u ah waa:
- Fudud
- Dhaqaale
- Soomo
- Iyo in ka sarreeya dhammaan kuwa kor ku xusan, waxay si buuxda u shaqeeyaan
Sida loo sameeyo Shabakad Naqshadeeye ah iyo kakankeeda
Kakanaanta ku saabsan naqshadeynta iyo horumarinta boggaga internetka waxaa la dhihi karaa waxay soo ifbaxday 2010-meeyadii, markii taleefoonnada gacanta oo leh navigation ay bilaabeen inay ka soo muuqdaan goobta internetka. Kaas oo isticmaalay browser-yada sida Google, Firefox, Explorer, iyo kuwo kale, sida PC-ga oo kale. Ku noqoshada habkan fursadaha cusub ee booqashada shabakadaha kala duwan. Waqtiyadaas waxaa sidoo kale bilaabay kaniiniyada elektiroonigga ah ee ugu horreeya ee leh marinka internetka.
Laga soo bilaabo halkaas baahiyaha naqshadeynta bogagga shabakadda waxay noqdeen kuwo aad u adag. Iyada oo ay ugu wacan tahay cabbirrada shaashadda ee kala duwan ee u jiray soo bandhigida iyo ka shaqaynta mareegaha. Waa inaad heshaa nooc nakhshad ah oo u shaqayn doona nooc kasta oo qalab ah, oo si toos ah u hagaajin doona.
Mar dambe ma aad qorshayn kartid hal, laba, ama saddex xallin oo waaweyn oo shaashad ah. Waxay ahayd lagama maarmaan in la fahmo in xallinta qalabyadu ay noqon doonaan kuwo isbedbeddelaya, marka lagu daro inay aad uga yar yihiin kormeeraha kumbuyuutarka.
Xilligan ayaa calaamadeeyay dhamaadka adkeynta naqshadeynta shabakada. Ma aha oo kaliya noocyada kala duwan ee qalabka, laakiin sidoo kale mid kasta oo iyaga ka mid ah ayaa leh sifooyin gaar ah, sida:
- Cabbirka sawirka
- Xalka moodada
- Awoodda CPU
- Nidaamka hawlgalka
- Awoodda xusuusta iyo kuwa kale.
Habka naqshadaynta shabakada cusub ayaa markaa la soo bandhigay, kaas oo ujeedkiisu yahay in hal naqshad, muuqaalkiisa saxda ah uu suurtagal noqon doono iyada oo aan loo eegin qalabka wax lagu baadho. Si kastaba ha noqotee, horumarinta shabakada noocan oo kale ah waxay leedahay heerkeeda kakanaanta.
Waa maxay sababta kakanaanta horumarinta Shabakad wax ka qabasho leh?
Horumarinta degelka hoos yimaada naqshadaynta la qabsiga ee loo yaqaan jawaabta waxay leedahay heerkeeda kakanaanta, xitaa maanta. Laba sababood oo waaweyn awgood, kuwaas oo hoos lagu tilmaamay:
1-Waa tignoolajiyada aan la soo saarin muddo dheer oo siyaabo kala duwan loo adeegsan karo awgeed, la ogaan kari waayay midda ugu wanaagsan dhammaan xulashooyinka. Wax cusub ayaa had iyo jeer soo baxaya oo ku saabsan nooca nashqada shabakadda in la horumariyo. Sidaa darteed, way adag tahay in la go'aamiyo qaabka ugu fiican ama tignoolajiyada taageerada, ama xeer guud oo hubinaya xalka tirada ugu badan ee caqabadaha suurtagalka ah. Si loo fududeeyo in la horumariyo mareegaha noocaan ah.
2- Sababta labaad ayaa ah in nidaamka naqshadaynta la qabsiga aanu ku salaysnayn oo keliya dhinaca tignoolajiyada. Sida habka goobta ay u kala duwanaan doonto iyadoo loo eegayo shaashadaha ama qalabka kala duwan. Hase yeeshe, waa in lagu qaabeeyaa fikradda ah sida ay ugu shaqeyn doonto mid kasta oo ka mid ah xaaladaha socodka suurtagalka ah. Sababtani waxay ku kordhinaysaa kakanaanta heerka sare ee qaabka nashqadaynta webka si ay u nadiifiyaan dadka u shaqeeya horumarinta goobta.
Layliga iyo helitaanka xirfado ku filan si ay ula shaqeeyaan naqshadaha shabakada la qabsiga ama ka jawaabista waxay u baahan yihiin wakhti ka badan nooc kasta oo kale oo naqshadeyn shabakad ah. Laakiin waxaa la rajeynayaa, in horumarka xagga xisaabinta, heerka kakanaanta uu yaraan doono. Si arrintan loo sii horumariyo, laga bilaabo shaqaalaha leh aqoonta mareegaha ee ku lug leh noocyada naqshadaynta jawaab celinta, shaqaale xirfad leh sida:
- Qaabeynta
- Naqshadeeyayaasha
- Barnaamijyada
- Shaqaalaha suuqgeynta ganacsiga iyo dhijitaalka ah
Yaree wakhtiga naqshadeynta
Haddii labada sababood ee hore la xalliyo, laga yaabee in tani ay yarayn doonto muddada horumarka ama abuuritaanka shabakad jawaab celin leh. Isla mar ahaantaana ay suurtagal tahay in la diyaariyo isticmaalka mareegaha caadiga ah.
Dhanka kale, laga bilaabo waxa aan maanta haysano, waxaa laga yaabaa inay si dhakhso ah u horumariso naqshad cusub oo shabakad ah oo loogu talagalay aaladaha mobilada oo xoqan; in la beddelo ama dib loo naqshadeeyo shabakada si ay u noqoto mid la qabsan karta ama wax ka qabata. Had iyo jeer waxaa jiri doonta rajo ah in maalin uun qof uu heli doono waddo uu ku guuleysto oo uu ku guuleysto, aan rajayno taas.
Dhanka kale, maxaa la qaban karaa?
Xaqiiqda ah in ay wali aad u adag tahay in dib loo habeeyo goob dhan oo aan ku leenahay mareegaha, si looga dhigo mid la qabsan karo. Macnuhu maaha inaan joojinay inaan isbedelo yaryar ku samayno goobta. Si loo hagaajiyo oo looga dhigo mid ka jawaabaya la qabsiga daalacashada kala duwan iyo sidoo kale aaladaha kala duwan ee elektiroonigga ah.
Waxa ugu horreeya ee la sameeyo ayaa ah in la xaqiijiyo nooca naqshadeynta shabakadda ee goobta navigation ay leedahay. Inta badan hubi:
- Qaabka mareegaha
- Waa maxay qaab dhismeedkiisa Html iyo CSS
Falanqaynta labadan qodob ee aasaasiga ah, waxaa la ogaan karaa in wax ka bedel yar lagu samayn karo si loo hagaajiyo mareegaha.
Tixgelintii hore ee lagu xisaabtami lahaa si aad u ogaato sida loo sameeyo Shabakad jawaab celin leh
Haddi ay arintu tahay in aad horeba u haysatay boga internetka, bog degista ama blog-ka nuxurka leh, kaas oo lagu sameeyay nakhshad caadi ah oo aad rabto in aad u beddesho degelka nashqadaynta ama la qabsiga. Waa uun go'aan qaadashada iyo qaadashada tallaabada ugu horreysa si loo gaaro, go'aan qaadashada!
Xaqiiqda ah beddelka bogga internetka ee naqshadaynta caadiga ah si ay uga jawaabto macnaheedu maaha in dhammaan shaqada asalka ah ay lumin doonto. Maaddaama waxa ku jira oo dhan aan la tuuri doonin, laakiin waxay ku dhici doontaa isbeddel yar iyo yar. Nuxurka sida sawirada, qoraalada iyo qayb kale oo ka mid ah goobta jirta ayaa la isticmaali karaa oo si sax ah ula shaqeyn karaa isbeddelka.
Si kastaba ha ahaatee, marka aad wajahdo beddelka la qabsiga iyo hagaajinta goobta, way ku habboon tahay in la ogaado qaar ka mid ah tixgalinta hore ee door bidi doona shaqada la qabanayo.
Hubi Dhaqdhaqaaqa Shabakadda ee jira
Kahor intaadan wax isbeddel ah ku samayn shabakada hadda jirta, waxaa lagu talinayaa in la xaqiijiyo taraafikada ay hayso. Taasi waa, tirakoobka ku saabsan tirada dadka booqday website-ka. Iyada oo ku saleysan macluumaadkan, waxaan ka shaqeyn doonaa wax ka beddelka naqshadeynta, iyada oo la eegayo in la gaaro guul weyn iyo meelaynta raadinta wanaagsan. Dib-u-habaynta iyo la-qabsiga shabakada waxay ku habboon tahay in la ogaado waxa ku saabsan Qalabka SEO, sababtoo ah waa kuwa ugu fiican marka ay timaado helitaanka meelaynta wanaagsan ee shabakada.
Dhiirrigelin wanaagsan ayaa loo baahan yahay
Waxa kale oo habboon in la eego oo la sameeyo a falanqaynta tartanka ama bogag leh macluumaad la mid ah mareegaha kaas oo isbeddelada ku wajahan naqshadaynta mareegaha lagu dabaqi doono. Horu-u-eeggan waxa loogu talagalay in lagu sameeyo cilmi-baadhis lagu horumarinayo nuxurka suurtogalka ah. Laakiin sidoo kale sida bogagga la midka ah ay ugu shaqeeyaan aaladaha kala duwan. Dhinacyada lagu xisaabtamayo xulashada goobaha kuwaas oo noqon kara dhiirigelin ama moodooyinka hagaajinta. Waxay noqon doonaan sahlanaanta socodka boggagaas iyo kuwa u baahan wax-soo-yeelid yar ama duubid. Halkan waxaad ka heli kartaa tabaha ugu fiican ee loogu talagalay Horumari SEO Si aad u hesho wax wanaagsan Ku dabaq!
Semantic Html ayaa jecel
Isticmaalka semantic Html waxay tusinaysaa in qaabaynta degelkii asalka ahaa si sax ah loo dhisay. Tani waxay faa'iido badan tahay ama aad u caawinaysaa, sababtoo ah kaliya walxaha muhiimka ah ee Html ayaa la isticmaalay. Iyadoo maskaxda lagu hayo horumarinta shabakada, semantics ee tag kasta oo ka sarreeya naqshadeynta isla shabakadda. Ka tagista CSS shaqada naqshadeynta, marka loo eego fasallada iyo aqoonsiga.
Inta lagu guda jiro habka loo sameeyo website ka jawaaba, canaasiirta sida:
- DIV
- P
- UL
- LI, iyo kuwo kale
Si kastaba ha noqotee, haddii ay lagama maarmaan tahay in loo hoggaansamo tallaabada bixinta dhammaan naqshadeynta moodeelka. Sababtoo ah ma isticmaali kartid CSS faragalin ah, taas oo ah, ha isticmaalin sifo Style kasta oo ku jirta koodka. Mar haddii la sifeeyay oo ka yar DIV, Html waa, waxay kaa caawin doontaa in ay fududayso fulinta la qabsiga ama ka dhigi web mid xasaasi ah. Sababtoo ah CSS waxa lagu wanaajin doonaa natiijada la helo.
Si sax ah u deji Zoom-ka sida loo sameeyo mareeg wax ka qabasho leh
Doorashada saxda ah ee zoom ee daalacashada moobiilka ayaa lagula talinayaa si loo gaaro bandhigga buuxa ee shabakadaha. Browser-ka aaladaha moobilka ayaa horay u jiray ka hor inta aan la bilaabin in la horumariyo nashqada mareegaha wax ka qabta. Si aad si buuxda u daawato mareegaha aaladahaan, daalacayaashu waa inay adeegsadaan aaladaha zoom. Markaa marka laga soo galo aaladda mobaylka mareeg dhaqan ahaan loo nashqadeeyay. Xallinta dabiiciga ah ee mobilku lama arki doono, laakiin la qabsiga lagu sameeyay aaladda zoom ayaa la soo bandhigi doonaa ilaa laga hagaajinayo ballac 960 pixels ah.
Sababtoo ah ma jirin si kale oo loo sameeyo, horumariyayaashu waxay abuureen Html kaas oo fuliyay isbeddelka ama hagaajinta zoom. Tani waa sida, marka la fulinayo la qabsiga xallinta aaladaha, kooxda waa in loo sheegaa inay adeegsadaan nooc kale oo miisaan. Nooca ku habboon in la isticmaalo waa calaamadda meta ee loo yaqaan aragtida, taas oo la geliyo madaxa mareegaha. Calaamaddan meta waxaad ku faahfaahin kartaa nidaamka uu browserku ku fulin doono shabakadda la beddelay. Eeg ereygan soo socda, odhaah qoraal ah:
Nashqadan astaanta ah ee summada meta ee daawashada waa tan inta badan lagu isticmaalo naqshadaynta shabakada. Si kastaba ha ahaatee, waxaa jira qaabab kale oo badan oo loo isticmaali karo ujeedadan. Kaliya in syntax-ka la soo bandhigay uu ka kooban yahay laba doorsoome oo ka dhigaya browserka mobaylka inuu la qabsado shabakada oo aan ahayn si kale. Doorsoomayaashani waa:
Qalabka-ballaca ama ballaca aaladda
Balacka bedbedelka ah=balac-qalabka waxa lagu daraa habaynta si ballaca pixels-ku uu u dhigmo ballaca aaladda mobaylka. Sidan, mobilka qaraarkiisa ayaa lagu soo bandhigayaa.
Si loo bixiyo isticmaalka ugu wanaagsan ee suurtogalka ah, daalacashada moobiilku waxay soo bandhigaan bogga la mid ah ballaca muraayadda miiska. Balaadhkani wuu kala duwanaan karaa iyadoo ku xidhan mobaylka Laakiin inta badan waa mid ka mid ah qiyaastii 980 pixels. Intaa ka dib, waxa ay doonaysaa in ay wanaajiso muuqaalka nuxurka iyada oo kordhinaysa cabbirka farta, iyo sidoo kale beddelka miisaanka nuxurka si ay ugu habboonaato shaashadda qalabka.
Tani waxay u horseedi kartaa isticmaalayaashu inay u arkaan wax aan isku xidhnayn ama jahawareer ka dibna ay tahay inay laba jeer taabtaan si ay u soo dhaweeyaan si ay ula falgalaan waxa ku jira. Isticmaalka isticmaalka doorsoome tag meta ee daawashada: width=qalabka-ballaca qalabku wuxuu dalbanayaa ficil qaabaynta si loo hagaajiyo ballaca. Sida uu boggu u habayn karo waxa ku jira si uu ugu dhejiyo cabbirrada shaashadaha kala duwan, haddii lagu soo bandhigay talefan yar oo gacanta ah ama kormeeraha PC.
Miisaanka hore ama bilowga hore
Bilowga-miisaanka= doorsoome ayaa lagu daray qaabaynta si loo go'aamiyo miisaanka xidhiidhka u dhexeeya pixels CSS iyo pixels mobaylka iyadoo ku xidhan aaladda. Qaabaynta kor lagu muujiyey waxa lagu tilmaamay miisaanka hore: bilowga-miisaanka=1.0. Halkan syntax waxay muujinaysaa in saamiga u dhexeeya pixels uu yahay 1: 1, pixel CSS waxaa loo akhriyaa pixels qalabka. Dabadeed amarka ayaa la siinayaa browserka mobaylka si uu u qaato qiimahan zoom-ka wuxuuna noqon doonaa midka loo isticmaalo aaladda. Si kastaba ha ahaatee, aan eegno labada doorasho ee soo socda:
- Marka doorsoomaha cabbirka bilowga ahi uu le'eg yahay 1.0, waxa ay tilmaamaysaa soo bandhigid aan zoom lahayn, sababtoo ah waa mid mid.
- Halka haddii bilowga-miisaanka = 2.0, doorsoomuhu uu tixraacayo zoom la ballaadhiyay oo laba jibaarmay cabbirkiisa bogga oo dhan.
Sidaa darteed, ikhtiyaarka ku habboon ee lagu isticmaalo degelka loogu talagalay inuu ku habboon yahay ballaca mobilka ayaa noqon doona kan ugu horreeya. Tani waxay u sheegaysaa aaladda in aanu adeegsan wax zoom ah. Laakiin sidoo kale, waxaa jiri kara kiisas taas oo ikhtiyaarka ugu fiican aanu noqon doonin in lagu daro ama lagu dabaqo doorsoomahan. Sidan oo kale in isla mobile-ku yahay kan iskiis u habeeya zoom-ka, ballaca lagu tilmaamay naqshadda.
Habaynta Daawashada Aasaasiga ah - Tusaalooyinka Codsiga:
Haddii aad leedahay ballac 500 pixels ah iyo amarka cabbirka bilowga ah ayaa la bixiyaa, shabakadu waxay qaadanaysaa muuqaalka balladhka shaashadda 500 pixels. Si kastaba ha ahaatee, mobaylka, qaabayntiisa asalka ah ayaa lagu soo bandhigi doonaa iyada oo leh qiyaasta u dhiganta 320 pixels ee 500 ee pixels ee shabakada.
Si kastaba ha ahaatee, haddii, dhanka kale, amarka cabbirka bilowga ah aan la bixin, shabakadda oo dhan waa la soo bandhigayaa, taas oo ah, 500 pixels, oo hoos yimaada zoom habboon. Syntax ee labadan habayn ee caadiga ah ee summada daawashada, waxay ahaanaysaa qoraal ahaan sida soo socota:
Habayntii hore waxay noqonaysaa degel leh nakhshad jawaab celin ah oo si habboon loogu habeeyey xallinta mobilada. Halka degelka aan si buuxda ula qabsan xallinta mobaylka, qaabayntu waxa ay noqonaysaa sida soo socota:
Marka lagu daro kuwa caadiga ah, waxaa jira habayn kale. Mid ka mid ah waa in la naqshadeeyo degel leh ballaca mobilka, iyada oo la adeegsanayo zoom. Laakiin naqshadeynta noocan oo kale ah waxay noqon doontaa mid aad u qariib ah oo jahawareer u ah isticmaalaha.
Sida Loo Sameeyo Mareeg Ka Jawaabta - Weydiimaha Warbaahintu
Marka aad rabto in aad ogaato sida loo sameeyo website ka jawaaba ama bog la qabsan karo, waa in aad ogaato in ay tahay in aad isticmaasho nidaamka loo yaqaan warbaahinta weydiimaha. Farsamadan waxay kuu ogolaaneysaa inaad dejiso, iyadoo la adeegsanayo xaalad, qaabab kala duwan ama qaabab iyadoo ku xiran xallinta shaashadda. Laakiin waa maxay Weydiimaha Warbaahintu?
Weydiimaha Warbaahinta
Weydiimaha warbaahintu waa farsamo ka kooban samaynta weedho CSS. Taas oo aad ku samayn karto bayaanno lagu dabaqi karo naqshadaha shabakada, ilaa inta shuruudo gaar ah oo hore loo bixiyay ama la sameeyay la buuxiyo. Weydiimahan warbaahineed asal ahaan waxaa lagu dabaqi karaa laba qodob oo ka mid ah mareegaha:
- Marka hore, wacitaanka faylka CSS, adoo tilmaamaya mid kasta waa maxay shuruudaha lagu shubayo. Tusaale:
- Marka labaad, isla faylka CSS, samaynta meel gooni ah oo jajabyada CSS ee la isticmaalayo lagu daro. Tusaale:
@media screen iyo (min-ballac:320px) iyo (ballaca ugu badan:480px){
/*Nooca Baaqa ee Kala Duwankan Balaadhka
Xaqiiqda, weydiimaha warbaahintu waa qalab awood leh oo u oggolaanaya suurtogalnimada in laga tago naqshadeynta shabakada jawaab celinta, si loo sameeyo arrimo kale oo kala duwan oo gudaha ah. Si fiican u qalma in dib loo diiwaangeliyo, wax yar oo ku saabsan farsamadan su'aalaha warbaahinta.
Dhanka kale, hadda waa ku filan tahay inaad ogaato laba qodob oo ku saabsan nidaamka weydiinta warbaahinta:
- Habka loo sameeyo ku dhawaaqida weydiimaha warbaahinta ee faylka CSS
- Sida loo cusbooneysiiyo deeqda farsamada weydiimaha warbaahinta ee daalacashada internetka ee duugga ah
Ku Dhawaaqida Weydiinta Warbaahinta
Tuducyadii hore waxaa suurtagal ah in la ilaaliyo labada qaab ee loo fuliyo weydiimaha warbaahinta. Marka hore bogga qaabka dibadda iyo habka labaad ee si toos ah loogu qoro bogga qaabka.
Marka la eego sida loo sameeyo naqshad shabakad jawaab celin leh, waa in la fahmo in weydiinta warbaahintu ay tahay ku dhawaaqida CSS ee loo isticmaalo tilmaame si looga digtoonaado marka qaab kale lagu dhawaaqo iyadoo lagu saleynayo cabbirada ama qiyamka mobilada. ama qalab kale oo shabkada la soo bandhigayo.
Tusaale ahaan, sida loogu dhawaaqo jajab CSS, taas oo ku jirta xaalad shuruudaysan oo lagu qeexay weydiin warbaahineed, ayaa leh qaabaynta soo socota:
@media screen iyo ([CONDITION]) {
/* Xeerarkeena cusub ee leh ballaca shaashadan ama ka yar */
}
Sidoo kale, iyadoo ku xidhan ballaca shaashadda, saddex nooc oo weedho warbaahineed ayaa la soo saari karaa. Sidan ayaad ku hubin kartaa codsigaaga xaalad kasta
-Caddaynta ugu horreysa waa in lagu dabaqo oo keliya qaraarada ka yar ballaca pixels = X:
@media screen iyo (ballaca ugu badan:[WIDTH]px) {
/* Xeerarkeena cusub ee leh ballaca shaashadan ama ka yar */
}
-Caddaynta labaad waa in lagu dabaqo oo keliya qaraarada ka weyn ballaca pixels = X:
@media screen iyo (daqadda-ballac:[WIDTH]px) {
/* Xeerarkeena cusub ee leh ballaca shaashadan ama ka badan */
}
-Caddaynta saddexaad waa in lagu dabaqo qaraarada leh ballac u dhexeeya tiro pixels lagu qeexay inta u dhaxaysa X iyo Y:
Shaashadda warbaahinta iyo (balac-da-yar: [WIDTH X]px) iyo (ballaca ugu badan:[WIDTH Y]px) {
/* Xeerarkeena cusub ee leh ballaca shaashadan ama ka badan */
}
Saddexda keebaa?
Go'aanku wuxuu ku salaysnaan doonaa dhadhanka horumariyaha. Si ka badan, si kastaba ha ahaatee, waa wax caadi ah in la dabaqo weedha ugu horreeya ee warbahinta ee kor lagu muujiyey. Kaliya waxaa lagu talinayaa in si wada jir ah loo mariyo. Habkaas oo kale, mar kasta oo ballaciisu yar yahay, walxaha naqshadeynta ayaa wax laga beddelaa.
Ka dhig Su'aalaha Warbaahinta mid ku habboon Internet Explorer
Internet Explorer wuxuu ahaa mid ka mid ah daalacayaasha ugu horreeya ee ka jira mareegaha. Sidaa darteed, waxaa suurtogal ah in browser-kani aanu taageerin ama la socon karin nidaamyo, cabbirro ama farsamooyin badan oo ay isticmaalaan isticmaalayaasha shabakadu. Laakiin waxaa jira shaqaale badan oo farsamo oo ku jira horumarinta shabakadda, oo si buuxda ugu lug leh raadinta hal-abuurka. Kaas oo abuuray maktabado kala duwan si ay awood ugu yeeshaan ugana dhigaan daalacashadan hore kuwo la jaan qaadi kara.
Si aad u samayso noocyo ku habboon oo ka yar lambarka sagaal (9) ee Internet Explorer. Waxa kaliya oo lagu dabaqayaa maktabadda javascript ee soo socota: css3-mediaqueries-js.
Markaad geliso qoraalkan soo socda madaxa mareegaha, waxaad awoodi doontaa inaad la shaqeyso su'aalaha warbaahinta iyada oo aan wax dhib ah loo geysan.
Natiijada la helay waxaa laga yaabaa inaysan ahayn tan ugu qumman, laakiin guud ahaan waxay ogolaataa heer wanaagsan oo waafaqsan.
Sida loo sameeyo Mareeg ka jawaab celin - Naqshadaynta aasaasiga ah
Waxaa laga yaabaa inay jiraan siyaabo kala duwan oo loo habeeyo mareegaha oo loo beddelo, si kastaba ha ahaatee mareegta ka jawaabeysa hadda waxay leedahay saddex saldhig ama qaabab fikradda naqshadeynta. Markii hore horu-u-eegayaasha horumariyayaashu waxa lagu muujiyay qaar ka mid ah faahfaahinta cusub si loogu dabaqo naqshadahan. Waxay ka timaaddaa caadooyinka horumarinta mareegaha lagu garto inay yihiin kuwo adag ama go'an. Si aad ugu guurto shabakadaha loo qaabeeyey jawaab celin, beddeleysa sifadaas qallafsanaanta.
Maanta waxaad heli kartaa qalab elegtaroonig ah oo aan dhammaanayn oo aad ku dhex daalacan karto mareegaha. Oo marka wakhtigu sii socdo qadarku wuu badnaan doonaa. Soosaarayaasha mareegaha waxay u baahan yihiin in shabakadahan ay awood u yeeshaan inay si sax ah ula qabsadaan qalabkan ballaaran.
Naqshadaynta aasaasiga ah si loo fududeeyo shaqada
Hal dariiqo oo lagu fududeeyo hawsha naqshadaynta jawaabta waa in loo qaybiyo ama loo kala saaro saddex kooxood oo aasaasi ah si loo ogaado sida wax looga qabto. Saddexdan kooxood ee waaweyn ayaa kala ah:
- Shaashado waaweyn: Kaas oo website-ku leeyahay meel ku filan iyo xitaa in ka badan si loo awoodo in si buuxda loo daawado iyada oo aan dhib lahayn.
- Shaashado duug ah ama mid yar: Kaas oo shabakadu aanay ka helin ballac ku filan muuqaalkeeda oo dhammaystiran, taas oo ah, kuma habboona qaabka shaashadda. Waxay xitaa muujinaysaa bar hoose oo aan raaxo lahayn, iyada oo aan la isticmaalin wax kasta oo kuu ogolaanaya inaad aragto xitaa wax yar oo ka kooban.
- Shaashadaha aaladaha mobilada: Shabakaddu waxay ka heshaa meel yar oo qalabkan ah oo kaliya iyadoo la adeegsanayo naqshadda guud, waa suurtagal in la akhriyo macluumaadka ku jira.
Haddaba haddii aad rabto in aad u beddesho naqshadda asalka ah iyo qaabaynta mareegaha oo aad u beddesho mid la cusboonaysiiyay oo la isticmaali karo oo la heli karo. Waxa loo baahan yahay waa in la xalliyo saddexdan kooxood ee saldhiga ah. Inta ay le'eg tahay dhibaatada helitaanka xalka waxay guud ahaan ku xirnaan doontaa sida qaabka loo sameeyay. Laakiin, guud ahaan, tignoolajiyada maanta, isbeddelada qaar ayaa lagu gaari karaa shabakada.
Sida loo sameeyo Shabakad jawaab celin u ah shaashadaha waaweyn - Xalka
Meeshaan saldhigga ah inta badan ma matasho wax dhib ah oo weyn. Sababtoo ah shabakada waxaa loogu talagalay in lagu daawado qaababkan waaweyn ee shaashadda. Halbeegga hadda jira ayaa ah in mareegaha ay ku saleysan yihiin bar-dhexe ee ballaca shaashadda oo ah pixels 960. Si marka lagu shubo talefannada gacanta ee leh zoom-ga la habeeyey, ay si sax ah ugu habboon yihiin intooda badan. Laakiin marka laga hadlayo mareegaha da'da weyn, qaabka dhexe ee ballac-ballaadhkiisu waxa loo qorsheeyay shaashado ballaciisu yahay 1024 pixels. Xaalad kasta, kooxdan aasaasiga ah waa macquul in la isticmaalo weelasha sida ku cad syntax soo socda:
#ugu weyn {ballaadhka:960px; margin:0 auto; }
Qaabayntani waxa ay taageertaa dejinta weelka "ugu weyn" kaas oo u ogolaanaya in uu noqdo mid shabakadu xuddun u tahay. Weelkan oo ay la socdaan, asalyo kala duwan ayaa lagu dari karaa si loo kobciyo muuqaalka dibadda ee shabakadda. Horumarinta naqshadeeda xoogaa si aad uga fogaato bog madow-cad sida ugu macquulsan.
Marka la soo koobo, heerkan shaashadaha waaweyn, wax badan lama sameeyo si loo beddelo shabakadda. In kasta oo ay suurtogal tahay in ay jiraan dadka isticmaala mareegaha oo doonaya in ay ka daawadaan TV-ga oo leh shaashad weyn iyo sidoo kale masaafo gaaban.
Kiisaskani waxay u baahan yihiin samaynta isbeddello waaweyn sida kooxda saldhigga guurguura. Laakin maadaama aysan badiyaa jirin qaar badan oo u isticmaala TV-ga si ay u dhex maraan, horumariyayaashu badanaa waqti badan kuma galiyaan la qabsigaan. Haddii aad weli rabto inaad ka shaqeyso la qabsiga noocaan ah, waxaa lagugula talinayaa inaad dejiso xeerar la mid ah kuwa lagu dabaqo kooxda mobilada, ee hoos lagu tilmaamay.
Sida loo sameeyo Shabakad jawaab celin u ah shaashadaha yaryar - Xalka
Laga soo bilaabo kooxdan naqshadaynta aasaasiga ah, kakanaanta isbeddelka shabakadda si loo habeeyo ayaa bilaabmaya. Xaaladdu waa sida soo socota: bog loo sameeyay inuu ku shaqeeyo balac shaashad ah. Taasi dhab ahaantii, tiro dad ah ayaa ka soo booqda kombiyuutarada lagu hagaajiyay ballacaas. Laakiin sidoo kale waxaa jira dad aad u tiro badan oo ay tahay in la tixgeliyo, kuwaas oo haysta aalado leh qaraaro ka hooseeya kuwa naqshadeynta si ay u booqdaan shabakadda.
Kooxdan kala soocida, aaladaha leh xallinta shaashadda ee ka hooseeya naqshadeynta waa in laga soocaa aaladaha mobilada. Waa hagaag, kiisaskan waxaa lagu falanqeeyay kiis saddexaad ee naqshadeynta. Haddaba, waxaa lagama maarmaan ah in si cad loo qeexo meesha uu ku dhammaanayo aaladda muraayadda yar iyo halka uu ka bilaabmayo aaladda moobilka.
Shaashado yaryar oo isku mid ah, xallinta degelka asalka ah waa in la dhimo si loogu waafajiyo qalabkaas. Kaliya waa in ay caddaato ilaa xadka hoos u dhacan lagu fulinayo, iyada oo aan la dhaafin. Si aan tiro badan oo walxood ah aan loogu ururin shaashadaha yaryar, yaraynta muuqaalka shabakadda.
Macluumaadka Loo Baahan Yahay Si Loo Dejiyo Xadka
Macluumaadka aaladaha mobilada ayaa la wadaagaa hoos Taas oo noqon doonta muhiimad weyn marka ay timaaddo dejinta xadka marka ay joogsato shaashadda yar, si ay u noqoto aaladda mobilada. Tani waxay fududayn doontaa go'aanka.
xogta mobilada:
- Mobiles si toos ah loo isticmaalo, kaas oo ah qaabka ugu badan ee la isticmaalo. Sida caadiga ah waxay qaadataa xallinta 320 pixels ballaaran.
- Goobta jiifka, xallinta mobaylka waxaa lagu hagaajiyaa cabbirka dhabta ah ee shaashadda qalabka. Qaraarkani guud ahaan waxa uu u dhexeeyaa 400 iyo 600 pixels balac.
- Dhanka kale, kiniiniyada, xallintu waxay ku xirnaan doontaa qalabka. Guud ahaan, iyada oo la tixgelinayo tirakoobka moodooyinka ugu iibka badan, xallintu waxay ku dhowdahay 600 pixels ballaaran. Awood u leh inuu gaaro xitaa 1024 pixels ballaaran.
xadka ballaca shaashadda
Xadka ballaca caadiga ah ee ugu weyn ee lagu qaadanayo nakhshad shabakad jawaab celin leh ee soociddan, marka loo eego xogtii hore, waa ilaa ballac 400 pixels. Laga soo bilaabo cabbirkan ballaca, isbeddelka muuqaalka shabakadda waa inuu si xooggan u bilaabmaa, sidoo kale hawlgalkiisa aasaasiga ah wuxuu la kulmi doonaa isbeddello gaar ah.
Si ka badan, si kastaba ha ahaatee, horumarinta qaar ayaa xadkan u dejinaya ballac 600 pixels ah. Abuuritaanka qaraarkan, laqabsiga dhexdhexaadka ah ee u dhexeeya shaashadaha yar yar iyo aaladaha mobilada.
Dhinaca xadka hoose, waxa lagu dejiyay in la qaato ballaca shaashadda ugu yar ee ilaa 320 pixels. Si kastaba ha ahaatee, waxay ku xiran tahay horumarinta shabakada si ay u dhisto xad ka weyn kuwan xaddidan. Laakiin ma aha in la isku dayo in la isku dayo in la daboolo dhammaan qalabka shaashadda yar.
Qaababka navigation ee ugu weyn ee xalka shaashadda yar
Qabashada ugu yaraan saddexdan qaab ee hagidda waxa laga yaabaa inay ku filnaato xal la qabsiga shaashad yar. Kuwaas oo hoos ku taxan:
- Aaladaha mobilada oo si toosan loo isticmaalo: Xaaladdan oo kale, shaashadda qalabku waxay u oggolaanaysaa kaliya akhriska iyo navigation aad loo fududeeyay, oo lagu aasaasay cabbir u dhexeeya 320 iyo 400 pixels.
- Aaladaha mobilada oo si siman loo isticmaalo iyo tablets: Xaaladdan oo kale, muuqaal toosan oo dhaqameed ayaa horeyba loo gaari karaa. Si kastaba ha ahaatee, waxaa lagama maarmaan ah in la ogaado in navigation-ka uu ku yimid taabashada ee maaha adigoo gujinaya. Marka loo eego falalkan waa in laga fogaadaa: onMouseOver gudaha 400, 600 ama 800 pixels.
- qalabka miiskaXaaladahan, nashqadaynta shabakada caadiga ah waxay u shaqeysaa iyada oo aan wax dhibaato ah la kulmin ballaadhka shaashadda ee ka badan 800 pixels.
Marka la dhaho dhammaan kuwan kor ku xusan, shaashad yar ayaa la fahamsan yahay inay la macno tahay kombuyuutarrada kala duwan, aaladaha mobilada muuqaalka ah, iyo tabletsyada. Kala duwanaanshiyahani wuxuu kooxdan ku daboolayaa kakanaanta jilicsan si ay ula qabsadaan shabakada naqshad jawaab celin leh. Xaaladdan oo kale, waxay muhiimad weyn u leedahay fududaynta shaqada, shaqada qaabeynta ee ay fuliyaan blocks. Si loo mideeyo saddexda nooc ee aaladaha hal fal.
Haddii ay si cad u qeexan tahay ballaca muraayadda mobaylka la tixgelinayo. Qaabka shaashadda dhexe ee la soo bandhigayo waa la caddeeyay. Si loo beddelo baloogyada qaabka hadda jira si ay u beddelaan cabbirka si waafaqsan shaashadda oo ay u shaqeyn karaan iyo sidoo kale in si sax ah loo soo bandhigo.
Konteenarada Balaadhka Caalamiga ah
Weelasha caalamiga ah ee ku dhex jira mareegaha ayaa buuxiya shaqada tilmaamida ama muujinta ballaadhka caalamiga ah. Taasi waa in la yiraahdo walxahan waxaad udub dhexaad u noqon kartaa oo aad ku qeexi kartaa ballac gaar ah bogga internetka. Waxay qaabeynta siiyaan xoogaa dabacsanaan ah iyagoo ka beddelaya balac go'an oo ay u beddelaan ugu badnaan ama ballac furka. Lagu aasaasey ku dhawaaqida bilowga ah ee qaab dhismeedka shabakadda, laga beddelayo width a ballaca ugu badan. Si la mid ah, ballaca ugu yar ayaa loo dejiyaa iyadoo loo eegayo kala duwanaanshihii hore loo aasaasay, oo leh ku dhawaaqida ballac-yar. Haddaba, waxa suurtogal noqon doonta in la xakameeyo ballaadhka aaladahaas oo loo malaynayay inaanay ku jirin gacanta. Qaadashada xadka ballaca shaashadda ee kor lagu sheegay; Ereyga bayaanka ayaa noqon doona sidatan:
#ugu weyn {ballaadhka ugu badan:960px; ballac-yar:320px; margin:0 auto;}
Shaashadaha waaweyn xalku waa isku mid. Si ka badan, si kastaba ha ahaatee, marka shabakadu si tartiib tartiib ah hoos ugu dhacdo cabbirka isku mar, qaabka dhexe ayaa sidaas ku samayn doona ballac ahaan.
Tusaale wax ku ool ah
Hoos waxaa ku yaal tusaale wax ku ool ah oo ku saabsan goobaha loogu talagalay beddelka jir balaca. Tusaalahan waxa ku jira mareegaha ballaciisu yahay 1080 pixels, kaas oo lagu dabaqo madaxa, nuxurka ugu muhiimsan iyo canaasirta hoose. Waxa ugu horreeya ee la sameeyo waa in la tilmaamo in ballaca ku jira weel caalami ah oo kala duwan, maaha sida ballac go'an, laakiin sida ugu badan ee ballac bogga. Xagga jumladaha, waxay ku xirnaan doonaan tirada baloogyada noocaan ah ee la adeegsan doono. Haddaba bal aynu eegno erayada soo socda:
#madaxa #sare {booska: qaraabo; ugu badnaan:1074px; ballac-yar:320px; joog:115px; margin:0 auto; […]
[...]
#madaxa ul.menu {mawqifka: qaraabo; ugu badnaan: 1008px; ballac-yar:320px; joog:95px; […]
[...]
#aux-main{booska: qaraabo; ugu badnaan:1008px; ballac-yar:320px; margin:0 auto; […]
[...]
#footer ul {max-ballac:768px; ballac-yar:320px; margin: 10px auto;}
Konteenarada Gudaha
Halkaa marka ay marayso, waxaanu wax yar ka sii wadi doonaa sidii loo samayn lahaa degel ka jawaab celin leh adoo bedelaya. Waxa hubaal ah in bogga wax laga beddelayo uu ka samaysan yahay nakhshad ama qaabayn, loo qaybiyay walxo kala duwan, tusaale ahaan, waxay noqon karaan:
- Madax ballac boqolkiiba boqol
- Mawduuc ka kooban qayb weyn oo ballac ah
- Qayb ka mid ah dhinaca hal ama in ka badan oo dhinac ama baararka dambe
- Qabashada boqolkiba boqol ee ballaca, cag
Markaa waxaad yeelan doontaa dhawr weel oo laga yaabo inay leeyihiin ballac go'an oo qeexaya tiirarka bogga. Waxaa laga yaabaa in weelashaas loo beddelo tiirar iyadoo la adeegsanayo farsamooyin kala duwan, sida:
- Ku sabbaynaya qaddarka ugu badan
- Muuji: khad khadka ah xaaladaha qaarkood
- Muuji: sanduuqa kuwa kale oo iyaga ka mid ah
Talaabada xigta ee la qaadayo ayaa markaa noqon doonta in la awoodo in loo badalo canaasirtaas hadalo aan sax ahayn. Si weelka waalidku aanu si sax ah u saxin weedha asalka ah ee lagu tilmaamay. Ama waxa la mid ah, waa inaad ka beddeshaa pixels oo aad ka beddeshaa qiimaha boqolkiiba dhammaan walxahaas tixraacaya meel bannaan oo ballaca degelka ah, sida kuwan soo socda:
- Ballaaran
- ballacyada ugu badan
- Margins iyo
- cufan
Iyadoo shaqada qaabeynta ee hore loo sameeyay, tallaabadani waxay noqotaa mid fudud. Maadaama ay kaliya samaynayso qaybin, si loo go'aamiyo waxa u dhigma cabbirka pixels ee curiyaha weelka ee qiimaha boqolkiiba. Sidaa darteed boqolleyda waxaa la xisaabin doonaa iyadoo la adeegsanayo isla'egta xisaabta ee soo socota:
[Px ballaca xubinta gudaha] / [Px ee ballaca unugga qaybta] * 100
Waa hab wanaagsan oo loogu talagalay horumarinta shabakadaha si ay ula qabsadaan ka shaqeynta qaabka shabakada oo leh qiyaasaha boqolleyda, sababtoo ah tallaabadan mar hore ayaa la xalin lahaa.
Xisaabinta boqolleyda
Tallaabada xigta ee la qabanayo waa xisaabinta boqolleyda. Qaybtan wax laga xumaado ayaa lagu soo bandhigi karaa marka la eego tiirarka. Sababtoo ah tiirarkii hore waxaa lagu dhisay canaasiir sabeynaya, iyo marka aad xoqdo jirku, garabku wuxuu ka dhaqaaqaa ka hooseeya nuxurka. Si kastaba ha ahaatee, isla'egta aan soo sheegnay ayaa la adeegsadaa. Sidaasna waxaa loo sameeyaa xisaabinta boqolkiiba shay kasta oo ku jira weelka caalamiga ah ee DIV. Kaas oo sida aan kor ku soo sheegnay lahaa ballac ahaan 1080 pixels. U beddelashada cabbiradaas qiyamka boqolleyda, ka dib syntax-ka soo socda ayaa la helay:
#main #content {sabayn:bidix; ballac:63.9880952%; margin:30px 0 0 1.98412698%; }
[...]
#Saabeyn: Bidix; margin:20px 0 0%; ballac:3.47222222%; }
Sida la arki karo, balacyada iyo geesaha siman labadaba waa la beddelay. Sidan shabakadu waxay ilaalin doontaa muuqaal labajibbaaran. Qodob kale oo muhiim ah in la xuso waa tirada jajab tobanle ee lagu tilmaamay boqolleyda. Ujeeddadiisu waa in xisaabintu ay tahay mid sax ah intii suurtogal ah qiimaha asalka ah ee pixels.
Xalka walxaha gudaha ee dabacsan ee kordhiya xajmiga
Inta lagu jiro habka loo beddelayo bogga shabakadda, waxaa suurtagal ah in la helo qaybo dabacsan oo ku jira qaabka, taas oo ay ugu wacan tahay teebtooda, ka kori kara waxa ay tahay weelkooda ugu sarreeya ee caalamiga ah, baaxadda ugu badan. Cutubyadan waxa lagu ogaan karaa in lagu ciyaaro cabbirka browserka, marka la ogaado in la saxo. Habka kale ee degdega ah ee lagu saxayo ama looga fogaan karo walxahan ayaa ah in la doorto weelasha oo la bixiyo amar ah in wax gudaha ah uusan ka koreynin cabbirka weelka laftiisa.
Tusaalaha la soo saarayo, qaabkan u dambeeya ee sixid ayaa lagu dabaqay, nuxurka ugu muhiimsan iyo dhinaca dhinac. Markaa, dhibaatooyinka qaarkood ee ka iman kara widgets-ka ayaa iyaga laftoodu xalin kara. Marka loo eego tan, qaabeynta si loo xalliyo walxaha gudaha ee dabacsan waxay noqon doontaa sida soo socota:
#main #content {sabayn:bidix; ballac:63.9880952%; margin:30px 0 0 1.98412698%; }
#content #ugu weyn * {max-ballac:100%}
[...]
#Saabeyn: Bidix; margin:20px 0 0%; ballac:3.47222222%; }
#ugu weyn #sidebar * {max-ballac:100%}
Qaybaha ku meel gaadhka ah Absolute
Dhammaan walxahaas ku yaal bogga shabakadda si ay u beddelaan. Nidaam isku mid ah oo hore waa in lagu dabaqaa iyaga oo leh ballac, iyaga oo la qabsanaya qiyamka boqolleyda ee dhidibka abscissa si ay u beddelaan ballacooda. Haddii aan ka soo qaadno in tusaalaha la soo saarayo, ay jiraan curiyayaasha qaarkood oo gebi ahaanba la dhigay madaxa. Meelahooda waa in la waafajiyaa canaasiirtan, si aysan hawada ugu sabbeyn marka cabbirka shabkada la yareeyo. Tan, qaabeyntu waxay noqon doontaa sida soo socota:
[...]
#madaxa # sare ee roodhida {booska: buuxda; sare: 90px; bidix:3.72439479%; midab: cad;}
[...]
#madaxa #sare p.sida {booska:absolute; sare: 10px; bidix:54.0037244%; }
[...]
#madaxa #sare div.vcard{booska: buuxda; sare:11px; midig:5.49348231%; ballac:27.9329609%;}
Codsashada Weydiimaha Warbaahineed ee qaybaha gudaha
Marka la waafajiyo ballaadhka bogga, waxaa suurtagal ah in ay jiraan walxo, sababtoo ah nuxurkooda, ma helaan meel bannaan oo dib-u-qaabaynta. Kuwani waxay soo geli karaan dariiqa, iyagoo ka dhigaya la qabsiga mid xun. Si looga fogaado xaaladdan foosha xun, su'aalaha warbaahinta fudud ayaa la isticmaalaa kuwaas oo u oggolaanaya isbeddelka weyn ee CSS, marka ay jiraan cabbirro gaar ah.
Weydiimaha warbaahintu waa qalab aad u awood badan oo farshaxanno badan lagu samayn karo. Markan waxaa lagu dabaqi doonaa si loo qeexo shuruudo gaar ah oo ku saabsan ballaca shaashadda, iyo halka CSS uu ka beddeli doono. Taas awgeed waxaan maskaxda ku soo gelin doonaa erayada soo socda:
@media screen iyo (ballaca ugu badan:[WIDTH]px) {
/* Xeerarkeena cusub ee leh ballaca shaashadan ama ka yar */
}
Weydiinta warbaahintu waxay si gaar ah u doonaysaa in ay qaabaynta ku waafajiso go'aamo kala duwan. Markaa waxaa loo isticmaali karaa wax ka badan wax kasta si loo qariyo walxaha labaad qaarkood, kuwaas oo, la siiyo ballaadhka shaashadda, waxay ka cadhaysiin kartaa wax ka badan caawinta isticmaalaha. Marka lagu daro u adeegida samaynta isku dhafka yaryar, si ay qaybaha qaar ugu haboonaan karaan dib-u-qaabaynta xaaladaha kala duwan.
Si loo tusaale qaato waxa la yidhi, qaybo ka mid ah qaraarada ka hooseeya 800 iyo 600 pixels waa la qarin doonaa. In hal kiis ay caqabad ku yihiin aragtida saxda ah ee nuxurka bogga ugu weyn ee mareegaha in la waafajiyo. Sida ku cad syntax-ka soo socda:
@media screen iyo (ballaca ugu badan: 800px) {
#madaxa #sare p.like,
#madaxa # sare ee roodhida,
#madaxa #sare div.vcard p.twitter,
#madaxa #sare div.vcard p.linkedin,
#madaxa #sare div.vcard p. macaan,
#madaxa #sare div.vcard p.google,
.vcard h2{muujin: midna;}
}
@media screen iyo (ballaca ugu badan: 600px) {
#sidebar .twitter {muujin: midna;}
}
Sida la arki karo, waxay ku qarsoon yihiin qaraaro ka yar 800 pixels:
- Kuwa jecel
-Roodhida
-Badhamada bulshada, iyo kuwo kale
Laga soo bilaabo 600 pixels hoos tweets-kii ugu dambeeyay ayaa laga saarayaa dhinaca
Weydiimaha Warbaahintu waxay sidoo kale kuu oggolaaneysaa inaad wax ka beddesho qaababka qaarkood
Sida aad horeba u arki karto, su'aalaha warbaahintu waxay kuu ogolaanayaan inaad qariso qaar ka mid ah walxaha gudaha. Laakiin sidoo kale waxay kuu oggolaanayaan inaad isbeddel ku samayso qaababka qaarkood. Gaar ahaan tan waxaa loo isticmaali karaa haddii curiye, ka sokow aan la waafajin xagga ballaca, aan la rabin ama aan la rabin in la sameeyo si ay u baxdo ama u qarsato. Haddii xaaladani ka soo baxdo shabakada waxaad rabtaa inaad wax ka beddesho. Dabadeed, iyadoo la adeegsanayo su'aalaha warbaahinta, waxaa la raadin doonaa in si hoose loo beddelo qaabkeeda, si uu ula qabsado.
Iyadoo loo maleynayo in shabakadda internetka ee lagu shaqeynayo, badhanka bulshadu ay sababaan dhibaatadan oo kale. Waxayna go'aansatay inay si hoose u bedesho qaabaynteeda, iyadoo meesha ka saaraysa calaamadaha oo ay dhimayso cabbirka farta, marka boggu hoos uga dhaco 960 pixels ballaaran. Habayntu waxay markaas noqonaysaa sidan:
@media screen iyo (max-ballac:960px) {
#madaxa #sare div.vcard p {font-size:9px;}
#madaxa #sare div.vcard p.twitter a,
#madaxa #sare div.vcard p.linkedin a ,
#madaxa #sare div.vcard p. macaan a,
#madaxa #sare div.vcard p.google a {background:one; suuf:0;ballaaran:50%; sabayn:bidix;}
}
Maxaa lagu sameeyaa menu-yada
Ka waran menus-ka, oo ku dhex jira habka loo sameeyo degel ka jawaabaya shaashadaha yaryar? Jawaabta su'aashan waa in ay tahay dhibaato xoogaa adag in la xalliyo. Sababtoo ah waa xubno ka kooban oo inta badan xoogaa dheer, iyo sidoo kale menu laftiisa, ma aha nuxurka ugu muhiimsan ee shabakada. Sidaa darteed, lama ogolaan karo in marka bogga laga furo shaashadaha yaryar, menu-ku wuxuu leeyahay meelo badan.
Aaladaha taabashada, waxay dhib ku noqon kartaa isticmaalaha, in liiska xiriiriyeyaasha yaryar ay soo baxaan, sidaas darteed hoos u dhigista xiriiriyeyaasha ma noqon doonaan xalka ugu macquulsan. Beddelka wanaagsani waa in liiska lagu beddelo shay la doortay. Kaas oo ka dhigan kontorool muujinaya liiska xulashooyinka, halkaas oo isticmaaluhu si raaxo leh u dooran karo. Cunsurka la xushay wuxuu hoos u dhigayaa liisaska liiska dheer ee baloog yar, sidaa darteed isticmaalkiisu wuxuu ku habboon yahay aaladaha sida tablet-ka iyo mobilada.
Markaad samaynayso beddelkan qaabaynta cusub ee jawaab celinta ah waxaa lagula talinayaa inaad isticmaasho tinynav jquery plugin. Kaas oo fudud oo si heersare ah u socon kara, plugin-kan waxa uu tilmaamayaa dhammaan walxaha UL ee ku jira liiska. Waxayna tani markeeda ku daraysaa curiye la doortay bilawga liiska oo leh astaamo la tilmaamay. Ka dib, tillaabada u hadhsan in la sameeyo waa in la qariyo UL ama xulashada su'aalaha warbaahinta, ilaa xal wanaagsan laga gaaro.
Ku dhaqan qaybta xulashada
Habka loogu beddelo menu-ka curiyaha la doortay waxa lagu samayn doonaa plugin-ka aan kor ku soo sheegnay. Kaas oo ah in la geliyo madaxa liiska isku xirka. Marka, marka boggu bilaabo inuu hoos ugu dhaadhaco qaraaro ka yar 800 pixels ballaaran, isku xirka waxaa lagu beddeli doonaa doorasho. Markaas waa in la raaco tallaabooyinka soo socda:
- Ku dar qoraalka oo ku dheji jquery plugin diyaar u ah wicitaanka u dhig qaybta cusub. Sida ku cad:
$ («.menu ul»).tinyNav ();
Qaabayntani waxay ku daraysaa doorashada mid kasta oo ka mid ah liisaska isku xidhka ee liiska sare
- U sheeg CSS-ta aasaasiga ah si ay u qariyaan walxaha cusub ee la xushay, oo wata cadeynta soo socota:
.tinynav {muujin: midna }
- Isticmaal su'aal warbaahin ku habboon oo gudaha ku dar qaabka xulashada iyo amarka si aad u qariso liiska laftiisa. U daaya qaabaynta sida soo socota:
@media screen iyo (ballaca ugu badan: 800px) {
#madaxa ul.menu li ul {muuji: midna}
.tinynav {muujinta: xannibaad; boos: buuxda; hoose:5px; ballac:79%; mar-bidix:15%}
}
Sidan, menu-ka shabakada waxa lagu beddeli doonaa shay la xushay, iyadoo hoos loo dhigayo xallinta shaashadda in ka yar 800 pixels oo ballac ah.
Ka xidho asalka sida loo sameeyo Shabakad jawaab celin leh
Waqtigan xaadirka ah ee la qabsiga shabakada, heerka dhibtu waxay ku xirnaan doontaa sida moodelku yahay. Marka la naqshadeynayo shabakada, barta CSS, baloogyada waxaa badanaa lagu qurxiyaa asalka sawirada. Tiro aad u badan oo farsamooyin ah ayaa loo adeegsadaa habka qurxinta. Qaarkood way ka sahlan yihiin kuwa kale marka ay timaado cabbirka.
Qaar ka mid ah xalalka
Tani waa sababta, iyadoo ku xiran farsamada loo isticmaalo, nidaamku wuxuu noqon karaa mid ka yar ama ka fudud. Waxaa laga yaabaa in xitaa ay dhacdo in asalka uu webka leeyahay, uu lumiyo ujeeddadiisa marka cidhifyada la qariyo. Taas oo keentay in xaaladahan ay dhibaato weyn tahay in laga gudbo. Waa kuwan qaar ka mid ah xalalka tan:
- Wax ka beddel inta ugu badan ee asalka ah ee suurtogalka ah qaababka CSS3. Kaas oo si wanaagsan ula qabsan doona isbeddellada. Hadda way fududahay in la helo daalacashada badidood oo ku habboon, marka la isticmaalayo geesaha wareegsan, hooska, ama gradients. Iyadoo saddexda xaaladood ee CSS ay ku adag tahay naqshaduhu inay u baahdaan tiro badan oo sawirro ah si loo dhiso blocks.
- Samee sawir la'aan, si aad ugu beddesho inta ugu badan ee suurtogalka ah CSS3 ugu dhow sida weydiimaha warbaahinta iyo ballaadhka la qabsiga ay u qabsadaan shaqadooda
- Haddii ay tahay kiis lacageed oo horey u xukumay xaaladda xannibaadda. Waxaa lagu talinayaa in lagu nuqulo qaabkan xannibaadda oo raadi asalka asalka ah si yar loo kala saaro
Xalka kale ee saddexda nooc ee sawirada asalka ah ee laga xanaaqi karo waa:
- Sawirada leh xuduudaha qaabka bogga, xitaa ka baxsan qaybta la soo bandhigay, natiijada kama dambaysta ah ma dhibayso, sidaas darteed waa laga tagay
- Calaamadaha cinwaannada qaarkood, kuwaas oo lagu hagaajiyo iyada oo lagu qarinayo su'aalaha warbaahinta marka ay bilaabaan inay ka cadhaysiiyaan
- Sooyaalka caalamiga ah ee madaxa waxa ka mid ah sanduuqa cad ee uu ku baxo magaca qoraaga shabakadu. Taas awgeed, qaab isku mid ah ayaa lagu soo celin karaa sanduuqa qoraaga si hal asal la qariyo kan kale iyadoo la yareynayo cabbirka bogga.
Sida Loo Sameeyo Shabakad Ka Jawaabta Shaashada Gacanta – Xalka
Dhinacyo dhowr ah oo ku saabsan sida loo sameeyo degel jawaab celin ah oo ku yaal shaashado yaryar ayaa horay loo arkay. Aqoontan, waxaad ka bixi kartaa naqshad shabakad adag oo leh ballac go'an oo ah 1080 pixels ilaa naqshad si fiican ula qabsanaysa shaashadaha yaryar, laga bilaabo tiro badan oo qalab ah. Laakiin xalka naqshadeynta ee ka jawaabaya shaashadaha mobilada ayaa maqan.
Iyada oo la adeegsanayo waxa loo arkay shaashadaha yaryar ee naqshadeynta mobilada, isbeddelada ayaa ka dhigaya mid la aqbali karo. Wax badan ayaa loo baahan yahay in la dhamaystiro, maadaama qaabka labada sariirood ee leh curiyeyaasha ku jira madaxa ay aad ugu habboon yihiin mobilada
Sidaa darteed, waxaa habboon in la bilaabo habka si loo gaaro bandhig sax ah oo ku saabsan qalabka mobile. Waxaa muhiim ah in la ogaado in isticmaalka navigation-ka ee mobilku aanu la mid ahayn kan mareegaha caadiga ah. Waxaa laga yaabaa inaad markaas rabto inaad ka fogaato isbeddellada la qabsiga ballaca shaashadda ee fudud ama walxaha qarinaya.
Calaamadda Viewport ee kiiskan
Qaybta daawashada waa qalab fiican oo lagu waafajiyo shabakada mobilada. Marka hore, sababtoo ah daawashada waxay u adeegtaa si ay u muujiso moobaylka habka aad rabto in soo-dhoweyntiisu u shaqeyso, marka qalabku muujiyo bogga internetka. Taasi waxay tidhi, asal ahaan laba ikhtiyaar ayaa la soo bandhigi karaa, oo hoos lagu tilmaamay:
Doorashada 1Shabakadda mareegaha leh nakhshad jawaab celin ah oo ku filan oo lagu lifaaqay xallinta mobilada, waxa soo socda ayaa diyaar ah:
Doorashadani waa tan ugu habboon, laakiin sidoo kale ka ugu dadaal badan. Sababtoo ah markaad hoos u dhigto ballaadhka tiirka ee ka hooseeya 500 ama 400 pixels, ballacyadu waxay noqonayaan mid aan la maarayn karin. Sidaa darteed, waa in isbedel xagjir ah lagu sameeyo aragtida shabakadda.
Doorashada 2: Hadii ay tahay mareegaha aan wali si fiican ula qabsan xallinta mobilka, waxa aanu haynaa kuwan soo socda:
Doorashadan kale ayaa laga yaabaa inay aad u degdegto. Sababtoo ah waxa kaliya oo lagu tilmaamay naqshadeynta in mobilka lagu soo bandhigi karo xalka la rabo. Si kale haddii loo dhigo, shabakadu waxay sii ahaan doontaa bogga caadiga ah, kaliya oo ah nooc la dhimay ama la habeeyey.
Cawaaqib macquul ah
Haddii aad dooratid ikhtiyaarka labaad, laba dhibaato ayaa laga yaabaa inay ka soo baxaan mareegaha si loo habeeyo ama loo qaabeeyo si jawaab celin ah.
-Primero: Aragtida kiiskan ayaa si caalami ah uga shaqayn doonta dhammaan daalacashada mobilada. Marka la eego kiiska, tusaale ahaan, in sumadda daawashada ee 500 pixels ballaaran la tilmaamayo, waxay keeni doontaa in qalabka iPadka ee ballaciisu yahay 800 pixels oo muujinaya bog kaliya 500 pixels ballaaran. Ku guuldareysiga inaad ka faa'iidaysato boqolkiba boqol ee booska banaan
-Labaad: Ku sii socota kiiska muujinta muuqaalka 500 pixels ballaaran. Xaaladdan oo kale, xallinta 320 pixels ballaaran, nuxurka shabakada ee lagu shaqeynayo waxaa lagu soo bandhigi doonaa qaab aad u yar. Sidaa darteed, haddii aan la hagaajin qaar ka mid ah, waxay noqon doontaa mid aan shaqaynayn. Dhanka kale, haddii la sameeyo hagaajin gaar ah si loo waafajiyo menu-yada ama ilaha, nooca shabakadda ayaa loo beddeli doonaa si la mid ah si loogu soo bandhigo tablet-ka, haddii ay dhacdo shaashad yar. Gebogebadii, xalka tilmaamaya ballac go'an oo leh summada daawashada ayaa noqon karta kan ugu dhaqsaha badan, laakiin hadda ma ahan mid hufan.
Aragtida cawaaqibka doorashada 2 ee summada daawashada, waxay ka dhigaysaa doorashada 1 ta ugu badan ee lagu taliyay. Sidan, mobilka laftiisa ayaa loo oggol yahay inuu muujiyo xallinta uu awood u leeyahay, marka la isticmaalayo muuqaalka kore ee lagu tilmaamay xulashada 1 ee Madaxa bogga.
Go'aankan muuqalka, waa marka dambe in laga shaqeeyo waydiinta warbaahinta, nooca mobaylka. Tani waxay u baahan tahay in laga guuro tiirarka loona guuro baloogyo leh ballac boqolkiiba boqol ah. Sidoo kale tirtir, cadaadi curiyeyaasha qaarkood, hagaajiso xarfaha si ay saaxiibtimo u noqoto akhrinta 320 pixels ballaaran.
ka saarida tiirarka
Sida kor ku xusan, la qabsiga ka jawaab celinta mobaylka, waxaa lagama maarmaan ah in la dhammaystiro naqshadeynta muuqaalka labada tiir si looga fogaado isku-duubnaanta curiyeyaasha madaxa. Habkan, tiir ayaa meesha laga saarayaa iyadoo mid la dul saarayo kan kale, laakiin waxaa jira laba xaaladood oo dhici kara:
-In tiirarka hore loogu dalbaday Html: Hadday arrintu sidaas tahay, waxa horeba loogu soo bandhigay qaabkii la rabay ee mobilada. Waxa kaliya oo lagama maarmaan noqon doonta in la sameeyo Floats-ka oo baaba'a ama wax ka beddelka muuqaalka:inline-block ama display:box, si loogu beddelo bandhig caadi ah: xannibaad. Adiga oo isticmaalaya syntax-kan soo socda:
@media screen iyo (ballaca ugu badan: 400px) {
#content {muujin: xannibaad; sabayn: midna; }
}
-Haddii tiirarka aan la dalbanXaaladdan, waa inaad ku shaqeysaa boosas dhammaystiran si qaybaha hoose ay u qabsadaan bogga sare ee bogga. Iyo sidoo kale isticmaalka margin si aad u guurto baloogyada sare ee hoose, si ayan isku dhejin. Tusaale ahaan, iyada oo loo malaynayo qaybinta soo socota:
Qaab dhismeedkan, waxaa la rabaa in mobilka ay ku yaalliin curiyeyaasha bar-sidebar-yada ka hor inta aan la helin. Ka dib CSS waxaa loo soo bandhigay sida soo socota:
@media screen iyo (ballaca ugu badan: 400px) {
#ugu weyn {booska: qaraabo; ballac: 100%; }
#content{margin-top:80px; ballac: 100%; sabayn: midna;}
#dhinac{dhererka:80px; boos: buuxda; sare:0; ballac: 100%; sabayn: midna; }
}
Si loo sawiro sawirka labaad, kaas oo boosas buuxa loo baahan yahay in lagu isticmaalo nooca mobilada, tusaalaha qaab dhismeedka soo socda ayaa la soo bandhigay.
@media screen iyo (ballaca ugu badan: 450px) {
#guud #sidebar {muujin: xannibaad; sabeyn: midna !muhiim; ballac: 100%; boos: buuxda; sare:-80px; margin:0 !muhiim; xuduud-hoos:1px adag #aa; suufka: 0 0 20px 0;}
#main #content {sabeen: midna; ballac: auto; margin: 100px 0 0 0; }
}
Xaaladdan oo kale waxa jira isbeddel ku socda 450 pixels oo ballaadhan nooca mobaylka.
Hagaajinta Farta
Dhinac kale oo ay tahay in lagu wajaho la qabsiga ka jawaabaya nooca moobilka waa hagaajinta xarfaha. Sababtoo ah, markii shabakada la nashqadeeyay, waxaa la sameeyay iyadoo maskaxda lagu hayo kormeerayaal waaweyn. Markaad u guurto noocyada mobilada ee leh shaashado toosan oo yaryar, shabakadaha inta badan kuma raaxaystaan in la akhriyo ama la eego. Ciwaanka shabakadaha waxay qaataan meelo badan, qoraalka nuxurka, xajmiga farta awgeed, waxay adkeynaysaa akhrinta. Marka loo eego tan, waxaa lagama maarmaan ah in dib loo eego dhammaan ilaha, iyaga oo keenaya qaabeyn macquul ah oo lagu soo bandhigo shaashadda moobiilka.
Hoos waxaa ah hagaajinta dhinacan, halkaasoo farta menu wax laga beddelay, cabbirka cinwaannada la dhimay, kuwa ku jirana la kordhiyay. U fiirso qaabkan soo socda:
#madaxa ul.menu li,
#madaxa ul.menu li.analytics,
#madaxa ul.menu li.horumarka {saldhig: midna;}
#madaxa ul.menu li h4 {margin:30px 0 0 0px; cabbirka font:12px; qoraalka-jidh:10%;}
#content #ugu muhiimsan .hnews h3 a,
#main #content .hnews h1 a{ font-size:22px; }
#main #content .hnews
Habaynta kale ee dhanka bilicda iyo qaababka
Waxaan sameeyay dhammaan geeddi-socodkii hore ee sida loo sameeyo degel ka jawaab celin ah ee naqshadeynta nooca mobilada. Waxa soo haray waa in la dhejiyo taabashooyinka dhamaystirka muuqaalka iyo qaabka shabakada. Xaaladdan oo kale waxaad dib u habeyn kartaa qaababkaas aan la qabsan nooca cusub oo aad iska tuurto kuwa u yimaada inay boos ku yeeshaan. Si la mid ah, waxaad u dhaqaajin kartaa walxaha qaarkood sida dhinacyada, tusaale ahaan, inaad meel kale dhigto, ama waxaad sidoo kale isbeddel ku samayn kartaa marginsyada, iyo hagaajinta kale. Si aad ugu dambeyntii u gaarto shabakad mobaylo qurux badan oo diyaar u ah inay tagto.
Sidee loo sameeyaa Mareeg ka jawaaba? - Imtixaannada iyo imtixaannada
Markaad naqshadaynayso maaha oo kaliya horumarinta shabakada, laakiin abuur kasta ama qaabaynta wax cusub. Waxaa jira marxalad tijaabo ama tijaabo ah, halkaas oo aad ku hubin karto natiijooyinka, haddii ay fiican yihiin ama u baahan yihiin horumarin.
Taasi waxay tidhi, way ku habboon tahay in la sameeyo jeeg ama tijaabo ka dib marka la fuliyo dhammaan habraacii hore. Tijaabooyinkan waa in la sameeyaa iyadoo talaabooyinka la qaadayo iyo si loo xaqiijiyo isbeddelada lagu gaadhayo mid kasta. Si la mid ah, waa lagama maarmaan in la sameeyo labada hubin ee soo socda ee hawlgalka shabakadda
Ku tijaabi browserka
Markaad ka shaqaynayso naqshadaynta jawaabta, waa inaad hagaajisaa ballaca shaashadda. Si loo hubiyo la qabsiga cusub, kuwaas oo qaadanaya foomam cusub. Si la mid ah, khaladaad yaryar ayaa lagu ogaan karaa oo markaa awood u leh in lagu sameeyo wax ka beddelka su'aalaha warbaahinta ee loo isticmaalo. Si loo hubiyo ballaadhka shaashadda, waxaa jira laba siyaabood oo loo sameeyo:
- Si toos ah u dhaqan adiga oo ka saaraya ugu badnaan browserka si aad u tijaabiso ballaciisa.
- Isticmaal waxyaabaha sida ISH qalab faa'iido leh si aad u fuliso goobahan tijaabada oo leh amarro fudud.
dhaaf cache mobile
Aaladaha moobiilka marka loo eego xogta khasnado ee dabiiciga ah ee ka baxsan waxa lagama maarmaanka ah, xitaa in ka badan browser-ka caadiga ah. Kuwa caadiga ah, badanaa waa ku filan in la fuliyo CTRL + F5 si loo kiciyo culeys la'aan cache. Inkasta oo ficilka noocan ahi uu ku adag yahay telefoonnada gacanta, xitaa browser-yada qaarkood ayaa leh ikhtiyaarka ah inay joojiyaan kaydka. Si loo fududeeyo shaqo ka sii fiican la'aanteed kaydinta waxaa lagula talinayaa kuwan soo socda:
- La shaqee doorsoomayaasha wacitaanka Css, sida:
"/styles.css?version=xxxx"
Samaynta wax ka beddelka kiis kasta oo gaar ah lambarka nooca. Si URL-ku u kala duwanaado si aanu u isticmaalin kaydka
- Si toos ah uga shaqee browserka Si tartiib ah u kordhiya xallinta mobilada ugu yar, inta u dhaxaysa 420 iyo 450 pixels. Sidan ayaad u keeni kartaa in uu ka soo muuqdo browserka adiga oo la yareeyey Dariiqa kale waa iyadoo la adeegsanayo aaladaha wax ka beddelaya boggaga internetka.
Ficiladan, shaki la'aan, natiijo wax ku ool ah oo raaxo leh ayaa la heli doonaa marka la sameynayo imtixaannada.
Sidee Loo Sameeyaa Mareeg Ka Jawaabta? - Gabagabo
Dhammaan kuwan kor ku xusan waxaa suurtagal ah in la ogaado farsamooyinka qaar, qalabka tignoolajiyada iyo hababka kuwaas oo inta badan lagu dabaqo naqshadeynta shabakad jawaab celin leh. Dhammaan aqoontan ayaa sidoo kale lagu dabaqi karaa mareegaha jira ee aad rabto inaad keento naqshad la qabsi ah. Adigoon ka shaqayn dhismaha degel cusub.
Sidaa darteed, su'aasha soo socota: Samaynta wax kasta oo aad baratay, suurtagal ma tahay in la sameeyo degel leh naqshad jawaab celin leh? Sida cad jawaabtu waa Maya. Waa maxay sababtu? Sababtoo ah waxa kaliya oo suurtogal ah in la sameeyo shabakad xasaasi ah la qabsiga, taas oo asal ahaan aan ahayn. Maadaama ay ku hoos dhalatay dabeecad adag ama go'an.
Cawaaqibta ama khaladaadka suurtagalka ah
Inta lagu guda jiro habka loo habeynayo degel dhaqameed ama mid aad u xasaasi u ah isbeddelada, waxay u horseedi kartaa qaladaad qaar ka mid ah sidaas darteed cawaaqibyada qaarkood ayaa soo bixi doona, aan aragno:
-Waxyaabaha qaarkood waa in la baabi'iyo kuwaas oo ahaa muhiimada muhiimka ah markii bogga la sameeyay. Dhanka kale, ficilka baabi'inta iyaga ayaa lagu sameeyay qaab muuqaal ah oo aan ahayn sababta oo ah muhiimada ay leedahay nuxurka in loo gudbiyo booqdaha webka.
-Waxa laga yaabaa in aanay ku gaadhin kaamil xagga muuqaalka guud. In la awoodo in la hagaajiyo kan jira oo keliya. Gebi ahaanba ka duwan kiis haddii shabakad la abuuray bilowgii.
-Iyadoo ku xidhan qaabka website-ka asalka ah, waxa laga yaabaa ama ma gaadho dhamaadka la qabsiga isbedelada. Qaar ka mid ah majaajilooyinka horumariyayaashu isku daygan, kaliya waxay awoodi doonaan inay sameeyaan xal dhexdhexaad ah.
Ugu dambayntii oo ku saabsan naqshadaynta jawaabta
Ugu dambeyntii, waxa la fuliyay waxay ahaayeen kaliya faahfaahin fudud. Muujinta muhiimadda ay leedahay in laga shaqeeyo sidii loo heli lahaa moodal la qabsan kara naqshad aan markii hore ahayn. Markaad akhrido Naqshadaynta Jawaabta, waxaad fahantay inaad ka hadlayso naqshadaynta ee aanad ka hadlayn shaqada qaabaynta. Sidaa darteed, sida loo sameeyo degel jawaab celin ah waa in ay ka timaadaa macnaha naqshad cusub oo asalka ah.
Si kastaba ha ahaatee, awood u yeelashada soo bandhigida mareegaha wax ka bedeli kara lana qabsan kara xallinta mobilada, laga bilaabo mid adag, waa guul aad u weyn oo faa'iido leh. Waxa halkan lagu sharaxay macnaheedu maaha in aad mar horeba ku tababartay naqshadaynta jawaab celinta. Taas awgeed, cilmi baaris badan ayaa loo baahan yahay.
Sababtoo ah asaas aad u badan, aqoon iyo barasho badan oo kala duwan oo la soo koobay, habab farsamo oo badan ayaa loo baahan lahaa.
Sida Loo Sameeyo Shabakad Kajawaabi karta – Talooyin U Danbaysan
Si loo soo gabagabeeyo, waxaa muhiim ah in la ogaado in naqshadeynta jawaab celinta ay tahay waxa hadda ku jira shabakada. Naqshadaynta shabakada noocan oo kale ah waxay u baahan tahay hab cusub oo feker ah. Samaynta mareegahan waxa ay noqon kartaa mid sahlan adiga oo raacaya talooyinka soo socda:
- Ka fakar mobilka marka hore: Markaad naqshadaynayso, way ku habboon tahay inaad marka hore bilawdo adigoo la qabsanaya cabbirka yar ee shaashadda moobaylka. Sidaa darteed, ka dib markii la isku hagaajiyo nuxurka muraayadaha cabbirrada waaweyn. Sababtoo ah, markaad maskaxda ku hayso naqshadaynta taleefanka gacanta, waxaad noqon kartaa mid ujeedo leh oo leh nuxurka loo baahan yahay in lagu soo bandhigo bogga, ka tago kaliya waxa muhiimka ah in la soo bandhigo.
- Ha hagaajin nashqadaynta moobil ama tablet gaar ah
- Raac heerarka iyo dhaqamada wanaagsan: Tusaale ahaan, ha isticmaalin qaababka CSS ee lagu qeexay faylka laftiisa, gudaha Html tags.
- Iska ilaali inaad addoon u noqoto pixel-ka naqshadeynta: Maskaxda ku hay in canaasiirta ay helaan booska u dhigma. Tani waa sababta oo ah waxay la socdaan dareeraha weelasha iyo cabbirka. Marka ay dhacdo in aan loo soo bandhigin sidii la rabay, kaliya hagaaji qaabka walxaha adoo adeegsanaya weydiimaha warbaahinta.