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