Dreamweaver میں Bootstrap کے ساتھ کام کرنا

اس سبق میں، آپ سیکھنے جا رہے ہیں۔ نیا خالی صفحہ کیسے بنایا جائے۔ بوٹسٹریپ فریم ورک کا استعمال کرتے ہوئے. اب، پہلی چیز جو ہمیں کرنا ہے اس سے پہلے کہ ہم بوٹسٹریپ کا استعمال شروع کریں ایک سائٹ بنائیں۔ تو ہم سائٹ مینو پر جائیں گے، ہم ایک نئی سائٹ بنانے والے ہیں۔ اور ہم فولڈر کے لیے اس براؤز پر کلک کرنے والے ہیں۔ اور میں نے سبق کی فائلیں محفوظ کر لی ہیں۔ میرے ڈیسک ٹاپ پر اس ماڈیول کے لیے۔ اور اس طرح میں اندر جانے والا ہوں۔ اور میں ماڈیول دو سبق ایک کو منتخب کرنے والا ہوں۔ اور یہ میرا فولڈر ہو گا۔ اور ہماری سائٹ کے نام کے لیے، میں صرف بوٹسٹریپ کے ساتھ کام کرنے اور محفوظ کرنے کے لیے ٹائپ کرنے والا ہوں۔ لہذا جب ہم اپنے فائلوں کے پینل کو دیکھتے ہیں۔ ہم دیکھ سکتے ہیں کہ ایک تصویری فولڈر ہے، ایک میڈیا فولڈر اور ایک متفرق فولڈر۔ ہمارے فولڈر میں ابھی تک کوئی HTML فائلیں نہیں ہیں۔ اور اس لیے یہ سمجھنا ضروری ہے کہ ہمارے پاس کون سے فولڈر ہیں۔ کیونکہ ایک منٹ میں جب ہم بوٹسٹریپ کا استعمال کرتے ہوئے اپنا صفحہ بناتے ہیں، ڈریم ویور خود بخود تخلیق کرنے والا ہے۔ ہمارے لیے چند مزید فولڈرز۔ تو ہم فائل مینو میں نئے پر جائیں گے۔ اور جب ہم اپنا نیا HTML دستاویز بناتے ہیں، HTML دستاویزات جو ہم شروع سے بنا رہے ہیں۔ کوئی نہیں کا فریم ورک استعمال کر رہے ہیں۔ لیکن اس بار ہم بوٹسٹریپ فریم ورک استعمال کرنے جا رہے ہیں۔ تو بوٹسٹریپ بالکل کیا ہے؟ ٹھیک ہے، بوٹسٹریپ وہ ہے جسے ہم فریم ورک کہتے ہیں۔ وہ کیا ہے، پہلے سے بنائے گئے اجزاء کا ایک گروپ ہے۔ جسے آپ آسانی سے صفحات بنانے کے لیے استعمال کر سکتے ہیں۔ آپ کی ویب سائٹ کے. اب، ان تمام اجزاء پر بنایا گیا ہے، نیا ایچ ٹی ایم ایل فائیو مارک اپ، اور وہ CSS تھری استعمال کرتے ہیں، کاسکیڈنگ اسٹائل شیٹس میں تازہ ترین۔ اب نہ صرف بوٹسٹریپ میں ایچ ٹی ایم ایل فائیو اور سی ایس ایس تھری ہے۔ لیکن یہ جاوا اسکرپٹ کا بھی استعمال کرتا ہے۔ اور اسی طرح جب آپ اپنا پہلا صفحہ بناتے ہیں۔ اس بوٹسٹریپ فریم ورک کی بنیاد پر، ڈریم ویور اضافی فولڈرز بنانے جا رہا ہے۔ ہمارے سی ایس ایس کے ساتھ ساتھ ہمارے جاوا اسکرپٹ کو رکھنے کے لیے۔ تو ہم تخلیق بٹن پر کلک کرنے والے ہیں۔ اور جب ہم کرتے ہیں تو آپ ہمارے فائلز پینل میں دیکھ سکتے ہیں۔ ہمارے پاس ایک CSS فولڈر اور ایک JavaScript فولڈر ہے۔ اور ہمارے جاوا اسکرپٹ میں ہمارے پاس تین مختلف جاوا اسکرپٹ فائلیں ہیں، ہمارے سی ایس ایس میں، ہمارے پاس ایک سی ایس ایس فائل ہے، اور ہم فائل مینو پر جائیں گے۔ اور ہم ابھی اس دستاویز کو محفوظ کرنے والے ہیں۔ اور ہم اسے انڈیکس ڈاٹ ایچ ٹی ایم ایل کہنے والے ہیں، اور محفوظ کریں گے۔ میں متعلقہ فائل کے بارے میں تھوڑی بات کرنا چاہتا ہوں۔ تو یہاں ہمارے صفحہ کے اوپری حصے میں، ہمارے پاس ہمارا سورس کوڈ ہے۔ اور اگر ہم اوپر والے کوڈ بٹن پر کلک کرتے ہیں۔ ہم دیکھ سکتے ہیں کہ یہ ہمارے صفحہ کا سورس کوڈ ہے۔ اور فی الحال، یہاں واقعی کچھ بھی نہیں ہے۔ لیکن ہمارے پاس ایک تبصرہ ہے جس میں کہا گیا ہے کہ باڈی کاپی یہاں جاتی ہے۔ لیکن ہمارے یہاں اپنے لنکس قائم ہیں، تو ہمارے پاس بوٹسٹریپ فائل کا لنک ہے، ہمارے پاس تین جاوا اسکرپٹ فائلوں کا لنک بھی ہے۔ لہذا کسی بھی اجزاء میں جو ہم استعمال کرتے ہیں، کچھ انٹرایکٹو اجزاء جو ہمارے پاس ہیں، وہ اس ٹیکنالوجی پر مبنی ہیں، یہ JavaScript ٹیکنالوجی ہے لہذا یہ ہمارے صفحہ پر پہلے سے موجود ہے۔ اور اگر ہم اوپر دیکھیں یہ تمام فائلیں ہیں۔ جسے ہم استعمال کر سکتے ہیں۔ اور اگر آپ ایچ ٹی ایم ایل اور سی ایس ایس کے بارے میں تھوڑا بہت سمجھتے ہیں۔ آپ اندر جا کر ان فائلوں کو اپنی مرضی کے مطابق بنا سکتے ہیں۔ اور یہ کہا جا رہا ہے، یہ ایک اچھا خیال ہے. اگر آپ بوٹسٹریپ پر کام کرنے جا رہے ہیں، HTML اور CSS میں بنیاد رکھنا اچھا خیال ہے۔ کوڈ کو دیکھنے اور تبدیلیاں کرنے کے قابل ہونا کوڈ پر جہاں ضرورت ہو۔ ان متعلقہ فائلوں کے ساتھ، میں آپ کی توجہ دلانا چاہتا ہوں۔ دو بوٹسٹریپ والے، بوٹسٹریپ 4.4 0.1 ہیں۔ یہ وہ ٹیکنالوجی ہے جو 2019 میں سامنے آئی، تو یہ بوٹسٹریپ کا تازہ ترین ورژن نہیں ہے۔ ڈریم ویور تازہ ترین ورژن کے ساتھ کام نہیں کرتا ہے۔ لیکن یہ اب بھی ایک بہت مستحکم ورژن ہے۔ شروع کرنے کے لیے بوٹسٹریپ کا۔ اب، اگر ہم اپنے داخل کرنے والے ٹیب پر جائیں۔ ہمارے پاس داخل ٹیب میں ہے، ہمارے پاس مختلف ڈراپ ڈاؤن ہیں۔ اور ان میں سے ایک ڈراپ ڈاؤن بوٹسٹریپ اجزاء ہے۔ یہاں سے، ہم شامل کر سکتے ہیں۔ ہمارے صفحہ پر بہت سے مختلف پہلے سے ڈیزائن کردہ لے آؤٹ اور ہم اگلے اسباق میں سیکھیں گے کہ اسے کیسے کرنا ہے۔ لیکن ابھی کے لیے، ہم صرف ایک کنٹینر میں ڈالنے جا رہے ہیں۔ اور آپ دیکھیں گے، میرے پاس لائیو نظارہ ہے۔ یہاں سب سے اوپر منتخب کیا گیا ہے۔ جب آپ بوٹسٹریپ میں کام کرتے ہیں، لائیو ویو میں کام کرنا دراصل ایک بہتر آئیڈیا ہے۔ ڈیزائن کے نقطہ نظر میں کام کرنے کے مقابلے میں. یقینی بنائیں کہ ہمارے جسم میں ہمارا کرسر موجود ہے۔ یہاں پر بائیں طرف، ہم وہاں پر کلک کرنے والے ہیں۔ اور ہم اس کنٹینر پر کلک کرنے والے ہیں۔ اور اس طرح اب ہمارے جسم کے اندر، ہمارے پاس ایک کنٹینر ہے۔ اور اس کنٹینر میں وہ جگہ ہے جہاں ہم ڈالیں گے۔ ہمارے صفحہ کے دیگر تمام اجزاء۔ تو ہم صرف فائل مینو میں جائیں گے اور اسے محفوظ کریں گے۔ اور اب ہمارے پاس ایک کنٹینر والا صفحہ ہے۔ ہمارے مواد ڈالنے کے لیے تیار ہیں۔ تو اس سبق میں، آپ نے ایک صفحہ بنانے کا طریقہ سیکھا۔ ایڈوب ڈریم ویور میں بوٹسٹریپ فریم ورک کا استعمال۔