ওয়েব ডিজাইন এ নতুনদের জন্য আরও নির্দেশনা

ওয়েব ডিজাইন কি?

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

** যদিও শাব্দিক অর্থ ভিন্ন তবু ওয়েব ডিজাইন এবং ডেভেলপমেন্ট একি অর্থে ব্যাবহার করে এর শাব্দিক অর্থ লঙ্ঘন করা হচ্ছে।আপনি যদি বলেন আমি ওয়েব ডিজাইনার তাহলে ধরা হয় আপনি ডেভেলপমেন্ট এর কাজও জানেন।আসল অর্থ হল-ওয়েব ডেভেলপার=যে প্রোগ্রামার,কোডিং করে,অ্যাপ্লিকেশন তৈরী করে।আর ওয়েব ডিজাইনার=যে ডিজাইন করে,সাইটের বাহ্যিক রুপ কেমন হবে তা তৈরী করে,কোডিং করেনা।

প্রত্যেক ওয়েব ডেভেলপার এর নিচের বিষয়গুলি জানা উচিৎ

কিভাবে www কাজ করে
এইচটিএমএল
সিএসএস
জাভাস্ক্রিপ্ট
এক্সএমএল
সার্ভার স্ক্রিপ্টিং ল্যাংগুয়েজ
SQL দিয়ে ডেটাবেস বানানো

WWW - World Wide Web

WWW হচ্ছে একটা কম্পিউটার নেটওয়ার্ক যা সারা বিশ্বে ছড়ানো। WWW কেই বলা হয়ে থাকে Web.

এই ওয়েবে কম্পিউটারগুলো একটি অপরটির সাথে কিছু নিয়ম ও ভাষা ব্যাবহার করে যোগাযোগ করে থাকে।

W3C (The World Wide Web Consortium) এই ভাষা এবং নিয়মগুলো তৈরী করে যাচ্ছে।
এইচটিএমএল- ওয়েবের ভাষা

এইচটিএমএল হচ্ছে ওয়েবের ভাষা, প্রত্যেক ওয়েব ডেভেলপারকে এর মৌলিক বিষয়াদি জানা চাই।

এইচটিএমএল এ "markup tags" ব্যাবহার করা হয় ওয়েব পেজের লেআউট ও কনটেন্ট তৈরীর জন্য।

এইচটিএমএল tag <h1> ইংগিত করে এটা একটা header,এবং <p> একটা Paragraphp কে ইংগিত করে।

সিএসএস- ক্যাশক্যাডিং স্টাইল শিট

এটা দিয়ে এইচটিএমএল page কিভাবে দেখাবে তা ঠিক করা যায়।

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

জাভাস্ক্রিপ্ট ক্লাইন্ট সাইড স্ক্রিপ্টিং (ব্রাউজার স্ক্রিপ্টিং) এর জন্য ব্যাবহৃত হয়।এটা দিয়ে পেজে ডাইনামিক কনটেন্ট যোগ করতে পারবেন।

একটা জাভাস্ক্রিপ্ট statement দেখতে এমন: document.write("<p>" + date + "</p>")

এক্সএমএল- এক্সটেনসিবল মার্কআপ ল্যাংগুয়েজ

এটা এইচটিএমএল এর পরিবর্তে ব্যাবহৃত হয় এমন নয় বরং এটা ডেটা বহন ও সংরক্ষন এর জন্য।

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

সার্ভার সাইড স্ক্রিপ্টিং হচ্ছে "programming" ওয়েব সার্ভারের জন্য।

পূর্নাঙ্গ ডাইনামিক কনট্ন্টে তৈরীর জন্য এটা জানতে হবে।Server-side scripting দ্বারা আপনি ডেটাবেস থেকে ডেটা তুলে এনে এইচটিএমএল page দেখাতে পারেন।(অনেক কাজের মধ্যে এটা একটা)
SQL দিয়ে ডেটাবেস বানানো

Structured Query Language (SQL) দিয়ে যেকোন ডেটাবেসে একসেস নিতে পারেন যেমন MySQL,Oracle ইত্যাদি।

এটা এমন একটা ইন্জিন যেটা দিয়ে ওয়েবে ডেটাবেসের সাথে তথ্য বিনিময় করা যায়।