গত পর্বের পর নতুন এই পর্বে আপনাকে স্বাগতম। আশা করি আপনি আমাদের বিগত পর্ব সমূহ দেখেছেন। আর যদি পুরাতন পর্বগুলো না দেখে থাকেন তবে অনুরোধ করবো আগের পর্বগুলো দেখে আসার। কারণ, প্রোগ্রামিং এমন একটি জগৎ যেখানে ছোট্ট একটু গ্যাপ(ঘাপলা) থাকলে পরবর্তী ধাপগুলো বুঝতে পারবেন না।তো শুরু করছি আজকের পর্ব।

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

আর চাকুরী প্রত্যাশীদের যে ক্ষতি হবে তাও কিন্তু না। অনেকে চাকুরীর পরীক্ষা এমনকি বিসিএস পরীক্ষায়ও তথ্য ও যোগাযোগ প্রযুক্তি থেকে প্রশ্ন এসে থাকে। তো বিগত পর্বগুলো মনোযোগ দিয়ে পড়লে চাকুরীর পরীক্ষায়ও ২/১ টি প্রশ্ন কমন পেতে পারেন।

অনেক আজাইরা বকবক করলাম 😃 এখন কাজের কথায় আসি।


এইচটিএমএল নিয়ে কথা বলা শুরু করতে হলে প্রথমেই জানতে হবে কোড কিভাবে লিখতে হয়? এখন কেউ আবার আমাকে এই প্রশ্ন করিয়েন না যে কোড কোথায় লিখবো? এই প্রশ্ন করা মানেই হলো আপনি পূর্ববর্তী লেখাগুলো ভালোভাবে পড়েননি অথবা এড়িয়ে এসেছেন।

কোড লেখার জন্য সর্বপ্রথম আপনি আপনার মোবাইলে ইন্সটল করা কোড সম্পাদকটি খুলবেন। তারপরে কোড লিখবেন এবং এরপরে সংরক্ষণ করবেন।

এক্ষেত্রে অসুবিধা হলে " ACODE সম্পাদক ব্যাবহার করবেন কিভাবে " এই লেখাটি পড়তে পারেন।

আমি সম্পূর্ণ কোর্সে ACODE সম্পাদকটি ব্যাবহার করবো, আপনি আপনার পছন্দেরটি ব্যবহার করতে পারেন।

আর ডেক্সটপ ব্যাবহারকারীরা নোটপ্যাডে কোড লিখে সংরক্ষণ করলেই চলবে।

একটি পূর্নাঙ্গ এইচটিএমএল কোডের গঠন নিম্নরূপঃ

<html>
  <head>
    <title>SOHOJ PROGGRAMMING</title>
  </head>
  <body>
    আপনার ওয়েবসাইটে কি কি প্রদর্শন করতে চান তা এখানে লিখবেন
  </body>
</html>

ফলাফলঃ

কোডের ব্যাখ্যাঃ

<html> ট্যাগ নির্দেশ করে যে এই ওয়েব পেজটি এইচটিএমএল দিয়ে লেখা। অর্থাৎ পেজটি একটি এইচটিএমএল ডকুমেন্ট হিসেবে ঘোষনা করা হয়।

<head> ট্যাগ ওয়েব পেজ সম্পর্কিত তথ্য ধারণ করে।

<title> ট্যাগ ওয়েব পেজের শিরোনাম(টাইটেল) ধারণ করে।

এই ট্যাগের কাজ বোঝার জন্য আপনি <title> ট্যাগ ছাড়া নিম্নের মতো করে কোড লিখুন এবং ফলাফল লক্ষ্য করূন।

কোডঃ

<html>
  <head>
  </head>
  <body>
    আপনার ওয়েবসাইটে কি কি প্রদর্শন করতে চান তা এখানে লিখবেন
  </body>
</html>

ফলাফলঃ


আপনি টাইটেল বারে সরাসরি ওয়েব পেজের লিংক পাবেন। কিন্তু<title> ট্যাগ যুক্ত করলে এর‌ মাঝে যা লিখবেন তাই টাইটেল বারে প্রদর্শন করবে।

<body> ট্যাগ ওয়েব পেজের উপাদান (কনটেন্ট) ধারণ করে। এখানে টেক্সট, ইমেজ(ছবি), লিংক, টেবিল ইত্যাদি থাকে।

</html> ট্যাগ ওয়েব পেজটি শেষ হয়েছে নির্দেশ করে। 

আপনার প্রথম এইচটিএমএল কোড তৈরি হয়ে গেলো। এখন চাইলেই নিজেকে একজন ছোটখাটো প্রোগ্রামার হিসেবে পরিচয় দিতে পারবেন। হা.. হা... হা... 

আপনাদের জন্য প্রতি পর্বেই কাজ (এসাইনমেন্ট) থাকবে। এসাইনমেন্ট জমা দিবেন আমাদের ফেসবুক গ্রুপে। 

ফেসবুক গ্রুপ লিংক➤  সহজ প্রোগ্রামিং 

এসাইনমেন্ট জমা দেওয়ার জন্য আমাদের গ্রূপে পোস্ট করতে হবে। এবং ক্যাপশনে এসাইনমেন্ট আইডি উল্লেখ করতে হবে এবং আপনার কোডটির স্ক্রিনশর্ট পোস্টে যুক্ত করতে হবে অথবা সম্পূর্ণ কোডটি ক্যাপশনে অথবা কমেন্টে উল্লেখ করতে হবে। এবং আপনার কোডের আউটপুট কি এসেছে তা পোস্টে অথবা কমেন্টে উল্লেখ করতে হবে।

নিচে নমুনা পোস্টের ছবি দেয়া হলো।



এই পর্বের এসাইনমেন্ট হলো নিচের চিত্রের মতো একটি ওয়েব পেজ তৈরি করা। এসাইনমেন্ট আইডিঃ #সহজ_প্রোগ্রামিং_এসাইনমেন্ট_০০০১



আজ এ পর্যন্তই... পরবর্তী পর্ব দেখার আমন্ত্রণ রইল। সে পর্যন্ত সবার সুস্বাস্থ্য কামনা করছি। আমাদের সাথে আপনার পথচলা শুভ হোক।

আমাদের লেখাগুলো ভালো লাগলে ওয়েবসাইটের লিংক সামাজিক যোগাযোগ মাধ্যমে শেয়ার করতে পারেন।