اپنی پہلی سادہ پی ایچ پی ویب سائٹ کیسے بنائیں۔

اپنی پہلی سادہ پی ایچ پی ویب سائٹ کیسے بنائیں۔

بنیادی ویب سائٹ بنانے کا طریقہ سیکھنا چاہتے ہیں؟ ایک بار جب آپ ایچ ٹی ایم ایل کے ساتھ شروع کر سکتے ہیں ، لیکن ان دنوں بہترین حل پی ایچ پی ہے۔ اگرچہ آپ کو شروع کرنے کے لیے ایچ ٹی ایم ایل کے کچھ علم کی ضرورت ہوگی ، پی ایچ پی جامد اور متحرک دونوں طرح کی ویب سائٹس بنانے کے لیے بہترین انتخاب بن گئی ہے۔





پی ایچ پی سیکھنے کے لیے ، شروع کرنے کا بہترین طریقہ ایک سادہ پی ایچ پی ویب سائٹ ہے۔





ویب سائٹ ڈویلپمنٹ کے لیے پی ایچ پی کا انتخاب کیوں کریں؟

کئی سالوں سے ویب ڈویلپمنٹ کے لیے مختلف آپشنز دستیاب ہیں۔ یہ سادہ HTML سے شروع ہوا ، پھر HTML کے ساتھ CSS ایمبیڈڈ یا CSS فائل کا حوالہ۔ جب متحرک ویب سائٹس ساتھ آئیں تو دو اہم انتخاب تھے: ASP (بعد میں ASP.NET) اور PHP۔





