ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-০১] :: ওয়েব ডিজাইন পরিচিতি

আসসালামু আলাইকুম । কেমন আছেন সবাই? আশা করি মহান আল্লাহ্‌ তা’আলার অশেষ রহমতে ভাল আছেন? আমিও আলহামদুলিল্লাহ্‌ ভাল আছি ।

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

আমার আজকের চেইন টিউন এর বিষয় ওয়েব ডিজাইন পরিচিতি । আমরা এখন দেখবো আজকের টিউন থেকে আপনি কি কি শিখতে পারবেন?

  • ওয়েব ডিজাইন এর ধারণা
  • এইচটিএমএল এর সাথে সিএসএস এর সম্পর্ক
  • কিভাবে শুরু করবেন?

আমরা এখন ধাপে ধাপে এ তিনটি বিষয় নিয়ে আলোচনা করবো;

ওয়েব ডিজাইন এর ধারণা

একজন ওয়েব ডিজাইনের কাজ একটি ওয়েবসাইট দেখতে কেমন হবে তা নির্ধারণ করা । তিনি ওয়েব সাইটের জন্য টেম্পলেট ডিজাইন করে থাকেন । আমরা একটি ওয়েবসাইটের ভিজিটর হিসেবে ওয়েবসাইটের বাইরের যে কাঠামো দেখতে পাই, তা একজন ওয়েব ডিজাইনার তৈরি করেন । তিনি বিভিন্ন আইডিয়া থেকে ওয়েবসাইটের জন্য টেম্পলেট ডিজাইন করেন । আর ওয়েব ডেভেলপার কিভাবে ওয়েবসাইটটি কাজ করবে তা নির্ধারণ করেন । অনেকে ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট বিষয় দুটি একই বিষয় মনে করেন । আসলে ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট এর মাঝে পার্থক্য রয়েছে । যাইহোক কোন ব্যাপার, আমিও একসময় এটা-ই মনে করতাম ।

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

এইচটিএমএল এর সাথে সিএসএস এর সম্পর্ক

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

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

কিভাবে শুরু করবেন?

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

আজকের সেলফ ওয়ার্ক

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

১। ওয়েব ডিজাইন কি?
২। ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট কি এক?
৩। এইচটিএমএল কেন শিখতে হবে?
৪। সিএসএস কেন শিখতে হবে?
৫। ওয়েব ডিজাইন শিখতে প্রথমে কি শিখতে হবে?

প্রশ্নের উত্তর পেতে আজকের টিউটোরিয়ালটি ভাল করে পড়ুন । প্রশ্ন উত্তর দেওয়ার ক্ষেত্রে দয়া করে অন্যজনের কমেন্ট দেখে উত্তর দিবেন না । আপনি নিজে সমস্ত টিউনটি পড়ুন এরপর উত্তর দিন । আপনি যদি ২ টা প্রশ্নের উত্তর জানেন তাহলে ২ টা প্রশ্নের উত্তর দিন । কমেন্ট দেখে উত্তর দিয়ে নিজেকে ঠকাবেন না ।

আগামী চেইন টিউন পাবেনঃ ১৩ এপ্রিল, ২০১৫ (সোমবার)

আগামী চেইন টিউনের বিষয়ঃ এইচটিএমএল কি, কেন, কিভাবে?

টেকটিউনস এর সাথেই থাকুন ।

আজকের টিউটোরিয়াল এখানেই শেষ করছি । কোন বিষয় বুঝতে অসুবিধা হলে কমেন্ট এর মাধ্যমে প্রশ্ন করতে পারেন ।

আমার সাথে ফেইসবুক এ যোগাযোগ করতে এখানে ক্লিক করুন ।

ধন্যবাদ সবাইকে । ভাল থাকবেন । আল্লাহ্‌ হাফেজ ।

Level 0

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


টিউনস


আরও টিউনস


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


টিউমেন্টস

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

Level 0

উপস্থিতি জানান দিলাম। এবার গিয়ে পুরো লেখাটা পড়ে আসি 🙂

    @Basicali: আশা করি প্রত্যেকটি টিউটোরিয়াল এ উপস্থিত জানাবেন । ধন্যবাদ আপনার মূল্যবান মতামতের জন্য ।

