Barashada Ku Saabsan Hoggaaminta Webka

Naqshadeynta Webka ayaa had iyo jeer ka soo amaahday maamulayaasha iyo qeexitaanada aduunka ka mid ah qaababka garaafka iyo daabacaadda. Tani waxay si gaar ah u tahay marka ay timaado nooca shabakada webka iyo habka aan u helno waraaqo ku qoran boggayaga internetka. Isbarbar dhigidaani maahan had iyo jeer 1 ilaa 1 turjubaan, laakiin waxaad hubin kartaa meesha hal curyaamin saameyn ku yeeshay kan kale. Tani waxay si cad u muuqataa markaad tixgeliso xiriirka u dhexeeya ereyga caadiga ah ee "caansan" iyo "hantida CSS " oo loo yaqaan "line-height."

Ujeedada Hogaaminta

Marka dadku isticmaalaan waraaqaha muraayadda ama qoraallada qoryaha ah si ay u abuuraan noocyada daabacaadda bogga daabacan, qaybo khafiif ah oo rasaas ah ayaa la dhigaa xarfaha uumiga ah ee qoraalka si loo abuuro xuduudaha u dhaxeeya khadadkaas. Haddii aad rabto meel bannaan oo weyn, waxaad gelisaa qaybo badan oo macdanta ledhka ah. Tani waa sida ereyga "hoggaamiye" loo sameeyay. Haddii aad kor u qaadday ereyga "hoggaamiye" buug ku saabsan qaabka qaabeynta qaabka iyo maamulayaasha, waxay wax u akhrin lahayd wax saameyn ah - "fogaanta u dhaxaysa mowqifka noocyada kala duwan ee noocyada."

Hogaaminta Web Design

Naqshad dhijitaalka ah, ereyga hoggaamineed ayaa wali loo isticmaalaa in loo tixraaco xuddunta u dhaxaysa xariiqda qoraalka. Barnaamijyo badan ayaa isticmaala ereygan saxda ah, xitaa haddii hogaaminta dhabta ah ee aan loo adeegsanin barnaamijyadaas. Tani waa tusaale weyn oo ah qaababka cusub ee naqshadeynta amaahda laga soo amaahdo fikradaha ka soo jeeda qowmiyadaha caadiga ah, xitaa haddii fulinta dhabta ah ee mabda'a ah uu isbedelay.

Marka ay timaado naqshadda webka, ma jirto hantida CSS "hogaamin". Taa baddalkeeda, hantida CSS ee qaban doonta muuqaalkan muuqaal ee qoraalka ah waxaa loo yaqaannaa xariijin. Haddii aad rabto in qoraalkaagu yahay meel bannaan oo u dhexeeya xariiqyada jiifka ah ee qoraalka, waxaad isticmaali doontaa hantidan. Tusaale ahaan, waxaad dhahdaa inaad rabto inaad sare u qaaddo xariiqda dhererka dhammaan qaybaha gudaha 'main' ee qaybtaada , waxaad sameyn kartaa sidaan oo kale:

muhiimka ah p {line-height: 1.5; }

Tani waxay hadda noqoneysaa 1.5 jeer heerka dheriga caadiga ah, oo ku saleysan cabbirka cabbirka sawirka bogga (oo caadi ahaan 16px).

Goorta la Isticmaalayo Khadka-Dhererka

Sida faahfaahinta kor ku xusan, dhererka xariggu waa ku habboon yahay in la isticmaalo si loo galo xariiqyada qoraalka ee cutubyada ama qaybaha kale ee qoraalka. Haddii uu jiro meel aad u yar inta u dhaxaysa xariiqyada, qoraalka ayaa noqon kara mid jajaban oo adagtahay in lagu akhriyo daawadayaasha goobtaada. Sidoo kale, haddii xariiqyada aad u kala fog yihiin bogga, socodka caadiga ah ee aqriska waa la joojin doonaa, akhristayaashuna waxay dhib ku noqon doonaan qoraalkaaga sababtaas awgeed. Tani waa sababta aad u rabto inaad heshid qadarka saxda ah ee isku-xirnaanta xariijinta si aad u isticmaasho. Waxaad sidoo kale tijaabin kartaa naqshaddaada isticmaalayaasha dhabta ah si ay u helaan jawaab-celin ku saabsan akhrinta bogga .

Marka aanad Isticmaalin Khadka-Dhererka

Ha ku wareerin xariijinta xariijinta dhererka ama dhererka waxaad u isticmaali laheyd in aad ku darto naqshadeynta naqshadda boggaaga, oo ay ku jirto hoosta cinwaanka ama cutubyada. Fidintaasi maaha mid hogaaminaysa, sidaas darteedna laguma xallin karo xariijin.

Haddii aad rabto in aad ku darto meel bannaan oo ka mid ah qodobada qoraalka qaarkood, waxaad isticmaali kartaa margins ama ciriiri. Ku laabashada tusaalihii hore ee CSS ee aan isticmaalnay, waxaan ku dari karnaa tan:

muhiimka ah p {line-height: 1.5; Qeybta hoose: 24px; }

Tani waxay weli lahaaneysaa 1.5 dhererka xariiqda u dhexeeya xariiqda qoraalka ee boggageena bogga (kuwa ku jira gudaha ). Qodobadaasi waxay sidoo kale leeyihiin 24 pixels oo ka mid ah midba midka ka mid ah, taas oo u ogolaaneysa fasaxyada muuqaalka ah ee u oggolaanaya akhristayaasha inay si fudud u aqoonsadaan hal cutub oo ka soo jeeda isla markaana u sahlaya internetka in ay sameeyaan. Waxa kale oo aad isticmaali kartaa haraaga dhismaha meel ka baxsan halkan:

muhiimka ah p {line-height: 1.5; daaqada-hoose: 24px; }

Dhammaan kiisaska oo dhan, tani waxay muujinaysaa isla sidii CSS hore u ahayd.

Waxaad sheegtaa inaad rabtay inaad ku darto kala-geyn hoose oo liisaska liiska ku jira liiska oo leh fasal "adeegyo-menu", waxaad isticmaashaa margins ama ciriiri si aad sidaas u sameysid, MA LIISKA xariijinta. Sidaas awgeed tani waxay noqon kartaa mid haboon.

.services-menu sida {padding-bottom: 30px; }

Waxaad isticmaali kartaa oo keliya halka ugu sareysa halkan haddii aad dooneysid inaad u dhigto kala-soocidda qoraalka ee liiska waxyaabaha-liiska, iyagoo u maleynaya in ay haystaan ​​dherer dherer ah oo qoraal ah oo u ordi karo xariiqyo badan oo loogu talagalay dhibic kasta.