ویب پرتوں کی تین تہوں

کیوں کہ تمام ویب سائٹس ڈھانچہ، سٹائل، اور طرز عمل کے مجموعہ کے ساتھ بنائے جاتے ہیں

ایک عام تعصب جو سامنے کے آخر میں ویب سائٹ کی ترقی کی وضاحت کرنے کے لئے استعمال کیا جاتا ہے، یہ یہ ہے کہ یہ 3 ٹانگوں والا اسٹول کی طرح ہے. یہ 3 ٹانگیں، جسے ویب کی ترقی کی 3 تہوں کے طور پر بھی جانا جاتا ہے، ساخت، انداز، اور طرز عمل ہیں.

ویب ڈویلپر کے تین پرتوں

• ساخت یا مواد کی پرت
  • ویب صفحہ کی ساخت یا مواد کی پرت اس صفحہ کے بنیادی HTML کوڈ ہے. گھر کے فریم کی طرح ایک مضبوط بنیاد بناتا ہے جس کے باقی باقی گھر تعمیر کیے جاتے ہیں، لہذا ایچ ٹی ایم ایل کی ایک ٹھوس بنیاد ایک ایسی پلیٹ فارم تشکیل دیتا ہے جس پر ویب سائٹ تخلیق کی جا سکتی ہے. ایچ ٹی ایم ایل ڈھانچہ متن یا تصاویر پر مشتمل ہوسکتا ہے اور اس میں ہائپر لنکس بھی شامل ہیں جو زائرین اس ویب سائٹ کے گرد تشریف لے کر استعمال کرتے ہیں.
• انداز یا پریزنٹیشن پرت
  • سٹائل یا پریزنٹ پرت یہ بتاتا ہے کہ کس طرح ایک ایچ ٹی ایم ایل دستاویز ویب سائٹ کے زائرین کو نظر آئے گا. اس پرت کو سی ایس ایس کی طرف سے متعارف کرایا جاتا ہے (Cascading Style Sheets). ان فائلوں میں ایسی شیلیوں شامل ہیں جو اس بات کی نشاندہی کرتے ہیں کہ براؤزر میں براؤزر کیسے دکھایا جانا چاہئے. آج کے ویب پر، طرز پرت میں میڈیا سوالات بھی شامل ہوسکتے ہیں جو مختلف سکرین کے سائز اور آلات پر مبنی سائٹ کے ڈسپلے کو تبدیل کرسکتے ہیں.
• سلوک
  • رویے کی پرت ایک ویب صفحہ کی پرت ہے جس میں مختلف صارف کی کارروائیوں کا جواب دیا جا سکتا ہے یا حالات کی سیٹ پر مبنی ایک صفحے پر تبدیلی کرسکتا ہے. زیادہ سے زیادہ ویب صفحات کے لئے، رویے کی سطح صفحے پر جاوا سکرپٹ کی بات چیت ہوگی.

آپ کو پرتوں کو علیحدہ کیوں ہونا چاہئے؟

جب آپ ویب صفحہ بن رہے ہیں تو، تہوں کو رکھنے کے لئے یہ ممکن ہے کہ جتنا ممکن ہو جاسکتا ہے. ساخت کو آپ کے ایچ ٹی ایم ایل، سی ایس ایس پر بصری شیلیوں، اور کسی بھی سکرپٹ کے طرز عمل سے متعلق سائٹ پر استعمال کرنا چاہئے.

تہوں کو الگ کرنے کے کچھ فوائد ہیں:

• مشترکہ وسائل
  • جب آپ بیرونی سی ایس ایس فائل یا جاوا اسکرپٹ فائل لکھتے ہیں تو، آپ اپنی ویب سائٹ کے کسی بھی صفحے کے ذریعہ اس فائل کا استعمال کرسکتے ہیں. اگر آپ اس فائل میں تبدیلی کرنے کی ضرورت ہے تو، شاید ویب سائٹ پر کچھ ٹائپاتی شیلیوں کو اپ ڈیٹ کرنے کے لئے، اس شیلیڈیٹ کا استعمال کرتے ہوئے ہر صفحے میں تبدیلی مل جائے گی. انفرادی طور پر ویب سائٹ کے ہر صفحے کو ترمیم کرنے کی کوئی ضرورت نہیں ہے، جس کے لئے بڑی سائٹ ایک زبردست ابتداء ہوسکتی ہے.
• تیز ڈاؤن لوڈ
  • ایک بار آپ کے گاہک کی طرف سے اسکرپٹ یا شیلیوں کی شناخت کو ڈاؤن لوڈ کرنے کے بعد پہلی بار، یہ ان کے ویب براؤزر کی طرف سے جاسکتا ہے. چونکہ یہ مشترکہ وسائل اب کیش میں موجود ہیں، دوسرے صفحات جن براؤزر میں مزید درخواست کی جاتی ہیں، جو مجموعی طور پر صفحہ کی رفتار اور کارکردگی کو بہتر بنا رہے ہیں.
