“ওয়েব ডিজাইন” আপনার পথ চলা [২য়-পর্ব]

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

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

শেখার যত অলিগলি~!

শেখার কোন বিকল্প নেই । আপনাকে শিখতে হবে, অনেক শিখতে হবে । অনেক পরিশ্রম আর সময় দিয়ে আপনাকে শিখতে হবে ।

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

HTML

HTML এর পূর্ণ রুপ HyperText Markup Language । অনেকেই এটিকে প্রোগ্রামিং ভাষা বলে ভুল করে থাকবেন । এটি কোন প্রোগ্রামিং ভাষা নয় । এটি একটি মারকাপ ভাষা । মারকাপ এমন একটি ভাষা যা কিছু ট্যাগ ব্যবহার করে ওয়েব পেজ গঠন করে । এগুলো মানুষ পড়তে পারে । প্রোগ্রামিং ল্যাঙ্গুয়েজ এর মত হাবিজাবি হ-জ-ব-র-ল ভাষা না । এগুলো তে কিছু পরিচিত শব্দ ব্যবহার করা হয় । এইচটিএমএল কে ওয়েবপেজ এর কংকাল বলা হয় । এটি ওয়েবপেজ এর গঠন তৈরি করে ।
শেখার জন্য কিছু রিসোর্স দিয়ে দিচ্ছি । এগুলো থেকেই অনেক ভালো শিখতে পারবেন ।
বাংলাঃ
টেক্সট টিউটোরিয়ালঃ

• Webcoachbd.com এর এইচটিএমএল টিউটোরিয়াল ।
• Tutorialbd.com এর এইচটিএমএল টিউটোরিয়াল ।
• Techtunes.com.bd এর "আসুন HTML শিখি" ও "HTML হাতেখড়ি" ।
• HTML এর বাংলা ইবুক ।

ভিডিও টিউটোরিয়ালঃ

• আর আর ফাউন্ডেশন এর এইচটিএমএল বেসিক টিউটোরিয়াল ।
• বিডিগিক্স এর এইচটিএমএল বেসিক টিউটোরিয়াল ।

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

• w3schools.com এর HTML Tutorial । এটি খুবই জরুরী এবং কাজের । আপনাকে অবশ্যই একবার হলেও w3schools এর টিউটোরিয়াল গুলো পড়তে হবে ।
• codeacademy.com থেকে এইচটিএমএল শিখতে পারেন । এখানে খুব সুন্দর করে শেখা যায় । অনেক সুবিধা পাবেন এই সাইট এ ।
• Head First HTML and CSS বইটি ডাউনলোড করে পড়ুন । অনেক ভালো মানের একটি বই । এটি থেকে অনেক ভালো শিখতে পারবেন এবং এইচটিএমএল এর পাশাপাশি সিএসএস ও শেখা হয়ে যাবে ।
• এছারাও আরো অনেক ইংরেজি টিউটোরিয়াল এবং বই আছে এইচটিএমএল এর উপর । চাইলে গুগল থেকে সার্চ করে পড়তে পারেন । আপনার লস হবে না, অনেক কিছু শিখতে পারবেন ।

ভিডিও টিউটোরিয়ালঃ

• lynda.com এর HTML Essential Training
• tutsplus.com এর 30 Days to Learn HTML and CSS  । দারুণ একটি কোর্স । এটি দেখার জন্য আমি বিশেষ ভাবে অনুরোধ করছি ।
• এছারাও অনেক ভিডিও টিউটোরিয়াল আছে । গুগল থেকে সার্চ করে দেখতে পারেন । ইউটিউব এ ও অনেক ফ্রী টিউটোরিয়াল পাবেন ।

এগুলো থেকে যত পারুন পড়ুন, যত পারুন দেখুন, যত পারুন শিখুন । আপনি অনেক ভাল মানের ওয়েব ডিজাইনার হতে পারবেন ।

CSS

CSS এর পূর্ণ রুপ Cascading Style Sheet । এটি দিয়ে মুলত ওয়েবপেজ গুলো ডিজাইন করা হয় । শুধু এইচটিএমএল দিয়ে ওয়েবপেজ বানালে তা শুধু কিছু লেখা মাত্র দেখা যাবে । কিন্তু সেই ওয়েবপেজ কে সুন্দর রুপ দিতে হলে আপনার দরকার হবে সিএসএস । এইচটিএমএল হচ্ছে ওয়েব পেজ এর কংকাল আর সিএসএস হচ্ছে তার উপরে মাংস, চামড়া ইত্যাদি । বুঝতেই পারছেন, সিএসএস ছাড়া এইচটিএমএল একটি কংকাল এর মতই দেখাবে । সিএসএস এইচটিএমএল এর গঠনে রুপ দেয় ।
সিএসএস শেখার জন্য কিছু রিসোর্স দিচ্ছি । শেখা শুরু করে দিন ।
বাংলাঃ
টেক্সট টিউটোরিয়ালঃ

