آپ کو صرف WYSIWYG استعمال نہیں کرنا ہے
Dreamweaver ایک عظیم WYSIWYG ایڈیٹر ہے ، لیکن اگر آپ "آپ جو کچھ دیکھتے ہیں" ماحول میں ویب صفحات لکھنے میں دلچسپی نہیں رکھتے ہیں، تو آپ اب بھی Dreamweaver استعمال کرسکتے ہیں کیونکہ یہ ایک عظیم ٹیکسٹ ایڈیٹر بھی ہے. لیکن وہاں بہت سے خصوصیات ہیں جن میں Dreamweaver کوڈ ایڈیٹر کے اندر چلتے ہیں، کیونکہ بنیادی توجہ مصنوعات کے "ڈیزائن خیال" یا WYSIWYG ایڈیٹر حصہ پر ہے.
Dreamweaver کوڈ دیکھیں کیسے حاصل کریں
اگر آپ نے Dreamweaver کبھی بھی ایچ ٹی ایم ایل ایڈیٹر کے طور پر استعمال نہیں کیا ہے تو آپ نے کبھی بھی اس صفحے کے سب سے اوپر تین بٹن نہیں دیکھا: "کوڈ،" "تقسیم،" اور "ڈیزائن." Dreamweaver کو "ڈیزائن دیکھیں" یا WYSIWYG موڈ میں ڈیفالٹ کی طرف سے شروع ہوتا ہے. لیکن ایچ ٹی ایم ایل کوڈ کو دیکھنے اور ترمیم کرنے میں سوئچ کرنا آسان ہے. "کوڈ" کے بٹن پر کلک کریں. یا، دیکھیں مینو میں جائیں اور "کوڈ" کو منتخب کریں.
اگر آپ صرف ایچ ٹی ایم ایل لکھنے کا طریقہ سیکھ رہے ہیں یا آپ اس بات کا احساس حاصل کرنا چاہتے ہیں کہ آپ کی تبدیلی آپ کے دستاویز پر کیسے اثر انداز کرے گی، تو آپ ایک ہی وقت میں کوڈ کا نقطہ نظر اور ڈیزائن کو دیکھ سکتے ہیں. اس طریقہ کار کی خوبصورتی یہ ہے کہ آپ دونوں ونڈوز میں بھی ترمیم کرسکتے ہیں. لہذا آپ کوڈ میں اپنے تصویر ٹیگ کے لئے ایچ ٹی ایم ایل لکھ سکتے ہیں اور پھر ڈریگ اور ڈراپ کے ساتھ صفحے پر دوسرے جگہ پر جانے کیلئے ڈیزائن کا منظر استعمال کریں.
ایک ہی وقت میں، دونوں کو دیکھنے کے لئے:
- "تقسیم" کے بٹن پر کلک کریں ("کوڈ" اور "ڈیزائن" کے درمیان)
- دیکھیں مینو میں، "کوڈ اور ڈیزائن" کو منتخب کریں
ایک بار جب آپ اپنے HTML کوڈ کو ترمیم کرنے کے لئے Dreamweaver کا استعمال کرتے ہوئے آرام دہ اور پرسکون ہو جاتے ہیں، تو آپ ڈیفیوویور کو کوڈ ڈیفالٹ کی طرف سے ڈیفالٹ کے ذریعے اپنی ترجیحات کو تبدیل کرسکتے ہیں کوڈ کا نقطہ نظر ایک ورکس کے طور پر محفوظ کرنا ہے. Dreamweaver آپ کو استعمال کر رہے تھے آخری ورکشاپ میں کھولیں گے. اگر یہ نہیں ہے تو، صرف ونڈو مینو پر جائیں، اور آپ چاہتے ہیں جس میں ورکس کا انتخاب کریں.
کوڈ دیکھیں اختیارات
Dreamweaver بہت لچکدار ہے کیونکہ اس کے پاس اپنی مرضی کے مطابق کرنے کے بہت سے طریقے ہیں اور یہ آپ کو اس طرح سے کام کرنا چاہتے ہیں. اختلاط ونڈو میں کوڈ کوڈنگ، کوڈ فارمیٹنگ، کوڈ اشارے، اور کوڈ ری رائٹنگ کے اختیارات موجود ہیں جنہیں آپ ایڈجسٹ کرسکتے ہیں. لیکن آپ کوڈ کوڈ خود کے اندر کچھ خاص اختیارات بھی بدل سکتے ہیں.
ایک بار آپ کو کوڈ کے نقطہ نظر میں، ٹول بار میں "دیکھیں اختیارات" کے بٹن موجود ہے. آپ دیکھیں مینو میں جانے اور "کوڈ دیکھیں کے اختیارات کو منتخب کرکے اختیارات کو بھی دیکھ سکتے ہیں." اختیارات ہیں:
- لفظ لپیٹ - ایچ ٹی ایم ایل کوڈ لکھا ہے تاکہ آپ اسے افقی طور پر طومار کے بغیر دیکھ سکیں. نوٹ کریں کہ یہ اختیار آپ کے کوڈ میں کسی بھی گاڑی کی واپسی نہیں ڈالتا ہے، یہ صرف کوڈ دکھاتی ہے تاکہ یہ پڑھنا آسان ہے.
- لائن نمبر - کوڈ کی جانب سے لائن نمبر دکھاتا ہے. یہ لائنوں کے لئے ایک لکڑی کی لپیٹ علامت ظاہر کرتا ہے جو نظر ونڈو سے طویل عرصہ تک لپیٹ کرتی ہے.
- پوشیدہ حروف - ایک مخصوص صفحے کے صفحے پر ظاہر ہونے والے بجائے اسپیس اسپیس کے مخصوص ڈسپلے دکھاتا ہے. جیسے جیسے ڈاٹ ایک جگہ کی جگہ لے لیتا ہے، ایک ڈبل شیوران ہر ٹیب کو تبدیل کرتا ہے، اور پائلک یا پیراگراف مارکر ہر لائن وقفے کو تبدیل کرتی ہے.
- غلط کوڈ کو نمایاں کریں - HTML پر روشنی ڈالی ہے جو پیلے رنگ میں غلط ہے. اگر آپ پیلے رنگ کی ٹیگ کا انتخاب کرتے ہیں تو، جائیداد انسپکٹر آپ کو یہ بتائے گا کہ اسے کس طرح ٹھیک کرنا.
- سنٹیکس رنگائ - آپ کے کوڈ کے رنگ کوڈنگ پر یا بند کر دیتا ہے. آپ ترجیحات کے کوڈ رنگنے کے سیکشن میں اپنے رنگ کوڈنگ کے رنگ کو تبدیل کرتے ہیں.
- آٹو اشارے - آپ کی کوڈ گاڑی کی واپسی کے بعد خود کار طریقے سے اندرونی بنا دیتا ہے، اگر اس کا اوپر اس کوڈ کا تسلسل ہوتا ہے. آپ ترجیحات کے کوڈ فارمیٹنگ سیکشن میں ٹیب کے سائز کو تبدیل کرکے انڈنٹ کا سائز تبدیل کرسکتے ہیں.
Dreamweaver کوڈ دیکھیں میں HTML کوڈ میں ترمیم کریں
Dreamweaver کے کوڈ کے نقطہ نظر میں HTML کوڈ میں ترمیم کرنا آسان ہے. بس اپنے ایچ ٹی ایم ایل ٹائپ کرنا شروع کرو. لیکن Dreamweaver آپ کو ایک اضافی اسسٹرا فراہم کرتا ہے جو اسے ایک بنیادی ایچ ٹی ایم ایل ایڈیٹر سے باہر توسیع کرتی ہے. جب آپ HTML ٹیگ لکھتے ہیں، تو آپ <. اگر آپ اس کردار کے بعد حق کو روکتے ہیں، تو Dreamweaver آپ کو HTML ٹیگ کی ایک فہرست دکھائے گا. یہ کوڈ اشارہ کہا جاتا ہے. انتخاب کو محدود کرنے کے لئے، ٹائپنگ خط شروع کریں - Dreamweaver ڈراپ ڈاؤن فہرست کو ٹیگ پر تنگ کرے گا جس میں آپ کو ٹائپنگ کیا جا رہا ہے.
اگر آپ ایچ ٹی ایم ایل میں ہیں تو، آپ ایچ ٹی ایم ایل ٹیگ کی فہرست کے ذریعہ سکرال کرسکتے ہیں اور ان کو دیکھنے کے لۓ مختلف انتخاب کرسکتے ہیں. Dreamweaver ایک ٹیگ ٹائپ کرنے کے بعد آپ کو خاصیت کے لئے فوری طور پر جاری رکھیں گے. مثال کے طور پر، اگر آپ " ٹیگ پر تنگ کردیں گے.
لیکن کوڈ اشارے ٹیگ میں ختم نہیں ہوتے ہیں. آپ کوڈ داخل کرنے کے لئے اشارے استعمال کر سکتے ہیں:
اگر کوڈ اشارے ظاہر نہ ہو تو، آپ کو ظاہر کرنے کے لۓ Ctrl-spacebar (ونڈوز) یا Cmd-spacebar (Macintosh) کو مار سکتا ہے. آپ کی ٹیگ ختم کرنے سے پہلے کوڈ کا اشارہ ظاہر نہیں کیا جا سکتا ہے کہ سب سے زیادہ عام وجہ ہے. کیونکہ Dreamweaver کردار کی ٹائپنگ کی کلید ہے <، اگر آپ ونڈو چھوڑ دیں اور واپس جائیں تو، آپ کو کوڈ اشارے دوبارہ شروع کرنا ہوگا.
آپ کو بچانے کے بٹن کو مار کر کوڈ کوڈ اشارے کو بند کر سکتے ہیں.
ایک بار جب آپ نے اپنا افتتاح HTML ٹیگ ٹائپ کیا ہے، تو آپ اسے بند کرنے کی ضرورت ہوگی. Dreamweaver یہ ایک قدرتی انداز میں کرتا ہے. اگر آپ "بند ٹیگز کا اختیار اختیار کریں گے جو آپ کی ضروریات کو بہتر بناتا ہے.
اگر آپ اپنے صفحات کو ایچ ٹی ایم ایل میں ترمیم کرنے کے لئے تیار نہیں ہیں لیکن آپ کوڈ کو دیکھنا چاہتے ہیں جیسا کہ لکھا ہے، آپ کوڈ انسپکٹر کو آزمائیں. یہ HTML کوڈ کو علیحدہ ونڈو میں کھولتا ہے. یہ صرف کوڈ کے نقطہ نظر کی طرح کام کرتا ہے، اور، اصل میں، موجودہ دستاویز کے لئے بنیادی طور پر ایک ڈسپلے کوڈ کوڈ ونڈو ہے. کوڈ انسپکٹر کھولنے کے لئے، ونڈو مینو پر جائیں اور "کوڈ انسپکٹر" کو منتخب کریں یا اپنی کی بورڈ پر F10 کی چابی کو مار ڈالو.
Dreamweaver ایچ ٹی ایم ایل کوڈ کی شکل دے گی تاہم آپ اسے پسند کریں گے. مثال کے طور پر، اگر آپ اندراج کرنے کے لئے 3 خالی جگہوں کا استعمال کرتے ہیں، لیکن IMG ٹیگ کو کبھی نہیں آتے ہیں تو، آپ اس کوڈیٹنگ کے بارے میں معلومات کی وضاحت کر سکتے ہیں کوڈ دوبارہ لکھنے کے اختیارات میں. اس کے بعد آپ کمانڈر مینو پر جائیں اور "ذریعہ فارمیٹنگ کو لاگو کریں" کا انتخاب کریں. یہ آپ کو واقف شکل میں کسی دوسرے کی طرف سے لکھا کوڈ کو حاصل کرنے کا بہترین طریقہ ہے.
ایک خصوصیت ہے جو بہت سے ایچ ٹی ایم ایل کوڈرز کے بارے میں نہیں جانتے ہیں یا استعمال نہیں کرتے ایچ ٹی ایم ایل کوڈ کو ختم کرنے کی صلاحیت ہے. اس دستاویز سے ٹیگ کو نہیں ہٹا دیتا ہے، لیکن صرف انہیں نظر سے ہٹا دیں تاکہ وہ آپ پر کام کررہے ہیں پریشان نہ ہوں. اپنے کوڈ کو ختم کرنے کے لئے:
- کوڈ کا سیکشن منتخب کریں جو آپ چھپانا چاہتے ہیں
- ترمیم کے مینو میں، "کوڈ کو ختم کرنے کے" ذیلی مینو سے "کو ختم کرنے کا انتخاب" کا انتخاب کریں
کوڈ کا انتخاب کرنے کا ایک آسان طریقہ ہے اور اس کوڈ پر کلک کرنے والے شبیہیں پر کلک کریں جو گٹر میں دکھائے جاتے ہیں. آپ منتخب کردہ کوڈ پر بھی صحیح کلک کر سکتے ہیں اور "انتخاب کو منتخب کریں" کا انتخاب کریں.
اگر آپ ہر چیز کو چھپا دینا چاہتے ہیں اس کے علاوہ جو کچھ بھی نظر آتے ہیں، ان میں سے ہر ایک کے اوپر "طریقوں سے باہر نکلیں" کا انتخاب کریں.
خراب کوڈ کو بڑھانے کے لئے، صرف اس پر ڈبل کلک کریں. یہ کوڈ کھولتا ہے اور اسے منتخب کرتا ہے. اس کے بعد آپ اس انتخاب کو منتقل یا اسے حذف کر سکتے ہیں یا اس کے ارد گرد اضافی ٹیگ شامل کر سکتے ہیں.
آپ ہر وقت ایسے صفحات پر پاپ اور وسیع خصوصیت کا استعمال کرسکتے ہیں جہاں آپ بیرونی ٹیمپلیٹ میں ترمیم نہیں کرنا چاہتے ہیں. آپ صرف ایسے مواد کا انتخاب کریں جو آپ کو ترمیم کرنا اور باہر کو ختم کرنا چاہتے ہیں. پھر اپنے HTML لکھیں. آپ صفحہ کو ابھی تک ڈیزائن کے نقطہ نظر میں دیکھ سکتے ہیں یا براؤزر میں پیش کرسکتے ہیں. خراب کوڈ کو دستاویز سے نہیں ہٹا دیا جاتا ہے، صرف نظر سے پوشیدہ ہے. جب آپ اشیاء کی ایک سیریز پر کام کر رہے ہیں تو آپ اس کا استعمال بھی کر سکتے ہیں. جب آپ نے کسی کو ختم کیا ہے تو اسے ختم کر دیں. جب آپ کوڈ دکھا رہا ہے تو آپ جانتے ہیں کہ آپ کر رہے ہیں.