এইচটিএমএল কোড লিমিটেড ডাইমাইওয়্যার

আপনি কেবল WYSIWYG ব্যবহার করতে হবে না

Dreamweaver একটি মহান WYSIWYG সম্পাদক , কিন্তু যদি আপনি একটি "আপনি কি দেখতে কি আপনি" পরিবেশে ওয়েব পেজ লেখার আগ্রহী না, আপনি এখনও Dreamweaver ব্যবহার করতে পারেন কারণ এটি একটি মহান টেক্সট এডিটর কিন্তু ডেমো ওয়াইভার কোড এডিটর এর মধ্যে ওয়েটেড দ্বারা স্লিপ করা অনেকগুলি বৈশিষ্ট্য রয়েছে কারণ প্রাথমিক ফোকাস "ডিজাইন ভিউ" বা পণ্যটির WYSIWYG এডিটর অংশে রয়েছে।

কিভাবে ড্রিমওয়েয়ার কোড দেখুন ইন পেতে

যদি আপনি ড্রিমওয়েভারকে একটি এইচটিএমএল এডিটর হিসেবে ব্যবহার না করে থাকেন তবে আপনি পৃষ্ঠাটির উপরে তিনটি বোতামও লক্ষ্য করবেন না: "কোড," "স্প্লিট" এবং "ডিজাইন।" "ডিজাইন ভিউ" বা WYSIWYG মোডে ডিফল্টভাবে Dreamweaver শুরু হয়। তবে এইচটিএমএল কোড দেখার এবং সম্পাদনার ক্ষেত্রে এটি সহজ। শুধু "কোড" বোতামে ক্লিক করুন। অথবা, মেনুতে যান এবং "কোড" নির্বাচন করুন।

আপনি যদি শুধু এইচটিএমএল কিভাবে লিখতে শিখছেন বা আপনি কিভাবে আপনার পরিবর্তন আপনার ডকুমেন্টকে প্রভাবিত করবেন তা অনুধাবন করতে চান তবে আপনি একই সময়ে কোড ভিউ এবং ডিজাইন ভিউ খুলতে পারেন। এই পদ্ধতিটি সৌন্দর্য যে আপনি উভয় উইন্ডোতে একইসাথে সম্পাদনা করতে পারেন। তাই আপনি এইচটিএমএল এ আপনার ইমেজ ট্যাগের জন্য কোড লিখতে পারেন এবং তারপর ড্র্যাগ এবং ড্রপ সহ পৃষ্ঠার অন্য অবস্থানে এটি সরানোর জন্য ডিজাইন ভিউ ব্যবহার করুন।

একই সময়ে উভয় দেখতে, হয়:

• "স্প্লিট" বোতামে ক্লিক করুন ("কোড" এবং "ডিজাইন" এর মধ্যে)
• ভিউ মেনুতে "কোড এবং ডিজাইন" নির্বাচন করুন

একবার আপনি আপনার HTML কোড সম্পাদনা করতে Dreamweaver ব্যবহার করে আরামদায়ক হয়ে গেলে, আপনি ডিফল্ট অনুসারে কোড দৃশ্যের মধ্যে Dreamweaver খুলতে আপনার পছন্দগুলি পরিবর্তন করতে পারেন। সবচেয়ে সহজ উপায় হল কোড ভিউকে একটি কর্মক্ষেত্র হিসেবে সংরক্ষণ করা। আপনি ব্যবহার করা শেষ কর্মক্ষেত্রের মধ্যে Dreamweaver খোলা হবে। যদি না হয়, কেবল উইন্ডো মেনুতে যান, এবং আপনার পছন্দসই কাজ নির্বাচন করুন।

কোড দেখুন বিকল্প

