HTML Editor

আমরা যারা কম্পিউটারের সাথে পরিচিত, কম্পিউটার ব্যবহার মোটামুটি জানি তাদের খুব ভালোভাবে জানা আছে যে প্রতিটি প্রোগ্রামের জন্য আলাদা সফটওয়্যার আছে যার মাধ্যমে ওই কাঙ্খিত প্রোগ্রাম চালানো যায়। তাই মনে প্রশ্ন আসা স্বাভাবিক যে HTML সংকেত কিভাবে লিখতে হবে? এর জন্য বিশেষ কোন সফটওয়্যার আছে কি না? যদি না থাকে তবে কিভাবে কিভাবে ডিজাইন করতে হবে? এর উত্তর হল হ্যাঁ। HTML এডিট করার জন্যে সফটওয়্যার আছে। 

1. Adobe Dreamweaver
2. Microsoft Expression Web
3. Coffee Cup HTML Editor

তবে যারা নতুন তাদের জন্যে যে কোন সাধারণ টেক্সট এডিটর ব্যবহার করা ভাল। যেমন :- Notepad (PC) এবং Text Edit (Mac)। আমার বিশ্বাস HTML শেখার জন্যে সাধারণ টেক্সট এডিটর ব্যবহার করা বুদ্ধিমানের কাজ।

এবার মূল বিষয়ে আসি। কিভাবে টেক্সট এডিটর ব্যবহার করে সংকেত গুলো লেখা যায়?

HTML পরিচিতি

আমরা বুঝতে পেরেছি লেখাপড়া শিখতে হলে যেমন বর্ণমালা শেখা প্রয়োজন তেমনি ওয়েব ডিজাইন শিখতে হলেও এইচ টি এম এল শেখা প্রয়োজন। এইচ টি এম এল শেখার আগে আমাদের জানা দরকার এইচ টি এম এল কী, এটি কিভাবে কাজ করে? তো শুরু করা যাক:

HTML কী:

সহজ কথায় বলতে গেলে এইচ টি এম এল হল ওয়েব ডিজাইন বর্ণনা করার ভাষা। অর্থাৎ ওয়েব সাইটটি কেমন দেখাবে, ডিজাইন করার সময় যে ভাষায় বর্ণনা করা হয় তাই এইচ টি এম এল (HTML)।

আর একটু বিশ্লেষণ করে দেখা যাক এইচ টি এম এল কী জিনিস।

* HTML এর পূর্ণাঙ্গ রুপ হল Hyper Text Markup Language.

* HTML একটি Markup Language অর্থাৎ চিহ্নিত করার ভাষা।

* Markup Language হল এক সেট Markup Tags.

* Tag ডকুমেন্টের আলোচ্য বিষয়গুলো বর্ণনা করে।

* ডকুমেন্টে Tag এবং লেখা (plain text) থাকে।

* HTML ডকুমেন্টসকে ওয়েব পেইজ ও বলা হয়ে থাকে।

একটি উদাহরণ দিলে ব্যপারটা বুঝতে আরো সহজ হবে। নিচের কোড গুলো লক্ষ্য করুন:

ওয়েব ডিজাইন: প্রাথমিক ধারনা

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

নিশ্চয় এতক্ষনে মনের মধ্যে প্রশ্ন শুরু হয়ে গেছে কী সেই কোড