ওয়েব ডিজাইন ও ডেভেলপমেন্ট Part 3-4

HTML Part 03

Html কি এবং কিভাবে আসলো তা নিয়ে আগের পর্বগুলোতে আমি বলেছি ।
আজকে বলবো ওয়েব ডিজাইন যে করবো তা কোন সফটওয়্যার ব্যবহার করে করবো ?
আমি এডোব কোম্পানির ড্রিমওয়েভার এবং Notepad++ কথা বলবো ।
এই কম্পাইলার বা সংকলনের সফটওয়্যারগুলো দিয়ে খুব সহজে আপনি কোড করতে পারবেন ।
এডোব এর পুরো প্যাকেজ এর সাথে ড্রিমওয়েভার পাবেন । CS6 এবং CC যেকোন একটি ব্যবহার করতে
পারেন আপনি । আর গুগলে Notepad++ download দিয়ে সার্চ দিলেতো সহজেই পেয়ে যাবেন এটি ।
এখন কথা হলো কোনটার কি সুবিধা । Notepad++ তে আপনি অল্প সময়ে ডাউনলোড করতে পারবেন এবং কাজ শুরু করতে
পারবেন । অপরদিকে এডোব এর ড্রিমওয়েভার তে আপনি আপনার কোড এর বিস্তারিত দেখতে পাবেন আরও । কারণ
এতে আছে ডিজাইন , কোড এইরকম বেশকিছু মেনুবার । উভয়টি আপনি অনেকগুলো পেজ ক্রিয়েট করে
ওয়েবসাইটের ওয়েবপেজ পাশাপাশি রেখে কোড করতে পারবেন এবং সেভ করতে পারবেন । একটা পেজের সাথে আরেকটা
পেজের লিংক করতে কোনটাতেই সমস্যা হবেনা ।
পোস্টে ছবিসহ দিলাম ।
কেমন হলো পোস্ট বলবেন । সবাই কি বুঝছেন ? কমেন্টে বলুন আপনার মতামত । আর মিস করবেন না ।
আমরা কিন্তু কোড করা শুরু করতে যাচ্ছি ।

HTML Part 04

ওয়েবসাইট তৈরি করতে হলে সবকিছু body এর মাঝে লিখতে হয় । মানুষের শরীরে ভেতর সব থাকে
। ঠিক তেমনি ওয়েবসাইটে body এর মাঝে সব কোড লিখতে হয় ।
body একটা ট্যাগ এর মাঝে থাকে । তাহলে সেটা কেমন ?
নিম্নরূপ

???

বডি আছে মাথা ও থাকবে !
তাহলে সেটা কিভাবে ?

নিম্নরূপে
<html>
<head> </head>

</html>

<head> এবং </head> এর মাঝেই থাকবে টাইটেল ।

এইতো গেলো head এবং body এর গল্প ।

আরেকটি বিষয় এখানে রয়েছে । সেটা হল heading . এটি কিন্তু <head> ট্যাগ নয় । এটি অন্য বিষয় ।
এই হেডিং ৬ প্রকার । এটা কিভাবে কাজ করে ?

নিম্নরূপে

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

ছবির মতন একেক হেডিং এর ভেতর লেখাগুলো একেক সাইজে হয় । শুধুমাত্র h এর পর 1,2,3,4,5,6 লিখে
<h1>heading </h1>
এইরকম কোড লিখতে থাকলে একেক সাইজের লেখা আপনি ওয়েবপেজে পাবেন ।

আর এই সবকিছু নিম্নরূপ লিখতে হয় বিস্তারিত

<body>

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

</body>