আপনার ওয়েবসাইটগুলিতে একটি অ্যাপ্লিকেশন-স্টাইলের অভিজ্ঞতা তৈরি করুন
ডায়নামিক এইচটিএমএল (ডিএইচটিএইচটি) আপনাকে আপনার ওয়েবসাইটগুলিতে একটি অ্যাপ্লিকেশন-স্টাইলের অভিজ্ঞতা তৈরি করতে দেয়, ফ্রিকোয়েন্সি হ্রাস করে যা সম্পূর্ণ পেজগুলি সম্পূর্ণভাবে লোড করতে হবে। অ্যাপ্লিকেশনগুলিতে, আপনি যখন কিছু ক্লিক করেন তখন অ্যাপ্লিকেশনটি সেই নির্দিষ্ট সামগ্রীটি দেখানোর জন্য বা আপনার উত্তরের সঙ্গে আপনাকে সরবরাহ করার জন্য পরিবর্তন করে।
এর বিপরীতে, ওয়েবপৃষ্ঠায় সাধারণত পুনরায় লোড করা উচিত, অথবা একটি সম্পূর্ণ নতুন পৃষ্ঠা লোড হতে হবে। এই ব্যবহারকারীর অভিজ্ঞতা আরো disjointed করতে পারেন। আপনার গ্রাহকদের প্রথম পৃষ্ঠার লোড হওয়ার জন্য অপেক্ষা করতে হবে এবং দ্বিতীয় পৃষ্ঠা লোড হওয়ার জন্য আবার অপেক্ষা করুন, এবং তাই
& Lt; div & gt; ব্যবহার করে দর্শক অভিজ্ঞতা উন্নত করার জন্য
ডিএইচটিএল ব্যবহার করে, এই অভিজ্ঞতাকে উন্নত করার সবচেয়ে সহজ উপায়গুলির মধ্যে একটি হল ডিভি উপাদানগুলিকে যখন অনুরোধ করা হয় তখন সামগ্রী প্রদর্শন করতে ও বন্ধ করা যায়। একটি div উপাদান আপনার ওয়েবপৃষ্ঠায় লজিক্যাল বিভাগ নির্ধারণ করে। একটি ডিভি হিসাবে একটি বাক্স হিসাবে চিন্তা করুন যে অনুচ্ছেদের, শিরোনাম, লিঙ্ক, ছবি, এমনকি অন্যান্য divs থাকতে পারে।
আপনার কি প্রয়োজন
একটি div তৈরি করতে যাতে চালু এবং বন্ধ toggled করা যেতে পারে, আপনি নিম্নলিখিত প্রয়োজন:
- ক্লিক করার সময় এটি চালু এবং বন্ধ করে DIV নিয়ন্ত্রণ করতে একটি লিঙ্ক
- DIV প্রদর্শন এবং লুকান
- সিএসএস লুক লুকানো বা দৃশ্যমান শৈলী
- কর্ম সঞ্চালন জাভাস্ক্রিপ্ট
কন্ট্রোলিং লিংক
কন্ট্রোলিং লিঙ্ক হল সবচেয়ে সহজ অংশ। সহজভাবে একটি লিঙ্ক তৈরি করুন যেমন আপনি অন্য পৃষ্ঠায় করতে হবে। এখন জন্য, href অ্যাট্রিবিউট ফাঁকা রাখুন
জানুন এইচটিএমএলআপনার ওয়েবপৃষ্ঠা এই কোথাও স্থাপন করুন।
ডিভি দেখান এবং লুকান
আপনি প্রদর্শন এবং আড়াল করতে চান ডিভি উপাদান তৈরি করুন নিশ্চিত করুন যে আপনার div এর একটি অনন্য আইডি আছে। উদাহরণস্বরূপ, অনন্য আইডি এইচটিএমএল শিখছে ।
এটি বিষয়বস্তু কলাম। এই ব্যাখ্যা পাঠ্য ছাড়া এটি খালি শুরু হয়। আপনি বাম দিকে নেভিগেশন কলামে শিখতে চান তা চয়ন করুন। পাঠ্যটি নীচে প্রদর্শিত হবে: p> আপনার CSS এর জন্য দুটি ক্লাস তৈরি করুন: div এবং অন্যটি এটি দেখানোর জন্য। আপনি এই জন্য দুটি অপশন আছে: প্রদর্শন এবং দৃশ্যমানতা প্রদর্শন পৃষ্ঠা প্রবাহ থেকে div মুছে ফেলা হয়, এবং দৃশ্যমানতা কিভাবে এটি দেখা যায় পরিবর্তন। কিছু কোডার প্রদর্শন পছন্দ করে, কিন্তু কখনও কখনও দৃশ্যমানতা অর্থ বুঝতে পারে। উদাহরণ স্বরূপ: আপনি যদি দৃশ্যমানতা ব্যবহার করতে চান, তাহলে এই ক্লাসগুলিকে এতে পরিবর্তন করুন: আপনার div এ লুকানো শ্রেণি যোগ করুন যাতে এটি পৃষ্ঠায় লুকানো হিসাবে শুরু হয়: এই স্ক্রিপ্টটি আপনার ডিভিতে বর্তমান বর্গ সেটটি দেখায় এবং এটি গোপন বা তদ্বিপরীত হিসাবে উল্লিখিত হলে এটি অনির্বাচিত করতে টগল করে। এটি জাভাস্ক্রিপ্টের কয়েকটি লাইন মাত্র। আপনার HTML নথির শীর্ষে নিম্নলিখিতটি রাখুন ( এই স্ক্রিপ্ট কি, লাইন দ্বারা লাইন: স্ক্রিপ্ট কাজ করতে, আপনি আরও একটি জিনিস করতে হবে। আপনার লিঙ্ক ফিরে যান এবং href বৈশিষ্ট্যাবলী থেকে জাভাস্ক্রিপ্ট যোগ করুন। আপনি এই href এর মধ্যে আপনার div নামকরণ করা সঠিক অনন্য আইডি ব্যবহার নিশ্চিত করুন: অভিনন্দন! আপনি এখন একটি লিঙ্ক আছে যে দেখাবে এবং লুকান যখনই আপনি একটি লিঙ্ক ক্লিক করুন। এই স্ক্রিপ্ট বোকা-প্রমাণ নয় কিছু পরিস্থিতিতে এটি আপনার জন্য সমস্যা হতে পারে: আপনি সবসময় আপনার গ্রাহকদের সঙ্গে এই মত ডাইনামিক এইচটিএমএল পরীক্ষা করা উচিত। একবার আপনি আত্মবিশ্বাসী বোধ করেন যে তারা বুঝতে এবং এটি ব্যবহার করতে পারে, এটি প্রচুর পরিমাণে দৃশ্যমান স্থান গ্রহণ ছাড়াই আপনার ওয়েবপৃষ্ঠাতে প্রচুর পরিমাণে সামগ্রী পেতে একটি দুর্দান্ত উপায় হতে পারে। এইচটিএমএল জানুন h3>
সিএসএস দেখান এবং div লুকান
জাভাস্ক্রিপ্ট এটি কাজ করতে
সম্ভাব্য সমস্যাগুলি দেখুন