اعداد و شمار کے مطابق (جیسے۔ یہ W3Techs سروے پی ایچ پی بہت زیادہ مقبول ہے ، تقریبا 82 82 فیصد ویب سائٹس اسے سرور سائیڈ پروگرامنگ لینگویج کے طور پر استعمال کرتی ہیں۔ ASP.NET کا استعمال کرتے ہوئے اس کا موازنہ صرف 16 فیصد سے کم کریں۔

ایسا لگتا ہے کہ ASP.NET 2022 میں اپنی آفیشل کٹ آف تاریخ کے بعد کسی بھی سرکاری صلاحیت میں موجود ہو گا ، کم از کم ویب ٹیکنالوجی کے طور پر نہیں۔ پی ایچ پی (پی ایچ پی ہائپر ٹیکسٹ پری پروسیسر کا ایک تکراری مخفف) زیادہ کامیاب ثابت ہوا ہے ، بنیادی طور پر لینکس کے ساتھ آسان انضمام کی بدولت۔



چونکہ اوپن سورس آپریٹنگ سسٹم زیادہ تر ویب سرورز پر چلتا ہے ، اس لیے یہ حیران کن نہیں ہونا چاہیے۔

پی ایچ پی ویب سائٹ بنانے کے لیے آپ کو کیا ضرورت ہو گی۔

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





اپنی فائلوں کو اپ لوڈ کرنے کے لیے آپ کے پاس پی ایچ پی ویب سرور بھی ہونا چاہیے۔ یہ ایک ریموٹ سرور ہو سکتا ہے ، یا ایک مقامی کمپیوٹر جس میں LAMP (Linux ، Apache ، MySQL ، PHP) یا WAMP (Windows، Apache، MySQL، PHP) ماحول نصب ہے۔ اگر آپ ونڈوز استعمال کر رہے ہیں تو اس پر عمل کریں۔ WAMP انسٹالیشن گائیڈ شروع کرنے کے لیے.

آخر میں ، آپ کو اپنے ویب سرور پر اپنی فائلیں اپ لوڈ کرنے کے لیے ایک ایف ٹی پی پروگرام کی ضرورت ہوگی۔





مزید پڑھ: ونڈوز کے لیے مفت ایف ٹی پی کلائنٹس۔

پی ایچ پی کا استعمال کرتے ہوئے ایک سادہ ویب سائٹ کوڈ کرنے کے لیے نحو کو سمجھیں۔

پی ایچ پی کے لئے بنیادی نحو زاویہ بریکٹ کا ایک سیٹ استعمال کرتا ہے ، ہر فنکشن نیم کالون کے ساتھ ختم ہوتا ہے ، جیسے:

ویب صفحات کے لحاظ سے ، پی ایچ پی کا تقریبا ہر استعمال ایکو اسٹیٹمنٹ پر انحصار کرتا ہے۔ یہ براؤزر کو ہدایات دیتا ہے کہ حوالہ جات میں متن اور مواد کو آؤٹ پٹ کریں۔ مثال کے طور پر:

کلاسک جی میل میں کیسے تبدیل کیا جائے۔

نوٹ کریں کہ ایچ ٹی ایم ایل کوٹس میں بھی شامل ہے۔ اس کے لیے پیداوار عام طور پر ظاہر ہوگی:

پی ایچ پی کے ساتھ ایک ویب سائٹ بنائیں: ساخت۔

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

جو بھی شکل آپ سائٹ کی ترقی کی پیش گوئی کرتے ہیں ، کاغذ کے ٹکڑے پر ایک فوری منصوبہ بنانے کے لیے وقت نکالیں۔ اس کے بعد آپ اس کا حوالہ دے سکتے ہیں ، شاید مطلوبہ مواد چیک کرنے کے لیے ، یا دیکھیں کہ اسے کس صفحے سے لنک کرنا ہے۔

مدر بورڈ ماڈل کیسے تلاش کریں

ہماری بنیادی پی ایچ پی ویب سائٹ ایک ہوم پیج کو نمایاں کرنے جا رہی ہے ، بشمول سوانحی معلومات اور کچھ تصاویر۔

اس سادہ پی ایچ پی ویب سائٹ کے لیے ، آپ ایک ایچ ٹی پی پیج بنانے جا رہے ہیں جو تین ایچ ٹی ایم ایل پیجز کے مواد پر مشتمل ہے۔ انڈیکس ڈاٹ پی ایچ پی فائل جو آپ بناتے ہیں اس کے بعد اصل ایچ ٹی ایم ایل فائلوں کے الفاظ اور تصاویر کو ایڈجسٹ کرکے ایڈٹ کیا جا سکتا ہے۔

ذیل میں دکھائے گئے کوڈ کی مثالیں اسکرین شاٹس ہیں۔ آپ کو اصل کوڈ مل جائے گا۔ میرا گٹ ہب ذخیرہ۔ ، جو کسی کو بھی ڈاؤن لوڈ کرنے کے لیے مفت ہے۔

پی ایچ پی کی ویب سائٹ بنائیں: ہیڈر۔

پی ایچ پی کا استعمال کرتے ہوئے ویب سائٹ بنانے کے لیے ، آپ کو تین ویب صفحات بنانے کی ضرورت ہوگی۔ یہ ہیڈر ، باڈی اور فوٹر کے بنیادی ڈھانچے پر مبنی ہیں۔

جیسا کہ آپ اندازہ لگا سکتے ہیں ، ہیڈر میں عنوان کی معلومات شامل ہے۔ تاہم ، براؤزر کے لیے معلومات بھی شامل ہیں ، جیسے کہ استعمال میں HTML معیار ، سی ایس ایس حوالوں کے ساتھ۔

header.html نامی فائل بنا کر شروع کریں پھر ہیڈر کی ضروری معلومات شامل کریں۔

اس مثال کے لیے ، ہم نے ایک بنیادی CSS فائل فراہم کی ہے ، جسے آپ دیکھیں گے کہ اس کی اپنی / css / ڈائریکٹری میں حوالہ دیا گیا ہے۔ یہ فائل اس وقت کہلائے گی جب صفحہ آپ کے براؤزر میں لوڈ ہو جائے گا اور مطلوبہ فونٹ اور لے آؤٹ کا اطلاق کرے گا۔

اپنے پی ایچ پی ویب پیج باڈی میں مواد ڈالیں۔

ہر ویب صفحہ ایک مواد کے حصے پر مشتمل ہوتا ہے جسے 'باڈی' کہا جاتا ہے۔ یہ اس صفحے کا حصہ ہے جسے آپ پڑھتے ہیں --- جو آپ ابھی پڑھ رہے ہیں وہ اس صفحے کا حصہ ہے۔

body.html نامی فائل بنائیں اور وہ معلومات شامل کریں جسے آپ صفحے پر شامل کرنا چاہتے ہیں۔ میں نے اپنے MakeUseOf مصنف کے صفحے سے سوانحی تفصیلات شامل کی ہیں ، لیکن آپ جو چاہیں شامل کر سکتے ہیں۔

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

یہ کچھ اس طرح ہو سکتا ہے:

کوڈ کے ساتھ ، فائل کو محفوظ کریں۔

اپنی سادہ پی ایچ پی ویب سائٹ کو ایک ساتھ رکھنا۔

/ html / میں تین الگ الگ ایچ ٹی ایم ایل فائلوں کے ساتھ آپ پی ایچ پی ایکو کو ایک صفحے میں مرتب کرنے کے لیے استعمال کر سکتے ہیں۔

ایک نئی پی ایچ پی فائل بنائیں جسے کہتے ہیں۔ index.php اس میں درج ذیل تین سطروں کے ساتھ:



محفوظ کریں ، اپنے سرور پر اپ لوڈ کریں ، پھر index.php پر براؤز کریں۔ آپ کو اپنے براؤزر میں مکمل ویب صفحہ دیکھنا چاہیے۔ ذہن میں رکھیں کہ اصل پی ایچ پی فائل جو آپ نے اپنے براؤزر میں کھولی ہے وہ صرف تین لائنوں پر مشتمل ہے۔

آخر میں ، آپ آخری لائن کے ساتھ تھوڑا پی ایچ پی پھل پھول سکتے ہیں۔ کاپی رائٹ نوٹس شامل کریں ، ہمیشہ اپ ڈیٹ ہونے والے سال کے ساتھ:

Copyright © CM Cawley

یہ فوٹر کے بعد index.php فائل میں ظاہر ہوگا۔ غور کریں کہ ایکو ڈیٹ ('Y') بیان موجودہ سال کو چار ہندسوں میں کیسے دکھاتا ہے۔ آپ W3Schools کے اختیارات کی اس فہرست کا حوالہ دے کر اسے تبدیل کرنے کا طریقہ تبدیل کر سکتے ہیں۔ مثال کے طور پر ، ایک چھوٹا کیس 'y' سال کو چار کے بجائے دو ہندسوں کی شکل میں دکھائے گا۔

CSS کو پوزیشن اور سٹائل کے لیے استعمال کریں ، جیسا کہ آپ کسی دوسرے عنصر کے ساتھ کریں گے۔ دوسرے سادہ پی ایچ پی ویب سائٹ کوڈ کے ساتھ ، گٹ ہب مخزن میں اس پروجیکٹ کے لیے سی ایس ایس تلاش کریں۔

انٹرنیٹ سے منسلک ہے لیکن انٹرنیٹ نہیں ہے۔

بہت خوب --- آپ نے ابھی اپنی پہلی پی ایچ پی ویب سائٹ شروع سے ہی بنائی ہے۔

کیا پی ایچ پی کوڈنگ ویب سائٹس کے لیے بہترین انتخاب ہے؟

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

تاہم ، اگر آپ ویب ڈویلپمنٹ کے ساتھ شروع کرنا چاہتے ہیں تو ، بنیادی باتوں کی تعریف کرنا ہوشیار ہے۔ اگر آپ ایچ ٹی ایم ایل ، سی ایس ایس اور پی ایچ پی کے ویب سائٹ بلڈنگ بلاکس کو سمجھتے ہیں تو آپ کامیابی کی راہ پر گامزن ہیں۔

بانٹیں بانٹیں ٹویٹ ای میل۔ مرحلہ وار سبق کے ساتھ HTML اور CSS سیکھیں۔

ایچ ٹی ایم ایل ، سی ایس ایس ، اور جاوا اسکرپٹ کے بارے میں جاننا چاہتے ہیں؟ اگر آپ کو لگتا ہے کہ آپ کو شروع سے ویب سائٹ بنانے کا طریقہ سیکھنے کی مہارت ہے-یہاں کچھ بہترین مرحلہ وار سبق آزمانے کے قابل ہیں۔

اگلا پڑھیں۔
متعلقہ موضوعات۔
  • پروگرامنگ۔
  • ویب سازی
  • پروگرامنگ۔
  • پی ایچ پی پروگرامنگ۔
مصنف کے بارے میں کرسچن کاولی۔(1510 مضامین شائع ہوئے)

ڈپٹی ایڈیٹر برائے سیکیورٹی ، لینکس ، DIY ، پروگرامنگ ، اور ٹیک وضاحت ، اور واقعی مفید پوڈ کاسٹ پروڈیوسر ، ڈیسک ٹاپ اور سافٹ ویئر سپورٹ میں وسیع تجربے کے ساتھ۔ لینکس فارمیٹ میگزین میں شراکت دار ، کرسچن ایک راسبیری پائی ٹنکرر ، لیگو پریمی اور ریٹرو گیمنگ فین ہے۔

کرسچن کاولی سے مزید

ہماری نیوز لیٹر کو سبسکرائب کریں

ٹیک ٹپس ، جائزے ، مفت ای بکس ، اور خصوصی سودوں کے لیے ہمارے نیوز لیٹر میں شامل ہوں!

سبسکرائب کرنے کے لیے یہاں کلک کریں۔