د ویب پاڼې په مخکښ ډیزاین کې زده کړه

د ویب ډیزاین تل د ګرافیک او چاپ ډیزاین نړۍ له مدیرونو او تعریفونو څخه پور اخیستی دی. دا په ځانګړې توګه ریښتیا ده کله چې دا د ویب ټیکپوهنې ته راځي او هغه لاره چې موږ یې زموږ په ویب پاڼې کې د لیک سمونونه لرو. دا موازي تل د 1 څخه تر 1 ژباړې نه دي، مګر تاسو یقینا په ډاګه کولی شئ چیرې چې یو نظم د بل چا اغیز لري. دا په ځانګړې توګه څرګنده ده کله چې تاسو د دوديز ډول ډول اصطالح "مخکښ" او د سی ایس ایس شتمنۍ تر مینځ اړیکه په پام کې ونیسئ چې "د لین-لوړې" په نامه یاديږي.

د رهبري هدف

کله چې خلک د دستګاه پاڼې ته د ډول ډول ډوله بڼه کولو لپاره په دستګاه ډول د هستۍ دستګاه یا د لرګو لیکونو کارول کېده، د لیږد لرې ټوټې ټوټه د متن افقی قطارونو تر مینځ کېښودل شوي ترڅو د دغو لینونو ترمنځ فاصله رامینځته کړي. که تاسو لوی ځای غواړئ، نو تاسو به د مشر لوی لوی ټوټې داخل کړئ. دا د "مخکښ" اصطالح سره سمون لري. که تاسو د ټیکولوژیک ډیزاین او مدیرانو په اړه په کتاب کې "مخکښ" اصطالح وګورئ، دا به د یو څه مطالعې لپاره د "ډول ډول ډول ډول ډولونو تر مینځ فاصله" لوستل شي.

په ویب ډیزاین کې مخکښ

په ډیجیټل ډیزاین کې، د اصطالح اصطالح لا تراوسه د متن لینونو ترمنځ فاصله ته اشاره کولو لپاره کارول کیږي. ډیری پروګرامونه دا سمه اصطلاح کاروي، حتی که رښتینې مشرتابه په دغو پروګرامونو کې کارول نه وي. دا د ډیزاین نوي ډولونه دي چې د رواجونو څخه د نظرونو پور اخیستل خورا ښه مثال دی، که څه هم د اصولو اصالح کولو بدلون بدل شوی.

کله چې دا د ویب ډیزاین سره راځي، د "مخکښ" لپاره د سی ایس ایس ملکیت شتون نلري. پرځای یې، د سي ایس ایس ملکیت چې د متن د دې بڼې ډیزاین به یې په غاړه واخلي د لیک لوړې. که تاسو غواړئ خپل متن اضافي متن ولرئ د متن افقی قطارونو ترمنځ، نو تاسو به د دې ملکیت کاروئ. د مثال په توګه، تاسو غواړئ چې ستاسو د سایټ <اصلي> عنصر دننه د ټولو پراګرافونو لپاره کرښه لوړه کړئ ، تاسو کولی شئ دا داسې خوښ کړئ:

اصلي پاڼه: قد: 1.5؛ }

دا به د پاڼې د ډیزاین د اندازې د اندازې پر اساس د معمول کرښې لوړوالی 1.5 ځله وي (چې عموما 16px وي).

کله چې د لین کچی څخه کار واخلئ

لکه څنګه چې پورته تشریح شوي، د کچې لوړوالی د پیراګراف یا نورو متنونو په متنونو کې د متن لیکونو ځای په ځای کولو لپاره مناسبه ده. که چیرې د لینونو ترمنځ لږ ځای شتون ولري، متن کولی شي ټوټه شي او د لیدونکو لپاره ستاسو سایټ ته د لوست لپاره ستونزمن وي. په ورته ډول، که چیرې لیکونه په پاڼه کې ډیره فاصله ولري، د مطالعې عادي جریان به خنډ وي او لوستونکي به د دې متن لپاره ستاسو متن سره ستونزه ولري. له همدې امله تاسو غواړئ د اندازې کچې د کچې لوړوالي لپاره کار واخیست. تاسو کولی شئ خپل ډیزاین د اصلي کاروونکو سره معاینه کړي ترڅو د پاڼې د لوست په اړه دوی نظرونه ترلاسه کړي.

کله چې د لین کچی نه کارول کیږي

د لینډ یا ګنډلو سره مساوي مه کوئ مه کوئ چې تاسو به د سپیټ اسپیس د خپل پاڼې ډیزاین ته اضافه کړئ، په ګډون د سرلیک یا پراګرافونو. دا فاصله نده لیږل شوی، او له همدې امله دا د لوړوالی له پلوه ندي سمبال شوی.

که تاسو د ځانګړو متن عناصرو لاندې ځای ځای غواړئ نو تاسو به د حاصالتو یا ګنډلو څخه کار واخلئ. د پخوانۍ سی ایس ایس بېلګې ته ورګرځول چې موږ یې کارولو، موږ کولی شو دا اضافه کړو:

اصلي پاڼه: قد: 1.5؛ margin-bottom: 24px؛ }

دا به زموږ د پاڼې د پراګراف (متن <اصلي> عنصر دننه) لپاره د متن لینونو تر منځ 1.5 لیکه لوړوالی ولري. هغه پیراګرافونه به هم د هر یو تر مینځ 24 سایټ سپیټ ولري، د لید لیدونو لپاره اجازه ورکوي چې لوستونکي ته په آسانۍ سره له یوې پیراګراف څخه پیژندل کیږي او د ویب پاڼې لوستل آسانه کړي. تاسو کولی شئ د حاالتو په ځای کې د ګڼې ګوڼې ملکیت هم کارولی شئ:

اصلي پاڼه: قد: 1.5؛ padding-bottom: 24px؛ }

په نږدې ټولو قضیو کې، دا به د پخوانی سی ایس ایس په څیر وښيي.

ووایاست چې تاسو غواړئ د لیست هغه توکي چې د "خدماتو مینو" سره یو لړ لیست کې وو، تاسو به د دې لپاره کار کولو لپاره ګنډل یا ګنډلو څخه کار واخلئ، د قطار نه لوړوالی. نو دا به مناسبه وي.

.services menu menu {{padding-bottom: 30px؛ }

تاسو به یوازې د لین اونچۍ کارول غواړئ که تاسو غواړئ د لیست - توکو ځانونه دننه متن دننه کړئ، داسې انګیرل چې دوی د متن اوږدمهاله چلن لري چې کولی شي د هر ګولۍ نقشه لپاره ډیرو لینونو ته لاړ شي.