ড্রিমওয়েভার খুবই নমনীয় কারণ এটির কাস্টমাইজ করার অনেক উপায় আছে এবং এটি যেভাবে আপনি চান তা কাজ করে। বিকল্প উইন্ডোতে কোড কোডিং, কোড ফর্ম্যাটিং, কোড ইঙ্গিত এবং কোড পুনর্বিবেচনার অপশন রয়েছে যা আপনি সামঞ্জস্য করতে পারেন। কিন্তু আপনি কোড দৃশ্যের মধ্যে কিছু বিশেষ বিকল্পগুলিও পরিবর্তন করতে পারেন।

একবার আপনি কোড ভিউতে থাকলে, সরঞ্জামদণ্ডে একটি "দর্শন বিকল্পগুলি" বোতাম রয়েছে। আপনি ভিউ মেনুতে গিয়ে "কোড দর্শন বিকল্পগুলি" নির্বাচন করে বিকল্পটি দেখতে পারেন। বিকল্পগুলি হল:

• ওয়ার্ড মোড়ানো - এইচটিএমএল কোড গোপন করে যাতে আপনি অনুভূমিকভাবে স্ক্রোলিং ছাড়া এটি দেখতে পারেন। লক্ষ্য করুন এই বিকল্পটি আপনার কোডে কোনও ক্যারেজ ফেরত দেয় না, এটি শুধু কোড প্রদর্শন করে যাতে এটি সহজে পড়তে পারে।
• লাইন নাম্বার - কোডের পাশাপাশি রেখা সংখ্যার প্রদর্শন করে। এটি দৃশ্য উইন্ডো থেকে লম্বা লাইনগুলির জন্য একটি রেখা মোড়ানো চিহ্ন প্রদর্শন করে।
• লুকানো অক্ষর - হোয়াইটস্পেসের পরিবর্তে বিশেষ অক্ষর প্রদর্শন করে যা ওয়েব পৃষ্ঠাতে প্রদর্শিত হবে। যেমন একটি ডট হিসাবে একটি স্থান প্রতিস্থাপিত, একটি ডবল শেভরন প্রতিটি ট্যাব প্রতিস্থাপন, এবং একটি pilcrow বা অনুচ্ছেদ মার্কার প্রতিটি লাইন বিরতি প্রতিস্থাপিত।
• অবৈধ কোড হাইলাইট করুন - হাইলাইট এইচটিএমএল যা হলুদতে ভুল। যদি আপনি হলুদ ট্যাগ নির্বাচন করেন, সম্পত্তি ইন্সপেক্টর আপনাকে কীভাবে এটি ঠিক করতে হয় তা ইঙ্গিত দেবে।
• সিনট্যাক্স রং - আপনার কোড রঙ কোডিং সক্রিয় বা বন্ধ। আপনি আপনার রঙ কোডিং পছন্দ পছন্দসই কোড রং বিভাগে পরিবর্তন করুন।
• অটো ইন্ডেন্ট - উপরে আপনার কোড ইন্ডেন্ট হয় যদি একটি ক্যারেজ রিটার্ন পরে স্বয়ংক্রিয়ভাবে আপনার কোড ইন্ডেন্ট করে তোলে। আপনি পছন্দসই কোড ফর্ম্যাটিং বিভাগের ট্যাব আকার পরিবর্তন করে ইন্ডেন্টের আকার পরিবর্তন করতে পারেন।

এইচটিএমএল কোড সম্পাদনা ডেমিউভার কোড কোড দেখুন

এটি Dreamweaver এর কোড ভিউতে HTML কোড সম্পাদনা করা সহজ। সহজভাবে আপনার HTML টাইপ শুরু কিন্তু Dreamweaver কিছু মৌলিক এইচটিএমএল এডিটারের বাইরে প্রসারিত কিছু অতিরিক্ত দিয়ে আপনাকে সরবরাহ করে। যখন আপনি একটি এইচটিএমএল ট্যাগ লিখতে শুরু করেন, আপনি <টাইপ করুন। যদি আপনি সেই চরিত্রের পরে ডান দিকে থেমে থাকেন, তবে ড্রিমউইভার আপনাকে এইচটিএমএল ট্যাগগুলির তালিকা দেখাবে। এই কোড ইঙ্গিত বলা হয়। নির্বাচনটি সংকুচিত করার জন্য, অক্ষর লিখতে শুরু করুন - ড্রিমওয়েভারটি আপনার ড্রপ-ডাউন তালিকাটিকে ট্যাগে সংকুচিত করবে যা আপনি টাইপ করছেন।

