ড্রিমওয়েভার আপনার ওয়েব সাইটের জন্য ড্রপ ডাউন মেনু তৈরি করা সহজ করে তোলে। কিন্তু সব HTML ফর্ম মত তারা একটি বিট চতুর হতে পারে। এই টিউটোরিয়ালটি ড্রিমওয়েভারের একটি ড্রপ ডাউন মেনু তৈরি করার জন্য আপনাকে ধাপগুলি অনুসরণ করবে।
ড্রিমওয়েভার ঝাঁপ দাও মেনু
ড্রিমওয়েভার 8 এছাড়াও আপনার ওয়েব সাইটে নেভিগেশনের জন্য একটি ঝাঁপ মেনু তৈরি করার জন্য একটি উইজার্ড প্রদান করে। মৌলিক ড্রপ-ডাউন মেনুর থেকে ভিন্ন, আপনি যখন শেষ হয়ে যাবেন তখন এই মেনু আসলে কিছু করবে। আপনার ড্রপ ডাউন ফর্ম কাজ করতে আপনাকে কোনও জাভাস্ক্রিপ্ট বা CGI লিখতে হবে না। এই টিউটোরিয়ালটি কীভাবে ডাইমাইভার 8 উইজার্ড ব্যবহার করে একটি ঝাঁপ মেনু তৈরি করে তা ব্যাখ্যা করে।
01 এর ২0
প্রথমে ফর্ম তৈরি করুন
এইচটিএমএল ফর্ম এবং ড্রিমওয়েয়ার সম্পর্কে গুরুত্বপূর্ণ নোট:
জাম্প মেনু মত বিশেষ উইজার্ড জন্য ছাড়া, Dreamweaver আপনি HTML ফর্ম "কাজ" করতে সাহায্য করে না এই জন্য আপনি একটি CGI বা জাভাস্ক্রিপ্ট প্রয়োজন। আরো তথ্যের জন্য এখানে ক্লিক করুন।
যখন আপনি আপনার ওয়েব সাইটে একটি ড্রপ ডাউন মেনু যোগ করছেন, তখন আপনার প্রয়োজনীয় প্রথম জিনিসটি এটি ঘিরে একটি ফর্ম। ড্রিমওয়েভারে, সন্নিবেশ মেনুতে যান এবং ফর্ম ক্লিক করুন, তারপর "ফর্ম" নির্বাচন করুন।
02 এর ২0
ডিজাইন দেখুন ফর্ম প্রদর্শন
ডিজাইনার ভিউতে ডেমো ওয়াইভার আপনার ফর্ম অবস্থানকে দৃশ্যত দেখাচ্ছে, তাই আপনি আপনার ফরমের উপাদানগুলি কোথায় রাখেন তা জানেন। এটি গুরুত্বপূর্ণ, কারণ ড্রপ ডাউন মেনু ট্যাগগুলি ফর্ম উপাদানের বাইরে (এবং কাজ করবে না) বৈধ নয়। আপনি ইমেজ দেখতে পারেন, ফর্ম নকশা দৃশ্যের মধ্যে লাল বিন্দু লাইন।
20 এর 03
তালিকা / মেনু নির্বাচন করুন
ড্রপ-ডাউন মেনুগুলিকে "তালিকা" বা "মেনু" আইটেম ড্যাডওয়েভারে বলা হয়। তাই আপনার ফর্মটিতে এক যোগ করার জন্য, আপনি সন্নিবেশ মেনুতে ফর্ম মেনুতে গিয়ে "তালিকা / মেনু" নির্বাচন করতে হবে। আপনার কার্সারটি আপনার ফর্ম বাক্সের লাল বিন্দু রেখার মধ্যে ছিল তা নিশ্চিত করুন।
04 এর ২0
বিশেষ অপশন উইন্ডো
ড্রিমওয়েয়ারের বিকল্পগুলিতে অ্যাক্সেসযোগ্যতার উপর একটি স্ক্রিন থাকে। আমি Dreamweaver আছে আমাকে সব অ্যাক্সেসযোগ্যতা বৈশিষ্ট্য দেখান। এবং এই পর্দা যে ফলাফল হয়। ফর্ম হল এমন একটি জায়গা যেখানে অনেক ওয়েব সাইট অ্যাক্সেসযোগ্যতায় পড়ে এবং এই পাঁচটি বিকল্পগুলি পূরণ করে আপনার ড্রপ ডাউন মেনুগুলি অবিলম্বে আরো অ্যাক্সেসযোগ্য হতে পারে।
05 এর ২0
ফরম অ্যাক্সেসযোগ্যতা
অ্যাক্সেসযোগ্যতার বিকল্প হল:
লেবেল
এই ক্ষেত্রের জন্য নাম। এটি আপনার ফর্ম উপাদান পাশে টেক্সট হিসাবে দেখাতে হবে
আপনি আপনার ড্রপ ডাউন মেনু কল করতে চান কি লিখুন। এটি একটি প্রশ্ন বা ছোট শব্দ হতে পারে যা ড্রপ ডাউন মেনুটি উত্তর দেবে।
শৈলী
এইচটিএমএল ব্রাউজারে আপনার ফর্ম লেবেল সনাক্ত করার জন্য একটি লেবেল ট্যাগ রয়েছে। আপনার পছন্দগুলি ড্রপ-ডাউন মেনুটি এবং ট্যাগের সাথে লেবেল পাঠ্যটি লেপন করা হয়, লেবেল ট্যাগের উপর "জন্য" বৈশিষ্ট্যটি ব্যবহার করার জন্য এটি কোন ফর্ম ট্যাগটি উল্লেখ করে, বা লেবেল ট্যাগকে সব সময়ে ব্যবহার না করার জন্য।
আমি অ্যাট্রিবিউটের জন্য ব্যবহার করতে পছন্দ করি, তবে যদি আমি কিছু কারণে লেবেলটি সরাতে চাই তবে এটি সঠিক ফর্ম ক্ষেত্রের সাথে সংযুক্ত করা হবে।
অবস্থান
আপনি ড্রপ ডাউন মেনুর আগে বা পরে আপনার লেবেলটি স্থাপন করতে পারেন।
অ্যাক্সেস কী
এই কী ক্ষেত্রটি সরাসরি যে ফর্ম ক্ষেত্র সরাসরি পেতে Alt বা Option কী সহ ব্যবহার করা যেতে পারে। এটি একটি মাউস প্রয়োজন ছাড়া আপনার ফর্ম খুব সহজে ব্যবহার করে তোলে। কিভাবে HTML এ অ্যাক্সেস কী সেট আপ করুন
ট্যাব সূচী
ওয়েব পেজের মাধ্যমে কী-বোর্ডের ট্যাবটি ব্যবহার করার সময় এই ফর্মটি অ্যাক্সেস করা উচিত। ট্যাঙ্কডেন্ডস বোঝা
যখন আপনি আপনার অ্যাক্সেসযোগ্যতার বিকল্পগুলি আপডেট করেছেন, ঠিক আছে ক্লিক করুন।
06 এর ২0
মেনু নির্বাচন করুন
একবার আপনার ড্রপ-ডাউন মেনু ডিজাইন ভিউতে প্রদর্শিত হলে, আপনাকে এটিতে বিভিন্ন উপাদান যোগ করতে হবে। প্রথমে এটি ক্লিক করে ড্রপ ডাউন মেনুটি নির্বাচন করুন। ড্রিমওয়েয়ার শুধু ড্রপ ডাউন মেনুতে আরেকটি বিন্দু রেখা রাখবে, এটি দেখানোর জন্য যে আপনি এটি নির্বাচন করেছেন।
07 এর ২0
মেনু বৈশিষ্ট্যাবলী
বৈশিষ্ট্যাবলী মেনু যে ড্রপ ডাউন মেনুর জন্য তালিকা / মেনু বৈশিষ্ট্য পরিবর্তন করবে সেখানে আপনি আপনার মেনুকে একটি আইডি (যেখানে এটি "নির্বাচন করুন" বলে) বলে দিতে পারেন, আপনি যদি এটি একটি lis বা একটি মেনু চান, তাহলে এটি আপনার স্টাইল শীট থেকে একটি শৈলী শ্রেণি দিন এবং ড্রপডাউন-এর মানগুলি নির্দিষ্ট করুন।
তালিকা এবং মেনু মধ্যে পার্থক্য কি?
ড্রিমওয়্যার একটি মেনু ড্রপ ডাউন মেনুকে ডুপপে ডুয়েছে যা শুধুমাত্র একটি নির্বাচনকেই অনুমতি দেয়। একটি "তালিকা" ড্রপ ডাউনের একাধিক বিকল্পগুলিকে অনুমতি দেয় এবং একাধিক আইটেম উচ্চতর হতে পারে।
যদি আপনি একটি ড্রপ ডাউন মেনুকে একাধিক লাইনের উচ্চতর করতে চান, এটি "তালিকা" প্রকারে পরিবর্তন করুন এবং "নির্বাচন" বাক্সটি অনির্বাচিত রাখুন।
08 এর ২0
নতুন তালিকা আইটেম যোগ করুন
আপনার মেনুতে নতুন আইটেম যুক্ত করতে, "তালিকা মানগুলি ..." বোতামে ক্লিক করুন। এটি উপরের উইন্ডো খুলবে প্রথম বাক্সে আপনার আইটেম লেবেলটি টাইপ করুন এই পৃষ্ঠায় প্রদর্শিত হবে কি। যদি আপনি মানটি ফাঁকা রাখেন, তবে ফর্মটিতে কী পাঠানো হবে তাও।
২0 এর 09
আরও যোগ করুন এবং পুনঃক্রম করুন
আরো আইটেম যোগ করার জন্য প্লাস আইকনে ক্লিক করুন। যদি আপনি তালিকা বাক্সে তাদের পুনরায় ক্রমস করতে চান, ডানদিকে উপরে এবং নীচের তীরগুলি ব্যবহার করুন।
10 এর ২0
সব আইটেম মূল্য প্রদান করুন
ধাপ 8 এ উল্লিখিত হিসাবে, যদি আপনি মান খালি ছেড়ে চলে যান, লেবেল ফর্ম পাঠানো হবে। কিন্তু আপনি আপনার সমস্ত আইটেম মান দিতে পারেন - আপনার ফর্ম বিকল্প তথ্য পাঠাতে। আপনি জাম্প মেনুর মতো জিনিষগুলির জন্য এইটি ব্যবহার করবেন।
২0 এর 11
একটি ডিফল্ট চয়ন করুন
ডিফল্ট আইটেম হিসাবে ড্রপ ডাউন আইটেমটি তালিকাভুক্ত করার জন্য ওয়েব পৃষ্ঠাগুলিকে ডিফল্ট করা হয়। কিন্তু যদি আপনি একটি আলাদা নির্বাচন করতে চান তবে প্রোপার্টিস মেনুতে "প্রাথমিকভাবে নির্বাচিত" বাক্সে এটি হাইলাইট করুন।
20 এর 12
ডিজাইন ভিউতে আপনার তালিকা দেখুন
একবার আপনি বৈশিষ্ট্য সম্পাদন সম্পন্ন করা হলে, Dreamweaver নির্বাচিত ডিফল্ট মান সঙ্গে আপনার ড্রপ ডাউন তালিকা প্রদর্শন করা হবে
13 এর 13
কোড দেখুন আপনার তালিকা দেখুন
আপনি যদি কোড ভিউতে যান তবে আপনি দেখতে পাবেন যে ড্রিমওয়্যার আপনার ড্রপ ডাউন মেনুকে খুব পরিষ্কার কোড দিয়ে দেখায়। অ্যাক্সেসযোগ্যতার বিকল্পগুলির সাথে আমরা একমাত্র অতিরিক্ত বৈশিষ্ট্যগুলি যোগ করেছি। কোডটি সমস্ত ইন্টেন্ডেড এবং খুব সহজেই পড়তে ও বুঝতে পারে। এটি নির্বাচিত = "নির্বাচিত" অ্যাট্রিবিউটটিতেও রাখে কারণ আমি ডাইমাইভাইয়ারকে বলেছি যে আমি XHTML লেখার জন্য ডিফল্ট করেছি।
20 এর 14
সংরক্ষণ করুন এবং ব্রাউজারে দেখুন
আপনি যদি নথিটি সংরক্ষণ করেন এবং ওয়েব ব্রাউজারে এটি দেখতে পান, তাহলে আপনি দেখতে পাবেন যে আপনার ড্রপ ডাউন মেনুটি ঠিক যেমনটি আপনি আশা করবেন
15 এর 15
কিন্তু এটা কিছুই করবেন না
আমরা উপরে নির্মিত মেনুটি জরিমানা দেখায়, কিন্তু এটি কিছুই করে না। এটি করার জন্য কিছু করার জন্য, আপনাকে ফর্মটি ফর্মটি তৈরি করতে হবে, যা একটি সম্পূর্ণ অন্য টিউটোরিয়াল।
সৌভাগ্যক্রমে, ড্রিমওয়েভার একটি অন্তর্নির্মিত ড্রপ ডাউন মেনু ফর্ম যা আপনি ফরম, CGIs, বা স্ক্রিপ্টিং সম্পর্কে জানতে প্রয়োজন ছাড়া আপনার সাইটে অবিলম্বে ব্যবহার করতে পারেন। এটি একটি ঝাঁপ মেনু বলা হয়
ড্রিমওয়েয়ার ঝটপট মেনু নাম এবং URL গুলি দিয়ে একটি ড্রপ ডাউন মেনু সেট করে। তারপর আপনি মেনুতে একটি আইটেম নির্বাচন করতে পারেন এবং ওয়েব পৃষ্ঠাটি সেই স্থানটিতে স্থানান্তরিত হবে, ঠিক যেমন আপনি একটি লিঙ্ক ক্লিক করেছেন
সন্নিবেশ মেনুতে যান এবং ফর্ম নির্বাচন করুন এবং তারপর মেনু সরান
20 এর 16
ঝাঁপ দাও মেনু উইন্ডো
স্ট্যান্ডার্ড ড্রপ-ডাউন মেনুর বিপরীতে, আপনার মেনু আইটেমগুলির নাম এবং আপনার ফর্মটি কীভাবে কাজ করা উচিত তার বিবরণ যোগ করার জন্য ঝাঁপ মেনুটি একটি নতুন উইন্ডো খুলেছে।
প্রথম আইটেমটির জন্য, "Untitled1" পাঠ্যটি পরিবর্তন করুন যা আপনি এটি পড়তে চান এবং একটি লিঙ্ক যুক্ত করুন যা লিঙ্কটি এ যেতে হবে।
20 এর 17
আপনার ঝাঁপ মেনু আইটেম যোগ করুন
আপনার জাম্প মেনুতে একটি নতুন আইটেম যোগ করতে যোগ আইটেম উপর ক্লিক করুন। আপনার পছন্দের যতগুলি আইটেম যোগ করুন।
18 এর ২0
মেনু বিকল্পগুলি সরান
আপনি যদি চান যে সমস্ত লিঙ্কগুলি যুক্ত করেন তবে আপনার বিকল্পগুলি নির্বাচন করা উচিত:
URL গুলি খুলুন
আপনার যদি একটি ফ্রেমসেট থাকে, আপনি একটি ভিন্ন ফ্রেমের মধ্যে লিঙ্ক খুলতে পারেন। অথবা আপনি একটি প্রধান টার্গেটের বিকল্পটিকে একটি বিশেষ লক্ষ্যে পরিবর্তন করতে পারেন যাতে ইউআরএল নতুন উইন্ডোতে বা অন্য কোথাও খোলা থাকে।
মেনু নাম
আপনার মেনুর পৃষ্ঠার জন্য একটি অনন্য আইডি দিন এই প্রয়োজন যাতে স্ক্রিপ্ট সঠিকভাবে কাজ করবে। এটি আপনাকে একাধিক জুতা মেনু এক আকারে প্রদান করতে দেয় - শুধু তাদের সমস্ত নাম দিন
মেনু পরে যান বোতাম যোগ করুন
আমি এটি নির্বাচন করতে চাই কারণ কখনও কখনও মেনু পরিবর্তন করার সময় স্ক্রিপ্ট কাজ করে না। এটি আরও বেশি অ্যাক্সেসযোগ্য।
ইউআরএল পরিবর্তন পরে প্রথম আইটেম নির্বাচন করুন
যদি আপনার কাছে প্রথম মেনুর আইটেম হিসাবে "নির্বাচন করুন" হিসাবে একটি প্রম্পট আছে তবে এটি নির্বাচন করুন এটি পৃষ্ঠাটি ডিফল্টভাবে রাখবে তা নিশ্চিত করবে।
20 এর 19
ঝাঁপ দাও মেনু ডিজাইন দেখুন
আপনার প্রথম মেনুটির মতোই, ড্রিমওয়েভার ডিজাইন ভিউতে আপনার জুম মেনুটি ডিফল্ট আইটেমের দৃশ্য সহ সেট আপ করে। আপনি ড্রপ ডাউন মেনু সম্পাদনা করতে পারেন যেমন আপনি অন্য কোনও
যদি আপনি এটি সম্পাদনা করেন, আইটেমগুলিতে কোনও আইডি পরিবর্তন করবেন না তা নিশ্চিত করুন, না হলে স্ক্রিপ্ট কাজ করবে না।
20 এর 20
ব্রাউজারে ঝাঁপ দাও মেনু
ফাইল সংরক্ষণ এবং F12 আঘাত আপনার পছন্দের ব্রাউজারে পৃষ্ঠা প্রদর্শন করবে। সেখানে আপনি একটি বিকল্প নির্বাচন করতে পারেন, "যান" ক্লিক করুন এবং ঝাঁপ মেনু কাজ করে!