নিজের হাতে ওয়েবসাইট বানানো শিখুন – একদম শুরু থেকে খুব সহজে!

হ্যালো বন্ধুরা! কেমন আছেন সবাই? আশাকরি ভালো আছেন। আজকে আমরা খুবই ইন্টারেস্টিং আর গুরুত্বপূর্ণ একটা বিষয় নিয়ে কথা বলব আর সেটা হলো ওয়েব ডেভেলপমেন্টের বেসিকস! আজকাল প্রত্যেকেরই একটা ওয়েবসাইট থাকা দরকার – ব্লগ, পোর্টফোলিও, ছোট ব্যবসার সাইট, ফ্রিল্যান্স প্রোফাইল – সবকিছুর জন্য। আমি নিজে প্রথম যখন ওয়েব ডেভেলপমেন্ট শিখতে শুরু করি, তখন ভেবেছিলাম এটা খুব কঠিন। কিন্তু মাত্র কয়েক সপ্তাহের মধ্যেই আমি একটা সিম্পল ওয়েবসাইট বানিয়ে ফেলেছি। আজ তোমাদের সাথে সেই বেসিক ধাপগুলো শেয়ার করব, যাতে তুমিও শুরু করতে পারো।

প্রথমেই জেনে নাও ওয়েবসাইট বানাতে আসলে কী কী লাগে? শুধু ৩টা মূল জিনিস!

১. পেজের গঠন বানানো (HTML-এর কাজ)

এটা দিয়ে তুমি ঠিক করো যে তোমার সাইটে কী কী থাকবে — যেমন: বড় হেডিং লেখা, ছোট প্যারাগ্রাফ, ছবি, লিঙ্ক, বাটন ইত্যাদি। মনে করো এটা যেন একটা ঘরের কাঠামো — দেওয়াল, দরজা, জানালা কোথায় থাকবে সেটা ঠিক করা।

২. সাইটকে সুন্দর করা (CSS-এর কাজ)

এখানে তুমি রং দাও, ফন্ট বড়-ছোট করো, জায়গা ফাঁকা রাখো, ছবিকে ডানে-বামে সাজাও। মানে ঘরের কাঠামো বানানোর পর সেটাকে রং করে, আয়না লাগিয়ে, সুন্দর করে সাজানোর মতো।

৩. সাইটকে জীবন্ত করা (JavaScript-এর কাজ — পরে শিখলেই চলবে)

এটা দিয়ে তুমি বাটন ক্লিক করলে কিছু ঘটানো, ছবি চেঞ্জ করা, ফর্ম চেক করা — এসব করতে পারো। এটা যেন ঘরে লাইট, ফ্যান, দরজা অটো খোলা-বন্ধ হওয়ার ব্যবস্থা।

সাইটটা মোবাইলে-ল্যাপটপে সব জায়গায় সুন্দর দেখানোর উপায় (সবচেয়ে গুরুত্বপূর্ণ টিপস!)

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

মানে:

  • ল্যাপটপে বড় স্ক্রিনে লেখা বড়-বড় থাকবে।
  • ফোনে গেলে লেখা ছোট হয়ে যাবে, ছবি ছোট হয়ে যাবে, সবকিছু এক লাইনে সাজানো হয়ে যাবে।

এটা করার জন্য তুমি শুধু বলে দিবে: “যদি স্ক্রিন ছোট হয় (যেমন ফোনের মতো), তাহলে লেখা ছোট করে দাও, জায়গা কমিয়ে দাও। ”

এভাবে সাইটটা সব ডিভাইসে সুন্দর আর আরামদায়ক দেখায়। আমি নিজে এই ট্রিকটা প্রথম শিখে খুব মজা পেয়েছিলাম — কারণ আমার সাইট হঠাৎ ফোনে গেলে পুরোপুরি চেঞ্জ হয়ে যেত, কিন্তু খারাপ লাগত না!

কোথা থেকে শুরু করবে

  1. প্রথমে একটা খালি ফাইল বানাও (নাম দাও index.html)
  2. খুব সহজ কয়েকটা লাইন লিখে ব্রাউজারে খোলো — দেখবে তোমার নামের একটা পেজ!
  3. তারপর রং-ফন্ট যোগ করো।
  4. ছোট ছোট পরীক্ষা করতে থাকো।

শেখার জন্য সেরা জায়গা (সব ফ্রি)

  • freeCodeCamp.org (খুবই সহজ করে শেখায়)
  • W3Schools.com (যেকোনো সময় দেখতে পারো)
  • YouTube-এ “HTML CSS Bangla Tutorial” সার্চ করো

আমি নিজে freeCodeCamp দিয়ে শুরু করেছিলাম। প্রতিদিন ৩০-৪৫ মিনিট দিলেই ১-২ মাসে তুমি নিজের একটা ছোট সাইট বানাতে পারবে।

ওয়েবসাইট বানানো এখন আর কঠিন কিছু না

এটা একটা মজার খেলার মতো — তুমি যা চাও তাই বানাতে পারো! ফ্রিল্যান্সিং করতে চাও? নিজের ব্লগ? ব্যবসার সাইট? সব সম্ভব। আমি নিজে এটা করে অনেক মজা পাই। তুমিও আজ থেকেই শুরু করে দাও। কোনো জায়গায় আটকে গেলে টিউমেন্ট করো, আমি হেল্প করব। চলো, তোমার প্রথম ওয়েবসাইট বানাই! 💻✨

Level 0

আমি শাজেদা আক্তার। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 4 দিন 14 ঘন্টা যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 4 টি টিউন ও 0 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস