HTML

جب ایک ویب پیج کسی براؤزر میں لوڈ ہوتا ہے تو HTML پر لگائے گئے CSS رولز بھی اس کے ساتھ لوڈ ہوتے ہیں۔ یہ اسٹائل رولز ویب پیج کے ساتھ منسلک کی گئی اسٹائل شیٹ فائل میں بھی ہو سکتے ہیں، ویب پیج کے head ٹیگ کے اندر موجود style ٹیگ میں بھی ہو سکتے ہیں، اور HTML کے کسی انفرادی ٹیگ کے اندر بھی ہو سکتے ہیں۔ جونہی ویب پیج لوڈ ہوتا ہے براؤزر HTML پر CSS رولز اپلائی کر کے یہ ویب پیج صارف کو دکھا دیتا ہے۔ اگر آپ چاہتے ہیں کہ آپ کی ایپلی کیشن کا صارف ویب پیجز کے منتخب اسٹائلز اپنی مرضی سے تبدیل کر سکے، تو اس کام کے لیے Javascript استعمال کیا جا سکتا ہے جو ویب پیج کو دوبارہ لوڈ کیے بغیر فوری طور پر مطلوبہ CSS اسٹائلز HTML پر لگا دیتا ہے اور براؤزر اس تبدیلی کو فوراً‌ دکھا دیتا ہے۔ مکمل تحریر

کوئی ڈیویلپر یہ نہیں چاہتا کہ صارف غلط معلومات مہیا کرے۔ غلط ان معنوں میں کہ نام کی جگہ فون نمبر مہیا کر دیا جائے، ای میل کی جگہ پوسٹل کوڈ لکھ دیا جائے، اور جو معلومات درکار ہیں وہ فراہم کیے بغیر ہی فارم بھیج دیا جائے۔ اگر ایسی معلومات کی پڑتال (Validation) نہ کی جائے تو آپ سمجھ سکتے ہیں کہ ڈیٹابیس میں کس قسم کا ڈیٹا محفوظ ہوگا اور یہ ڈیٹابیس آپ کے لیے کتنی مفید ثابت ہوسکے گی۔ معلومات کی پڑتال کے لیے نئے ڈیویلپرز Javascript بھی استعمال کرتے ہیں جو کہ کسی طرح سے بھی محفوظ طریقہ نہیں ہے، اس لیے کہ یہ کوڈ صارف کے کمپیوٹر پر ویب براؤزر میں چلتا ہے، جبکہ آج کل ایسے ٹولز (Firebug وغیرہ) باآسانی دستیاب ہیں جنہیں استعمال کرتے ہوئے ویب پیج سے Javascript کوڈ ختم کر کے HTML فارم میں اپنی مرضی کی معلومات بھر کر بھیجی جا سکتی ہیں۔ مکمل تحریر

کسی بھی ویب پیج کا بنیادی ڈھانچہ HTML پر ہوتا ہے، جبکہ HTML ایلیمنٹس کو منظم اور خوبصورت بنانے کے لیے CSS کوڈ استعمال کیا جاتا ہے۔ مثلاً‌ ویب پیج میں پیراگراف کی لکھائی کا رنگ کیا ہو، اس کے لیے کونسا فونٹ استعمال کیا جائے، فونٹ کا سائز کیا رکھا جائے، اور ایک پیرا گراف سے دوسرے پیرا گراف کا فاصلہ کتنا ہونا چاہیے، یہ سب کچھ CSS کی مدد سے طے کیا جاتا ہے۔ اس کے علاوہ ویب پیج میں HTML ایلیمنٹس کی پوزیشن بھی CSS کی مدد سے سیٹ کی جاتی ہے- مثلاً‌ کونسا کالم صفحہ کے دائیں طرف، کونسا کالم درمیان میں، اور کونسا کالم صفحہ کے بائیں جانب ہونا چاہیے وغیرہ۔ مکمل تحریر

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

ویب پروگرامنگ کے دوران بعض دفعہ ڈیٹابیس کے ریکارڈز دکھانے کے لیے HTML ٹیبل تیار کرنے کی ضرورت پیش آتی ہے۔ یہ ٹیبل اگر چھوٹے سائز کا ہو تو جلدی سے اس کا کوڈ لکھا جا سکتا ہے۔ لیکن اگر یہ بڑے سائز کا ٹیبل ہو تو پھر ہاتھ سے اس کا کوڈ لکھنے میں دقت محسوس ہوتی ہے۔ میرے کمپیوٹر پر چونکہ ایسا کوئی سافٹ ویئر موجود نہیں ہے جو گرافیکل یوزر انٹرفیس کی مدد سے ویب پیج بنانے میں مدد دیتا ہو، اس لیے میں اس مقصد کے لیے ckeditor.com پر موجود Demo استعمال کر لیتا ہوں۔ CK Editor دراصل ایک پلگ ان ہے جسے آپ اپنی ویب ایپلی کیشن میں شامل کر کے صارفین کو WYSIWYG کی صورت میں ویب پیج بنانے کی سہولت فراہم کر سکتے ہیں۔ مکمل تحریر

گزشتہ دنوں ایک کلائنٹ کی طرف سے مجھے ای میل موصول ہوئی کہ ان کی ایپلی کیشن کے ریزرویشن فارم میں جو ایئر لائنز کا ڈراپ ڈاؤن مینیو ہے، وہ ان کی ضرورت پوری نہیں کر رہا۔ چنانچہ انہوں نے ایک ویب پیج کا لنک بھیجا کہ اس پر موجود ایئر لائنز کی فہرست ہمیں اپنے ریزرویشن فارم کے ڈراپ ڈاؤن میں چاہیے۔ اب مسئلہ یہ تھا کہ اس ویب پیج پر ایئر لائنز کی یہ فہرست ایک HTML ٹیبل کی شکل میں تھی جس میں دیگر غیر ضروری کالمز بھی موجود تھے۔ اس کا بظاہر حل یہ تھا کہ میں ایئر لائنز کے کالم سے ایک ایک کر کے ویلیوز کاپی کرتا اور انہیں ڈراپ ڈاؤن مینیو کے آپشنز کی شکل دیتا۔ لیکن ایسا کرنے کا مطلب یہ تھا کہ میں دو گھنٹے اسی کام پر لگا دیتا، کیونکہ یہ ویلیوز تقریباً‌ اڑھائی سو کے لگ بھگ تھیں۔ مکمل تحریر

ویب فارم میں چیک باکسز اس لیے شامل کیے جاتے ہیں تاکہ مختلف چیزوں کے بارے میں صارف کی دل چسپی معلوم کی جا سکے۔ چیک باکس کی مدد سے کسی معاملے میں صارف سے ہاں یا ناں میں جواب معلوم کیا جاتا ہے۔ اگر صارف نے چیک باکس منتخب کیا ہے تو اس کا مطلب ہاں ہے، اگر نہیں کیا تو اس کا مطلب ناں ہے۔ اس ٹٹوریل میں یہ بتایا گیا ہے کہ صارف جب HTML فارم سرور پر بھیجتا ہے تو سرور پر موجود PHP کوڈ میں اس فارم کے چیک باکسز کی ویلیوز کیسے حاصل کی جا سکتی ہیں۔ آئیں اس کے دو طریقے دیکھتے ہیں: مکمل تحریر

HTML میں امیج میپ بنانے کی سہولت دی گئی ہے کہ آپ کسی بھی تصویر کے مختلف حصوں پر لنکس بنا سکتے ہیں۔ مثلاً‌ کسی میڈیکل پراجیکٹ میں انسانی جسم کی تصویر کے اوپر مختلف لنکس بنائے جا سکتے ہیں، یعنی جسم کے اعضاء پر کلک کرنے سے الگ الگ ویب پیجز کھولے جا سکتے ہیں۔ یا مثال کے طور پر کسی ملک کے نقشے کی تصویر کے اوپر مختلف شہروں کے لیے الگ الگ لنکس بنا کر انہیں مختلف ویب پیجز وغیرہ کے ساتھ منسلک کیا جا سکتا ہے۔ یا بالفرض آپ نے کسی موضوع پر ایک انفوگرافک تیار کی ہے اور آپ چاہتے ہیں کہ اس کے مختلف حصوں پر کلک کرنے سے کسی ویڈیو پر مشتمل ویب پیج کھل جائے، کوئی ڈاکومنٹ ڈاؤن لوڈ ہو جائے، یا کوئی ویب سائیٹ کھل جائے وغیرہ۔ آئیں اس کا طریقہ دیکھتے ہیں: مکمل تحریر