د ویب ډیزاین درې درزونه

ولې ویب پاڼې د جوړښت، طرزالعمل او چلند سره یو ځای جوړې شوي دي

یو عام تعزیر چې د مخنیوی پای ویب پاڼې پراختیا لپاره کارول کیږي دا دا ده چې دا د دری پوړ لرونکي پښې په څیر دی. دا درې پښې، چې د ویب پاڼې د 3 پرتونو په نوم هم پیژندل کیږي، جوړښت، بڼه، او چلند دي.

د ویب پراختیا درې درزونه

• جوړښت یا د منځپانګې پرت
  • د ویب پاڼې جوړښت یا منځپانګې پرت د دې پاڼې اصلي HTML code دی. د کور د چوکاټ په څیر یو قوي بنسټ جوړوي چې پاتې نور یې جوړ شوي، نو د HTML یو بنسټیز بنسټ جوړوي چې یو ویب پاڼه یې جوړیږي. د HTML جوړښت کولی شي متن یا انځورونه ولري او پدې کې هغه لینکونه شامل دي چې لیدونکي به د ویب پاڼې شاوخوا کې نیولو لپاره کاروي.
• د انداز یا پریزنټشن پرت
  • د طرز یا پریزنټیر پرت حکم کوي چې څنګه جوړ شوي HTML سند به د سټراټیټ لیدونکو ته ګوري. دا پرت د CSS (Cascading Style Sheets) لخوا تعریف شوی. دا فایلونه داسې ډولونه لري چې دا په ډاګه کوي چې څنګه د ګورت په لټون کې سند باید ښکاره شي. د نن ورځ کې، د اندازې پرت کې د رسنیو پوښتنې شاملې دي چې کولی شي د سټینټ ډیزاین د مختلف اسلوب انداز او وسیلو پر بنسټ بدلون ومومي.
• چلند
  • د چلند لین د ویب پاڼې پرت دی چې کولی شي د کاروونکو مختلفو کړنو ته ځواب ووایي یا په یوه پاڼه کې بدلونونه د شرایطو د وضعیت پر اساس تنظیم کړي. د ډیرو ویب پاڼو لپاره، د چلند کچه به په پاڼه کې جاوا سکریپټیټ اړیکو وي.

ولې باید پرتونه جلا کړئ؟

کله چې تاسو یوه ویب پاڼه جوړه کوئ نو دا د زړه پورې ده چې پرتې طبقې د امکان په جریان کې وساتي. جوړښت باید په HTML کې وي، د سی ایس ایس لیدل شوي شالونه او د هر ډول لیکونو چلندونه چې دا سایټ کاروي.

د پرتونو د جلا کولو ځینې ګټې دا دي:

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

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

HTML - د جوړښت پرت

جوړښت پرت هغه ځای دی چې تاسو ټول هغه محتويات زیرمه کړئ چې ستاسو پیرودونکي یې لوستل یا ګوري. دا به د معیارونو مطابق HTML5 کې کوډ شوی وي او پدې کې متن او انځورونه شامل دي ملٹی میډیا (ویډیو، آډیو، او نور) شامل دي. دا مهمه ده چې ډاډ ترلاسه کړئ چې ستاسو د سټیټ منځپانګې هر اړخ د جوړښت پرت کې استازیتوب کوي. دا هر هغه پیرودونکي ته چې جاوا اسکرپٹ یې بند کړی دی اجازه ورکوي او څوک چې لا تر اوسه د ویب پاڼې ته لاسرسی نلري سی ایس ایس ته نشي کتلی، که د دې سایټ ټول فعالیت نه وي.

سی ایس ایس - د ډول ډول لوری

تاسو به خپل ویب پاڼې د خپل ویب پاڼې لپاره په یوه بهرني سټاټ پاڼه کې جوړ کړئ. تاسو د ډېرو سټیلیلټونو کاروالی شئ، مګر په یاد ولرئ چې د هر جلا جلا CSS فایل د HTTP غوښتنه غوښتنه کوي چې د ساحې فعالیت اغیزمن کړي.

جاوا سکریپټک - د چلند لین

جاوا سکریپټ د چلند د پرت لپاره تر ټولو عام استعمالي ژبه ده، مګر لکه څنګه چې ما مخکې وویل، CGI او PHP کولی شي د ویب پاڼې چلند رامنځته کړي. دا ویل کیږي، کله چې ډیری پراختیاګران د چلند پرت ته اشاره کوي، دوی دا معنی لري چې هغه پرت چې په مستقیم ډول په ویب براؤزر کې فعاله وي - نو ځکه جاوا سکرپٹ تقریبا تل د انتخاب ژبه ده. تاسو دا پرت کاروئ ترڅو مستقیم د DOM یا د سند د موډل ماډل سره اړیکه ونیسئ. د محتوياتو پرتې کې صحيح HTML ليکنه د DOM تعامل لپاره د سلوک په پرت کې هم مهم دي.

کله چې تاسو د چلند په پرت کې جوړ کړئ، نو تاسو باید د بهرنیو سکرپٹ فایلونو څخه لکه د CSS سره کار وکاروئ. تاسو د بهرني روش پاڼه کارولو لپاره ټولې ګټې ترالسه کوئ.