Dreamweaver আপনার ওয়েব সাইটের জন্য ড্রপ ডাউন মেনু তৈরি করা সহজ করে তোলে। কিন্তু সব এইচটিএমএল ফর্ম মত তারা একটু চতুর হতে পারে। এই টিউটোরিয়ালটি আপনাকে Dreamweaver এ ড্রপ-ডাউন মেনু তৈরির পদক্ষেপগুলি অনুসরণ করবে।
Dreamweaver জাম্প মেনু
ড্রিমওয়েভার 8 এছাড়াও আপনার ওয়েব সাইটে নেভিগেটের জন্য একটি ঝাঁপ মেনু তৈরি করতে একটি উইজার্ড সরবরাহ করে। মৌলিক ড্রপ-ডাউন মেনুগুলির থেকে ভিন্ন, আপনি শেষ হয়ে গেলে এই মেনু আসলে কিছু করবে। আপনার ড্রপ ডাউন ফর্ম কাজ করার জন্য আপনাকে কোনও জাভাস্ক্রিপ্ট বা CGI লিখতে হবে না। এই টিউটোরিয়ালটি একটি ঝিম মেনু তৈরি করতে ড্রিমওয়েভার 8 উইজার্ডটি কীভাবে ব্যবহার করবেন তা ব্যাখ্যা করে।
প্রথম, ফর্ম তৈরি করুন
গুরুত্বপূর্ণ নোট এইচটিএমএল ফর্ম এবং Dreamweaver সম্পর্কে:
জাম্প মেনুর মতো বিশেষ উইজার্ড ছাড়া, ড্রিমওয়েভার আপনাকে HTML কাজগুলিকে "কাজ" করতে সহায়তা করে না। এই জন্য আপনি একটি CGI বা জাভাস্ক্রিপ্ট প্রয়োজন। আরও তথ্যের জন্য আমার টিউটোরিয়াল দেখুন এইচটিএমএল ফর্ম কাজ করে।
যখন আপনি আপনার ওয়েব সাইটে একটি ড্রপ ডাউন মেনু যুক্ত করছেন, তখন আপনার কাছে যা দরকার তা হল এটির একটি ফর্ম। ড্রিমওয়েভারে, সন্নিবেশ মেনুতে যান এবং ফর্মটি ক্লিক করুন, তারপরে "ফর্ম" নির্বাচন করুন।
20 এর 02নকশা দেখুন ফর্ম প্রদর্শন
Dreamweaver নকশা দৃশ্যে দৃশ্যত আপনার ফর্ম অবস্থান দেখায়, তাই আপনি আপনার ফর্ম উপাদান কোথায় রাখা হবে তা জানি। এটি গুরুত্বপূর্ণ, কারণ ড্রপ ডাউন মেনু ট্যাগ ফর্ম উপাদানটির বাইরে বৈধ (এবং কাজ করবে না)। আপনি ইমেজ দেখতে পারেন হিসাবে, নকশা নকশা ভিউ লাল লাল বিন্দু লাইন।
20 এর 03তালিকা / মেনু নির্বাচন করুন
ড্রপ ডাউন মেনুগুলিকে ড্রিমওয়েভারে "তালিকা" বা "মেনু" আইটেম বলা হয়। সুতরাং আপনার ফর্মটি এক যোগ করার জন্য, আপনাকে সন্নিবেশ মেনুতে ফর্ম মেনুতে যেতে হবে এবং "তালিকা / মেনু" নির্বাচন করতে হবে। আপনার কার্সার আপনার ফর্ম বক্সের লাল বিন্দুযুক্ত লাইনের মধ্যে ছিল তা নিশ্চিত করুন।
04 এর 04বিশেষ অপশন উইন্ডো
ড্রিমওয়েভার বিকল্পগুলিতে অ্যাক্সেসিবিলিটির একটি স্ক্রীন রয়েছে। আমি Dreamweaver আমাকে সব অ্যাক্সেসযোগ্যতা বৈশিষ্ট্য প্রদর্শন করতে বেছে নেওয়া হয়েছে। এবং এই পর্দা যে ফলাফল। ফর্ম এমন একটি জায়গা যেখানে অনেক ওয়েবসাইট অ্যাক্সেসিবিলিটিতে পড়ে এবং এই পাঁচটি বিকল্পগুলি পূরণ করে আপনার ড্রপ ডাউন মেনুগুলি অবিলম্বে আরো অ্যাক্সেসযোগ্য হবে।
20 এর 05ফর্ম অ্যাক্সেসিবিলিটি
অ্যাক্সেসযোগ্যতার বিকল্পগুলি হল:
লেবেল
এই ক্ষেত্রের জন্য নাম। এটি আপনার ফর্ম উপাদান পাশে টেক্সট হিসাবে প্রদর্শন করা হবে।আপনি আপনার ড্রপ ডাউন মেনু কল করতে চান কি লিখুন। এটি একটি প্রশ্ন বা ছোট বাক্যাংশ যা ড্রপ ডাউন মেনু উত্তর দেবে। এইচটিএমএল ব্রাউজার আপনার ফর্ম লেবেল সনাক্ত করতে একটি লেবেল ট্যাগ রয়েছে। লেবেল ট্যাগের "জন্য" বৈশিষ্ট্যটি কোন ফর্মটিকে উল্লেখ করে তা চিহ্নিত করতে, বা লেবেল ট্যাগটি ব্যবহার করতে না করার জন্য আপনার পছন্দগুলি ড্রপ ডাউন মেনু এবং ট্যাগের সাথে লেবেল পাঠ্যটি মোড়ানো হয়।আমি বৈশিষ্ট্যের জন্য ব্যবহার করতে পছন্দ করি, যেহেতু আমাকে কিছু কারণে লেবেলটি সরানোর প্রয়োজন হলে এটি এখনও সঠিক ফর্ম ক্ষেত্রের সাথে সংযুক্ত হবে। আপনি ড্রপ ডাউন মেনু আগে বা পরে আপনার লেবেল স্থাপন করতে পারেন। এটি সেই কী যা Alt বা বিকল্প কীগুলির সাথে সরাসরি সেই ফর্ম ক্ষেত্রটিতে যাওয়ার জন্য ব্যবহার করা যেতে পারে। এটি একটি মাউস প্রয়োজন ছাড়া আপনার ফর্ম ব্যবহার করা খুব সহজ করে তোলে। ওয়েব পেজের মাধ্যমে ট্যাবটিতে কীবোর্ড ব্যবহার করার সময় ফর্ম ক্ষেত্রটি অ্যাক্সেস করা উচিত। যখন আপনি আপনার অ্যাক্সেসযোগ্যতার বিকল্পগুলি আপডেট করেছেন, ঠিক আছে ক্লিক করুন। ড্রিম-ডাউন মেনুটি একবার ড্রিমওয়েভার ডিজাইন ভিউতে প্রদর্শনের পরে, আপনাকে এটিতে বিভিন্ন উপাদান যুক্ত করতে হবে। প্রথমে এটি ক্লিক করে ড্রপ ডাউন মেনু নির্বাচন করুন। Dreamweaver আপনি এটি নির্বাচন করেছেন তা দেখানোর জন্য ড্রপ ডাউন মেনুর কাছাকাছি আরেকটি বিন্দুযুক্ত লাইন রাখবে। বৈশিষ্ট্য মেনু সেই ড্রপ-ডাউন মেনুতে তালিকা / মেনু বৈশিষ্ট্যগুলিতে পরিবর্তিত হবে। সেখানে আপনি আপনার মেনুটি একটি আইডি (যেখানে এটি "নির্বাচন করুন" বলে) দিতে পারে, আপনি এটি একটি লিস বা একটি মেনু হতে চান কিনা তা নির্ধারণ করতে পারেন, এটি আপনার স্টাইল শীট থেকে স্টাইল ক্লাস দিতে পারেন এবং ড্রপ-ডাউন থেকে মান নির্ধারণ করতে পারেন। ড্রিমওয়েভার একটি মেনু ড্রপ-ডাউন মেনুকে যে কোনও ড্রপ-ডাউন কল করে যা শুধুমাত্র একটি নির্বাচনকে অনুমোদন করে। একটি "তালিকা" ড্রপ ডাউন একাধিক পছন্দ করতে পারবেন এবং একাধিক আইটেম উচ্চ হতে পারে। যদি আপনি ড্রপ-ডাউন মেনুটি একাধিক লাইন উচ্চ করতে চান তবে এটি একটি "তালিকা" টাইপে পরিবর্তন করুন এবং "নির্বাচনগুলি" বাক্সটি চেক না করে ছেড়ে দিন। আপনার মেনুতে নতুন আইটেম যুক্ত করতে, "তালিকা মান …" বাটনে ক্লিক করুন। এটি উপরের উইন্ডো খুলবে। প্রথম বাক্সে আপনার আইটেম লেবেলে টাইপ করুন। এই পৃষ্ঠাতে প্রদর্শিত হবে কি। যদি আপনি মানটি ফাঁকা ছেড়ে দেন তবে এটি ফর্মটিতেও পাঠানো হবে। আরো আইটেম যোগ করার জন্য প্লাস আইকনে ক্লিক করুন। যদি আপনি তালিকা বাক্সে তাদের পুনরায় অর্ডার করতে চান তবে ডানদিকে উপরের ও নীচের তীরগুলি ব্যবহার করুন। আমি 8 ম ধাপে উল্লেখ করেছি, যদি আপনি মানটি ফাঁকা রেখে যান তবে লেবেল ফর্মটিতে পাঠানো হবে। কিন্তু আপনি আপনার সমস্ত আইটেম মান দিতে পারেন - আপনার ফর্মের বিকল্প তথ্য পাঠাতে। আপনি লাফ মেনু এবং হাইপারলিঙ্কিং মত জিনিস জন্য এটি অনেক ব্যবহার করবে। ডিফল্ট আইটেম হিসাবে যে কোনও ড্রপ-ডাউন আইটেম তালিকাভুক্ত করা হয় তা প্রদর্শন করতে ওয়েব পৃষ্ঠাগুলি ডিফল্ট। কিন্তু যদি আপনি অন্য একটি নির্বাচন করতে চান তবে এটি বৈশিষ্ট্যাবলী মেনুতে "প্রাথমিকভাবে নির্বাচিত" বাক্সটিতে হাইলাইট করুন। সম্পত্তির সম্পাদনা সম্পন্ন করার পরে, ড্রিমওয়েভার আপনার ডিফল্ট মান নির্বাচন করে আপনার ড্রপ-ডাউন তালিকা প্রদর্শন করবে। আপনি যদি কোড ভিউতে স্যুইচ করেন তবে আপনি দেখতে পাবেন যে ড্রিমওয়েভার আপনার ড্রপ-ডাউন মেনুটিকে খুব পরিচ্ছন্ন কোড দিয়ে যুক্ত করে। শুধুমাত্র অতিরিক্ত বৈশিষ্ট্যগুলি আমরা অ্যাক্সেসযোগ্যতার বিকল্পগুলির সাথে যুক্ত করেছি। কোড সব ইন্ডেন্ট এবং পড়া এবং বুঝতে খুব সহজ। এটি এমনকি নির্বাচিত = "নির্বাচিত" বৈশিষ্ট্যটি রাখে কারণ আমি ড্রিমওয়েভারকে বলেছি যে আমি এক্সএইচটিএমটি লেখার জন্য ডিফল্ট। আপনি যদি ডকুমেন্টটি সংরক্ষণ করেন এবং এটি একটি ওয়েব ব্রাউজারে দেখতে পান তবে আপনি দেখতে পাবেন যে আপনার ড্রপ-ডাউন মেনুটি এটির মতোই আপনি দেখতে পাবেন। আমরা উপরে তৈরি মেনু জরিমানা দেখায়, কিন্তু এটি কিছু না। এটি করতে কিছু করার জন্য, আপনাকে ফর্মটি নিজেই ফর্ম ফর্ম সেট আপ করতে হবে। সৌভাগ্যক্রমে, ড্রিমওয়েভারের অন্তর্নির্মিত ড্রপ-ডাউন মেনু ফর্ম রয়েছে যা আপনি ফর্মগুলি, CGI, বা স্ক্রিপ্টিং সম্পর্কে শিখতে ছাড়াই অবিলম্বে আপনার সাইটে ব্যবহার করতে পারেন। এটি একটি ঝাঁপ মেনু বলা হয়। ড্রিমওয়েভার জাম্প মেনু নাম এবং URL সহ একটি ড্রপ ডাউন মেনু সেট আপ করে। তারপরে আপনি মেনুতে একটি আইটেম নির্বাচন করতে পারেন এবং ওয়েব পৃষ্ঠাটি সেই অবস্থানে স্থানান্তরিত হবে, ঠিক যেমন আপনি একটি লিঙ্ক ক্লিক করেছেন। সন্নিবেশ মেনুতে যান এবং ফর্মটি নির্বাচন করুন এবং তারপরে মেনুতে যান। স্ট্যান্ডার্ড ড্রপ-ডাউন মেনুর বিপরীতে, আপনার মেনু আইটেমগুলি নামকরণের জন্য ঝাঁপ মেনু একটি নতুন উইন্ডো খুলবে এবং ফর্মটি কীভাবে কাজ করা উচিত তার বিশদ যুক্ত করুন। প্রথম আইটেমের জন্য, "শিরোনামহীন 1" পাঠ্যটি আপনি যা পড়তে চান তা পরিবর্তন করুন এবং একটি লিঙ্ক যুক্ত করুন যা সেই লিঙ্কটি যেতে হবে। আপনার লাফ মেনুতে একটি নতুন আইটেম যুক্ত করতে আইটেমটিতে ক্লিক করুন। আপনি চান হিসাবে অনেক আইটেম যোগ করুন। একবার আপনি আপনার সমস্ত লিঙ্ক যোগ করেছেন একবার, আপনার বিকল্পগুলি নির্বাচন করা উচিত: আপনার যদি ফ্রেমেসেট থাকে তবে আপনি একটি আলাদা ফ্রেমে লিঙ্কটি খুলতে পারেন। অথবা আপনি প্রধান উইন্ডোতে একটি বিশেষ লক্ষ্যের বিকল্পটি পরিবর্তন করতে পারেন যাতে URL নতুন উইন্ডোতে বা অন্য কোথাও খুলতে পারে। আপনার মেনু পৃষ্ঠার জন্য একটি অনন্য আইডি দিন। এই প্রয়োজন যাতে স্ক্রিপ্ট সঠিকভাবে কাজ করবে। এটি আপনাকে এক ফর্মের একাধিক লাফ মেনুতেও মঞ্জুরি দেয় - কেবল তাদের সবগুলি ভিন্ন নাম দিন। আমি এটি নির্বাচন করতে চাই কারণ মাঝে মাঝে স্ক্রিপ্টটি মেনু পরিবর্তনের সময় কাজ করে না। এটা আরো প্রবেশযোগ্য। প্রথম মেনু আইটেম হিসাবে "একটি নির্বাচন করুন" যেমন একটি প্রম্পট থাকলে এটি নির্বাচন করুন। এটি যে আইটেমটি পৃষ্ঠাতে ডিফল্ট থাকে তা নিশ্চিত করবে। আপনার প্রথম মেনুর মতোই, ড্রিমওয়েভার ডিফল্ট আইটেমটি দৃশ্যমান ডিজাইন ভিউতে আপনার জাম্প মেনু সেট করে। আপনি ড্রপ-ডাউন মেনুটি অন্য যে কোনও মত সম্পাদনা করতে পারেন। যদি আপনি এটি সম্পাদনা করেন তবে আইটেমগুলিতে কোনও আইডি পরিবর্তন না করা নিশ্চিত করুন, অন্যথায় স্ক্রিপ্টটি কাজ করবে না। ফাইলটি সংরক্ষণ করা এবং F12 টি আঘাত করা আপনার পছন্দের ব্রাউজারে পৃষ্ঠাটি প্রদর্শন করবে। আপনি একটি বিকল্প নির্বাচন করতে পারেন, "যান" ক্লিক করুন এবং লাফ মেনু কাজ করে! শৈলী
অবস্থান
অ্যাক্সেস কী
ট্যাব সূচক
মেনু নির্বাচন করুন
মেনু বৈশিষ্ট্য
তালিকা এবং মেনুর মধ্যে পার্থক্য কি?
নতুন তালিকা আইটেম যোগ করুন
আরো এবং পুনর্নবীকরণ যোগ করুন
সমস্ত আইটেম মান প্রদান করুন
একটি ডিফল্ট চয়ন করুন
ডিজাইন ভিউ আপনার তালিকা দেখুন
কোড দেখুন আপনার তালিকা দেখুন
সংরক্ষণ করুন এবং ব্রাউজার দেখুন
কিন্তু এটা কিছু না করে …
ঝাঁপ দাও মেনু উইন্ডো
আপনার ঝাঁপ মেনু আইটেম যোগ করুন
ঝাঁপ দাও মেনু অপশন
ইউআরএল খুলুন
মেনু নাম
মেনু পরে যান বোতাম সন্নিবেশ করান
ইউআরএল পরিবর্তন পরে প্রথম আইটেম নির্বাচন করুন
ঝাঁপ দাও মেনু নকশা দেখুন
ব্রাউজারে মেনু ঝাঁপ দাও