১। ওয়েব ডিজাইনঃ আমরা ইন্টারনেটে যে সকল ওয়েব সাইট দেখতে পাই তা ডিজাইন করা হলো ওয়েব ডিজাইন।
২। ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্টঃ ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট এক নয়।
৩।এইচটিএমএলঃ ওয়েব ডিজাইন ও ওয়েব ডেভেলপমেন্ট শিখতে প্রথমে এইচটিএমএল শিখতে হবে। কারণ এইচটিএমএল একটি ওয়েব সাইটের কাঠামো গঠন করে।
৪।সিএসএসঃ সিএসএস দ্বারা ওয়েব সাইটের ডিজাইন করা হয়।
৫।ওয়েব ডিজাইন শিখতে হলে প্রথমেই এইচটিএমএল শিখতে হবে।

amra ai course theke kon level porjonto sikhte parbo?

১. ওয়েব সাইট তৈরীর পদ্ধতি ও ডিজাইন কে
২. না
৩. ওয়েব সাইটের কাঠামো তৈরিতে
৪. কাঠামো তৈরির পর তা ডিজাইন করতে
৫. HTML

Level 0

১। ওয়েব ডিজাইন কি?
উত্তর : একটি সম্পূর্ণ website তৈরির পদ্ধতিকে ওয়েব ডিজাইন বলে।
২। ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট কি এক?
উত্তর : না এক নয়।
৩। এইচটিএমএল কেন শিখতে হবে?
উত্তর : কারন web designe & web developmen যাই শিখতে চাই HTML হলো প্রথম ধাপ (এক কথায় প্রথম শিরি)
৪। সিএসএস কেন শিখতে হবে?
উত্তর : css এ কারনে শিখতে হবে css ছাড়া একটি website কে stylise করা যাবে না। তাই webdesigne শিখতে হলে অবশ্যই css শিখতে হবে।(এক কথায় css হলো দ্বিতীয় শিরি)
৫। ওয়েব ডিজাইন শিখতে প্রথমে কি শিখতে হবে?
উত্তর : আমার মতে প্রথমত পরিশ্রমি চিন্তা ভাবনা থাকতে হবে, প্রমত- HTML, দ্বিতীয়- css————-

    @Robin back: ধন্যবাদ ভাইয়া । তবে ভাইয়া, আপনি ৫ নম্বর প্রশ্নে আপনি লিখেছেন যে, আপনার মতে পরিশ্রমি চিন্তা ভাবনা থাকতে হবে । কিন্তু, ভাইয়া আমি তো লিখেছি কোনটা আগে শিখবেন? এবার আপনি-ই বলুন পরিশ্রমি চিন্তা ভাবনা কি শিখবেন? আপনি যা বুঝাতে চেয়েছেন তা বুঝতে পেরেছি । আমি যদি প্রশ্ন করতাম যে ওয়েব ডিজাইন এ প্রথমে কি দরকার? তাহলে আপনার কথা পুরোপুরি সঠিক হতো । কিন্তু, আমিতো বলেছি যে, ওয়েব ডিজাইন এ আপনি প্রথমে কি শিখবেন?
    তাই, উত্তরটা এইচটিএমএল – ই হবে ।
    ধন্যবাদ ভাইয়া, আপনার মতামতের জন্য ।

Level 0

১। ওয়েব ডিজাইন কি?
> ওয়েবসাইট তৈরি করা

২। ওয়েব ডিজাইন এবং ওয়েব ডেভেলপমেন্ট কি এক?
> এক নয় ।

৩। এইচটিএমএল কেন শিখতে হবে?
>ওয়েবসাইট ডিজাইন করতে হলে HTML শিখতেই হবে

৪। সিএসএস কেন শিখতে হবে?
>HTML দিয়ে ডিজাইন করা সাইটে প্রান দেয়ার জন্য

৫। ওয়েব ডিজাইন শিখতে প্রথমে কি শিখতে হবে?
>HTML

Level 2

আমি আজ থেকে শুরু করব। ইনশা আল্লাহ