• webcoachbd.com থেকে সিএসএস এর টিউটোরিয়াল ।
• tutorialbd.com থেকে সিএসএস এর টিউটোরিয়াল  ।
• সিএসএস এর বাংলা বই ডাউনলোড করে পড়ুন ।

ভিডিও টিউটোরিয়ালঃ

• আর আর ফাউন্ডেশন এবং বিডিগিক্স এর এইচটিএমএল টিউটোরিয়াল এই সিএসএস নিয়ে আলোচনা করা হয়েছে ।
• freebanglatutorial.com এর সিএসএস টিউটোরিয়াল ।

ইংরেজিঃ
টেক্সট টিউটোরিয়ালঃ

• w3schools.com থেকে CSS Tutorial টি শেষ করুন । এটি বেসম্ভব উপকারি ।
• Head First HTML and CSS বইটি ডাউনলোড করে পড়ুন । (বিঃদ্রঃ এটি এবং এইচটিএমএল এর বইটি একই । এইচটিএমএল এর ইংরেজি বইটি ডাউনলোড করে থাকলে, এটি ডাউনলোড করার প্রয়োজন নেই ।)

ভিডিও টিউটোরিয়ালঃ

• lynda.com এর CSS Fundamentals ।
• tutsplus.com এর 30 Days to Learn HTML and CSS কোর্সটিতে এইচটিএমএল ও সিএসএস একসাথে শিখতে পারবেন ।

এছারাও আরো অনেক বাংলা এবং ইংরেজি টিউটোরিয়াল আছে । গুগল থেকে খুজে শিখতে থাকুন ।

HTML5

HTML 5 হচ্ছে HTML এর একটি নতুন ভার্সন । এতে নতুন অনেক সুবিধা যোগ করা হয়েছে । কিছু লিঙ্ক একসাথে দিচ্ছি নিচে । সেগুলো থেকেই শিখতে পারবেন ।

• w3schools.com এর HTML 5 Tutorial
• freebanglatutorial.com এর এইচটিএমএল ৫ বাংলা টিউটোরিয়াল ।
• lynda.com এর HTML 5 First Look

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

CSS3

CSS 3 হচ্ছে CSS এর একটি নতুন ভার্সন । এতে অনেক নতুন এবং দারুণ সুবিধা যোগ করা হয়েছে । এর জন্য বাংলা ভালো কোন টিউটোরিয়াল আমি পাই নি । তাই ইংরেজি টিউটোরিয়াল শেয়ার করছিঃ
টেক্সটঃ

• w3schools.com এর CSS3 Tutorial দেখেই আপনি সিএসএস৩ এ মোটামোটি এক্সপার্ট হতে পারবেন ।

ভিডিওঃ

• lynda.com এর CSS3 first look এটি দেখে অনেকটা উপকৃত হবেন ।

এছাড়াও সিএসএস ৩ এর অনেক টিউটোরিয়াল এবং বই আছে । গুগল থেকে খুজতে থাকুন আর দেখতে থাকুন ।

Photoshop

ওয়েব ডিজাইন এর জন্য ফটোশপ এ বেসিক জ্ঞান থাকা জরুরী । ছোট খাটো কাজের জন্য আপনাকে ফটোশপ জানতে হবে । তবে খুব ভালো জানা লাগবে এমন কোন কথা নয় । বেসিক শেখার জন্য রিসোর্সঃ

• rrfoundation.net এর বেসিক ফটোশপ টিউটোরিয়াল ।
• bdgeeks.com এর ফটোশপ টিউটোরিয়াল ।
• webcoachbd.com এর ফটোশপ বেসিক ।
• আরো অনেক টিউটোরিয়াল আছে, সবগুলো দিচ্ছি না কারণ তেমন দরকার নেই । এখান থেকে যতটুকু ধারণা পাবেন আশা করি এতে কাজ হয়ে যাবে । আর আপনি যদি আরো বেশি শিখতে চান তাহলে আপনার পাশে সবসময় আছে গুগল মামা ।

Javascript

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

• w3schools.com এর Javascript Tutorial
• webcoachbd.com এর জাভাস্ক্রিপ্ট টিউটোরিয়াল ।
• freebanglatutorial.com এর জাভাস্ক্রিপ্ট টিউটোরিয়াল ।
• bdgeeks.com এর জাভাস্ক্রিপ্ট টিউটোরিয়াল ।
• lynda.com এর Javascript Essential Training (2011)