আপনি যদি এইচটিএমএল থেকে নতুন হন, তবে আপনি এইচটিএমএল ট্যাগগুলির তালিকাটি স্ক্রোল করতে পারেন এবং বিভিন্ন কাজগুলি দেখতে পারেন যা তারা করে। একবার আপনি একটি ট্যাগ টাইপ করা হয়েছে Dreamweaver বৈশিষ্ট্যাবলী জন্য আপনি প্রম্পট অব্যাহত থাকবে উদাহরণস্বরূপ, যদি আপনি " এইচটিএমএল ট্যাগটিতে ড্রপ করে দিবে, অন্য ট্যাগ দিয়ে আমি অনুসরণ করবো। যদি আপনি "m" অক্ষরটি টাইপ করে চলতে থাকেন, তবে Dreamweaver ট্যাগটিতে এটি সংকুচিত হবে।

কিন্তু কোডের ইঙ্গিত ট্যাগ এ শেষ হয় না। আপনি সংকেত সংকেত কোড ব্যবহার করতে পারেন:

• এইচটিএমএল বৈশিষ্ট্যাবলী
• ক্লাস এবং আইডি নামগুলি
• CSS বৈশিষ্ট্যগুলি

কোড সংকেত প্রদর্শিত হয় না, আপনি তাদের প্রদর্শন করতে Ctrl- স্পেসবার (উইন্ডোজ) বা সিএমডি-স্পেসবার (ম্যাকিন্টোস) আঘাত করতে পারেন। আপনি যদি আপনার ট্যাগ সমাপ্ত করার আগে একটি পৃথক উইন্ডোতে সুইচ করা হয় তাহলে একটি কোড ইঙ্গিতটি প্রদর্শিত নাও হতে পারে সবচেয়ে সাধারণ কারণ। যেহেতু ড্রিমওয়েভার অক্ষরটির টাইপিং বন্ধ করে দিচ্ছে <, যদি আপনি উইন্ডোটি ছেড়ে দেন এবং ফেরত পাঠাবেন, তবে আপনাকে কোডের ইঙ্গিতগুলি পুনরায় চালু করতে হবে।

আপনি অব্যাহতি কি আঘাত দ্বারা কোড সংকেত মেনু বন্ধ করতে পারেন

একবার আপনি আপনার খোলার HTML ট্যাগটি টাইপ করলে, আপনাকে এটি বন্ধ করতে হবে। ড্রিমওয়েভার একটি প্রাকৃতিক ভাবে এটি করে। আপনি যদি "বন্ধ ট্যাগ বিকল্পগুলি টাইপ করেন যা আপনার প্রয়োজন অনুসারে সবচেয়ে উপযুক্ত।

আপনি যদি এইচটিএমএলগুলিতে আপনার পেজ সম্পাদনা করার জন্য পুরোপুরি প্রস্তুত না হন তবে আপনি কোডটি যেমন লেখা আছে তেমনি দেখতে পাবেন, আপনি কোড ইন্সপেক্টরটি চেষ্টা করে দেখতে পারবেন। এটি একটি পৃথক উইন্ডোতে এইচটিএমএল কোড প্রর্দশিত হবে। এটা শুধু কোড দৃশ্যের মতই কাজ করে এবং প্রকৃতপক্ষে এটি মূলত বর্তমান নথির জন্য একটি বিচ্ছিন্ন কোড দর্শন উইন্ডো। কোড ইন্সপেক্টর খুলতে, উইন্ডো মেনুতে যান এবং "কোড ইন্সপেক্টর" নির্বাচন করুন বা আপনার কীবোর্ডের F10 key টিপুন।

