TechBlogSD - ওয়ার্ডপ্রেস এবং ওয়েব ডেভেলপমেন্টের জন্য সবকিছু
ওয়েব এবং ওয়ার্ডপ্রেস নির্দেশাবলী, খবর, থিম এবং প্লাগইনগুলির পর্যালোচনা

ডাইনামিক ওয়েবসাইটের বুনিয়াদি

6

ডাইনামিক ওয়েবসাইট কি?

স্ট্যাটিক ওয়েবসাইটের বিপরীতে, একটি ডাইনামিক ওয়েবসাইট বা একটি ওয়েবপৃষ্ঠা প্রতিবার ভিন্নভাবে বিষয়বস্তু প্রদর্শন করে যখন একজন ভিজিটর পৃষ্ঠাটি পুনরায় লোড বা রিফ্রেশ করে। এছাড়াও, এটি পুনরায় লোড না করে ওয়েবপেজের মধ্যে আরও ইন্টারেক্টিভ বৈশিষ্ট্য সরবরাহ করতে পারে। সবচেয়ে গুরুত্বপূর্ণভাবে ডাইনামিক ওয়েবপেজগুলি একাধিক স্ট্যাটিক বা ডায়নামিক পেজ একসাথে একত্রিত করে তৈরি করা হয়। নীচে দেখানো হিসাবে একটি পিএইচপি ব্লগ পোস্টের উদাহরণ নেওয়া যাক। এই পৃষ্ঠাটি header.php, footer.php, sidebar.php এবং main-content.php ফাইলের সমাবেশ।

ডাইনামিক ওয়েবসাইটের বুনিয়াদি

প্রক্রিয়াকরণের উপর ভিত্তি করে নিম্নলিখিত দুটি পদ্ধতি ব্যবহার করে এই ধরনের একটি গতিশীল পৃষ্ঠা তৈরি করা হয়:

  • ক্লায়েন্ট সাইড স্ক্রিপ্টিং
  • সার্ভারের সাইড স্ক্রিপ্টিং

ক্লায়েন্ট সাইড স্ক্রিপ্টিং

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

নিম্নলিখিত পয়েন্ট মনে রাখবেন:

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

ক্লায়েন্ট সাইড স্ক্রিপ্টিং কিভাবে জাভাস্ক্রিপ্ট দিয়ে কাজ করে তার উদাহরণ

এখানে একটি গতিশীল পৃষ্ঠার একটি উদাহরণ কোড যা ব্যবহারকারীর নাম জিজ্ঞাসা করে এবং তারপর এটি ব্রাউজার উইন্ডোতে HTML এবং জাভাস্ক্রিপ্ট ব্যবহার করে "হ্যালো ইউজারনেম" হিসাবে প্রদর্শন করে।

<HTML> <HEAD> <TITLE>WebNots - Dynamic Page Example with JavaScript</TITLE> <SCRIPT Language = JavaScript> var name = prompt("Enter your name", "Name"); </SCRIPT> </HEAD> <BODY> <SCRIPT Language = "JavaScript"> document.write("<H2> Hello " + name + "</H2>"); </SCRIPT> </BODY> </HTML>
  • ধরুন এই কোডটি " http://www.example.com/dynamicjavascript.html " নামে পৃষ্ঠার নাম সহ একটি ওয়েব সার্ভারে সংরক্ষিত আছে এবং একজন দর্শক ক্রোম ব্রাউজারে এই পৃষ্ঠাটি খুঁজছেন।
  • একবার ব্রাউজার থেকে রিকোয়েস্ট রিসিভ করলে ওয়েব সার্ভার কোন কোড প্রসেস করে না এবং HTML ডকুমেন্ট “dynamicjavascript.html" স্টোর করে পাঠায়।
  • ব্রাউজার এইচটিএমএল ডকুমেন্ট গ্রহণ করে, মার্কআপগুলি ব্যাখ্যা করে, স্ক্রিপ্ট প্রক্রিয়া করে এবং ওয়েবপেজ হিসাবে বিষয়বস্তু লোড করে।

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