ইন্টারনেট এ জাভাস্ক্রিপ্ট এর উপর ও প্রচুর বই, টিউটোরিয়াল আছে । আপনার শেখার কোন কমতি হবে না । যদি শিখতে চান ।

jQuery

jQuery একটি জাভাস্ক্রিপ্ট লাইব্রেরী । জেকুয়েরি আপনার ওয়েবসাইট এ জাভাস্ক্রিপ্ট এর ব্যবহার সহজ করে দেয় । জেকুয়েরি হচ্ছে "কথা কম কাজ বেশি" টাইপ এর লেঙ্গুয়েজ । যে প্রোগ্রাম টি করতে আপনার ১০০ লাইন এর জাভাস্ক্রিপ্ট লিখতে হবে, জেকুয়েরি দিয়ে আপনি সেটা এক লাইন এ করতে পারেন । আপনি যদি জাভাস্ক্রিপ্ট পারেন, তবে জেকুয়েরি শেখা আপনার জন্য সহজ হবে । জেকুয়েরি শিখতে হলে আপনাকে এইচটিএমএল, সিএসএস, জাভাস্ক্রিপ্ট জানতে হবে । শেখার পথ চিনিয়ে দিচ্ছি, শেখার কাজ টুকু আপনার জন্য রইলঃ

• w3schools.com এর jQuery Tutorial
• webcoachbd.com এর জেকুয়েরি টিউটোরিয়াল ।
• bdgeeks.com এর জেকুয়েরি টিউটোরিয়াল ।
• freebanglatutorial.com এর জেকুয়েরি ।

CMS

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

• rrfoundation.net এর ওয়ার্ডপ্রেস টিউটোরিয়াল ।
• freebanglatutorial.com এর ওয়ার্ডপ্রেস বেসিক টিউটোরিয়াল ।
• lynda.com এর WordPress essential training
• wp.tutsplus.com এর WordPress 101 Basix

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

ফ্রী তে টিউটোরিয়াল নিন

আমি উপরে বেশ কিছু টিউটোরিয়াল দিয়েছি যেগুলো প্রিমিয়াম । অর্থাৎ টাকা দিয়ে কিনে দেখতে হয় । এর মধ্যে lynda.com ও tutsplus.com ই বেশি । কিন্তু আমাদের পক্ষে এত দাম দিয়ে এসব টিউটোরিয়াল কেনা সম্ভব নয়, কিনলেও আমাদের যেই ইন্টারনেট স্পীড তাতে এসব টিউটোরিয়াল ডাউনলোড করা সবার পক্ষে সম্ভব নয়, কারণ এগুলো বেশ বড় সাইজের টিউটোরিয়াল ।
এই সমস্যার সমাধানে ফেসবুক এ টিউটশেয়ার বিডি (TutShare BD) গ্রুপ রয়েছে আপনাদের সহায়তা করার জন্য । এই গ্রুপ এর সব মেম্বার মিলে টিউটোরিয়াল কালেকশন করে সবার সাথে শেয়ার করে । এদের মাসে একটি মিটাপ হয় এবং সেখানে সবাই তাদের ইচ্ছে মত টিউটোরিয়াল নিতে পারে । ইতি মধ্যে প্রায় ৩০০ জিবির মত ভিডিও টিউটোরিয়াল কালেক্ট করেছে তারা । এতে রয়েছে গ্রাফিক্স ডিজাইন, ওয়েব ডিজাইন, ওয়েব ডেভেলপমেন্ট, ভিডিও এডিটিং, প্রোগ্রামিং, এসইও, ইকমারস, ওয়ার্ডপ্রেস ইত্যাদি আরো অনেক টিউটোরিয়াল এর সমাহার । উপরে আমি যত টিউটোরিয়াল এর নাম বলেছি এই সব টিউটোরিয়াল ই আছে তাদের কালেকশনে । এছারাও আরো অনেক টিউটোরিয়াল আছে । টিউটোরিয়াল শুধু ইংরেজি না, আছে বাংলা টিউটোরিয়াল ও । ইংরেজি lynda.com, tutsplus.com, video2brain.com, videocopilot.com, phpacademy.org, thenewboston.com সহ আরো আন্তর্জাতিক মানের সব টিউটোরিয়াল আছে তাদের । আর বাংলা, আর আর ফাউন্ডেশন, বিডি গিক্স, ফ্রী বাংলা টিউটোরিয়াল ইত্যাদি অনেক টিউটোরিয়াল আছে ।
তাই দেরি না করে যোগ দিন তাদের ফেসবুক গ্রুপ এঃ https://www.facebook.com/groups/tutsharebd/