আপনি যদি এটি প্রদর্শিত প্রদর্শিত হবে তবে Dreamweaver HTML কোড বিন্যাস করবে। উদাহরণস্বরূপ, যদি আপনি ইন্ডেন্টের জন্য 3 টি স্থান ব্যবহার করেন, তবে IMG ট্যাগগুলি ইন্ডেন্ট না করে, আপনি কোড পুনর্লিখনের বিকল্পগুলির মধ্যে যে ফর্ম্যাটিং তথ্য নির্দিষ্ট করতে পারেন। তারপর আপনি কমান্ড মেনুতে যান এবং "উত্স বিন্যাস প্রয়োগ করুন" নির্বাচন করুন। এটি আপনার কাছে পরিচিত একটি বিন্যাসে অন্য কারো দ্বারা লিখিত কোড পেতে একটি দুর্দান্ত উপায়।

একটি এইচটিএমএল কোডেড কোড যা এইচটিএমএল কোডটি সম্পর্কে জানতে পারে না বা ব্যবহার করে না। এটি ডকুমেন্টের ট্যাগগুলিকে সরাতে না পারলে, কেবলমাত্র তাদের দৃশ্য থেকে সরিয়ে ফেলুন যাতে তারা আপনার কাজ করছেন তা নিয়ে ব্যস্ত না হয়। আপনার কোড ভেঙ্গে:

1. আপনি যে কোডটি লুকিয়ে রাখতে চান সেটি নির্বাচন করুন
2. সম্পাদনা মেনুতে, "কোড সংকোচন" উপ-মেনু থেকে "সঙ্কোচন করুন নির্বাচন" নির্বাচন করুন

একটি সহজ উপায় কোড নির্বাচন করা হয় এবং তারপর নাটকের মধ্যে প্রদর্শিত কোড পতন আইকন ক্লিক করুন। আপনি নির্বাচিত কোডটিতে ডান ক্লিক করে "নির্বাচন সঙ্কুচিত করুন" নির্বাচন করতে পারেন।

যদি আপনি হাইলাইট ছাড়া সবকিছু লুকাইয়া দিতে চান, উপরের কোনও পদ্ধতিতে "নির্বাচন সরাবেন" নির্বাচন করুন।

সংকুচিত কোড প্রসারিত করতে, কেবল এটিতে ডবল ক্লিক করুন। এটি কোডটি খোলে এবং এটি নির্বাচন করে। তারপর আপনি যে নির্বাচনটি সরাতে বা এটিটি মুছে ফেলতে পারেন বা এটির কাছাকাছি অতিরিক্ত ট্যাগ যোগ করতে পারেন।

আপনি যে পৃষ্ঠাগুলিতে বাইরের টেমপ্লেটটি সম্পাদনা করতে চান না সে সময়ে আপনি পতন ব্যবহার করতে পারেন এবং সমস্ত সময় প্রসারিত করতে পারেন। আপনি কেবল যে সামগ্রীটি আপনি সম্পাদনা করতে চান সেটি নির্বাচন করুন এবং বাইরে সঙ্কুচিত করুন। তারপর আপনার HTML লিখুন আপনি এখনও পৃষ্ঠাটি ডিজাইন ভিউতে দেখতে পারেন বা এটি একটি ব্রাউজারে প্রাকদর্শন করতে পারেন। পতিত কোডটি নথি থেকে সরানো হয় না, কেবল দৃশ্য থেকে লুকানো হয়। আপনি আইটেমগুলির একটি সিরিজ উপর কাজ করছেন যখন আপনি এটি ব্যবহার করতে পারেন। যখন আপনি এক সমাপ্ত করেছেন, এটি ভেঙ্গে আপনি কোন কোড প্রদর্শিত হচ্ছে যখন আপনি সম্পন্ন হয়েছেন জানি।