• کثیر افراد ٹیمیں
  • اگر آپ کے پاس ویب سائٹ پر ایک سے زیادہ افراد کام کر رہے ہیں تو، آپ اس نظام کو استعمال کرسکتے ہیں کہ "ان میں چیک کریں" اور "فائلوں کو چیک کریں" کے لۓ اس بات کا یقین کرنے کے لئے کہ ہر ٹیم کو ان فائلوں کے تازہ ترین ورژن کے ساتھ کام کر رہا ہے. ایسا کرنا بہت مشکل ہے اگر سٹائل اور طرز عمل ساختہ دستاویزات کے ساتھ متصل ہیں.

• SEO
  • اس سائٹ پر جو سٹائل اور ڈھانچہ کی واضح علیحدگی ہے وہ تلاش کے انجن کے لئے بہتر کارکردگی کا مظاہرہ کر سکتا ہے کیونکہ ان سائٹس کو زیادہ مؤثر طریقے سے اس مواد کو کرال سکتا ہے اور بصری سٹائل یا رویے کی معلومات سے بھرا ہوا بغیر بغیر صفحہ کو سمجھ سکتا ہے.
• رسائی
  • بیرونی سٹائل کے شیٹس اور سکرپٹ کی فائلیں لوگوں اور براؤزرز تک زیادہ قابل رسائی ہیں. کیونکہ اس طرز اور ساخت کی علیحدگی کی وجہ سے، اسکرین قارئین کی طرح سافٹ ویئر زیادہ آسانی سے شیلیوں کی طرف سے بھوک لگی ہے کہ وہ ویسے بھی استعمال نہیں کر سکتے ہیں بغیر ساخت کی پرت سے مواد پر عملدرآمد کر سکتے ہیں.
• پیچھے اگلا، دوسرا مطابقت
  • جب آپ کے پاس ایسی ویب سائٹ ہے جو ترقیاتی تہوں کے ساتھ ڈیزائن کیا گیا ہے، تو یہ زیادہ پیچھے ہو جائے گا کیونکہ براؤزر یا آلہ جس میں کچھ سی ایس ایس شیلیوں کا استعمال نہیں ہوسکتا ہے یا جاوا اسکرپٹ معذور ہو سکتا ہے HTML ابھی بھی دیکھ سکتا ہے. اس کے بعد آپ کی ویب سائٹس کو ان کی حمایت کرنے والی براؤزروں کے ساتھ ترقیاتی طور پر بڑھایا جا سکتا ہے.

ایچ ٹی ایم ایل - ساخت پرت

ڈھانچہ کی پرت یہ ہے جہاں آپ اپنے تمام گاہکوں کو پڑھتے ہیں جو آپ کے گاہکوں کو پڑھنے یا دیکھنا چاہتے ہیں. یہ معیار کے مطابق ایچ ٹی ایم ایل 5 میں کوڈڈ کیا جائے گا اور اس میں متن اور تصاویر اور ملٹی میڈیا (ویڈیو، آڈیو، وغیرہ) بھی شامل ہوسکتی ہے. اس بات کو یقینی بنانے کے لئے ضروری ہے کہ آپ کی سائٹ کے مواد کا ہر پہلو ساخت کی پرت میں پیش کیا جائے. اس سے کسی ایسے گاہکوں کی اجازت دیتا ہے جو جاوا سکرپٹ کو بند کر دیا گیا ہے یا جو سی ایس ایس نہیں دیکھ سکتا ہے وہ پوری ویب سائٹ تک رسائی حاصل کرسکتا ہے، اگر اس سائٹ کی تمام فعالیت نہیں ہے.

سی ایس ایس - طرزیں پرت

آپ اپنی ویب سائٹ کے لئے بیرونی انداز شیٹ میں اپنے تمام بصری شیلیوں کو تخلیق کریں گے. آپ ایک سے زیادہ شیلیوں شیٹ استعمال کرسکتے ہیں، لیکن یاد رکھیں کہ ہر علیحدہ سی ایس ایس فائل کو HTTP درخواست کی ضرورت ہوتی ہے، جس کی وجہ سے سائٹ کی کارکردگی پر اثر انداز ہوتا ہے.

جاوا اسکرپٹ - طرز عمل پرت

جاوا اسکرپٹ کی رویے کی پرت کے لئے سب سے زیادہ عام طور پر استعمال شدہ زبان ہے، لیکن جیسا کہ میں نے پہلے ذکر کیا ہے، سی جی آئی اور پی ایچ پی بھی ویب پیج کے طرز عمل کو پیدا کرسکتے ہیں. یہ کہا جا رہا ہے، جب زیادہ تر ڈویلپرز رویے کی پرت کا حوالہ دیتے ہیں، تو یہ مطلب یہ ہے کہ اس پرت کو ویب براؤزر میں براہ راست چالو کیا جاتا ہے - لہذا جاوا سکرپٹ تقریبا ہمیشہ انتخاب کی زبان ہے. آپ کو براہ راست ڈوم یا دستاویز آبجیکٹ ماڈل کے ساتھ بات چیت کرنے کے لئے اس پرت کا استعمال کرتے ہیں. صحیح HTML میں مواد کی پرت میں لکھنے کا رویہ پرت میں ڈوم تعامل کیلئے بھی ضروری ہے.

جب آپ رویے کی پرت میں تعمیر کرتے ہیں، تو آپ کو بیرونی سکرپٹ فائلوں کو صرف CSS کے ساتھ استعمال کرنا چاہئے. آپ بیرونی طرز شیٹ کو استعمال کرنے کے تمام فوائد حاصل کرتے ہیں.