সার্ভার সাইড স্ক্রিপ্টিং

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

সার্ভার সাইড স্ক্রিপ্টিং কিভাবে PHP এর সাথে কাজ করে তার উদাহরণ

সার্ভার সাইড স্ক্রিপ্টিংয়ের জন্য এখানে একটি উদাহরণ কোড দেওয়া হয়েছে যখনই পৃষ্ঠাটি এইচটিএমএল এবং পিএইচপি ব্যবহার করে লোড করা হয়।

<html> <head> <title>WebNots - Dynamic Page Example with PHP</title> </head>
  • ধরে নিচ্ছি এই কোডটি একটি সার্ভারে ” http://www.example.com/dynamicphp.php ” হিসাবে সংরক্ষিত আছে ।
  • যখন ব্রাউজার প্রথমবার এই ইউআরএল অনুরোধ করে, সার্ভার প্রথমে ডকুমেন্টে পিএইচপি কোড প্রসেস করে এবং প্রথম কন্টেন্ট "এটি একটি এইচটিএমএল সাইট" পাঠায়।
  • ব্রাউজার এই সামগ্রীটি গ্রহণ করে, মার্কআপগুলির জন্য ব্যাখ্যা করে এবং এটি শিরোনাম হিসাবে প্রদর্শন করে।
  • যখন পৃষ্ঠাটি দ্বিতীয়বারের জন্য অনুরোধ করা হয়, সার্ভার দ্বিতীয় উপাদান "এটি পিএইচপি দিয়ে তৈরি একটি সাইট" দিয়ে সাড়া দেয় এবং প্রক্রিয়াটি চলতে থাকে।

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

একটি ডাইনামিক ওয়েবপেজের বৈশিষ্ট্য

  • ডায়নামিক পেজ ব্যবহারকারীর চাহিদা অনুযায়ী কাস্টমাইজড তথ্য প্রদান করে।
  • একটি ওয়েবপৃষ্ঠায় দীর্ঘ সময় ধরে ভিজিটরদের যুক্ত করার জন্য আরো ইন্টারেক্টিভ উপাদান প্রদান করে।
  • সার্ভার সাইড স্ক্রিপ্টিং সার্ভারে অ্যাক্সেসের প্রয়োজন এবং তাই পরিষেবা প্রদানকারীর সাথে GoDaddy, Bluehost, SiteGround, HostGator ইত্যাদি হোস্টিং অ্যাকাউন্ট প্রয়োজন।
  • যদিও উইবলির মতো বিনামূল্যে ওয়েবসাইট নির্মাতা সরঞ্জামগুলি  সামগ্রীর গতিশীল সমাবেশের অনুমতি দেয় (কমপক্ষে উইবলিতে ব্লগ পোস্টের জন্য), আপনি সমস্যা সমাধানের জন্য সার্ভারটি অ্যাক্সেস করতে পারবেন না।
  • মৌলিক ফর্ম যাচাই ক্লায়েন্ট সাইড স্ক্রিপ্টিং দ্বারা সম্পন্ন করা হয় এবং জটিল প্রক্রিয়াকরণ সার্ভার সাইড স্ক্রিপ্টিং এর মাধ্যমে অর্জন করা হয়।

ডাইনামিক বনাম স্ট্যাটিক ওয়েবসাইট শিখুন ।

রেকর্ডিং উত্স: www.webnots.com
Leave A Reply

এই ওয়েবসাইট আপনার অভিজ্ঞতা উন্নত করতে কুকি ব্যবহার করে। আমরা ধরে নেব যে আপনি এটির সাথে ঠিক আছেন, তবে আপনি ইচ্ছা করলে অপ্ট-আউট করতে পারেন। আমি স্বীকার করছি আরো বিস্তারিত