Now Reading
ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ২ (ডিজাইন)



ওয়েব ডিজাইন এবং ডেভেলপিং- পর্ব ২ (ডিজাইন)

ওয়েব ডিজাইন!

ওমা সেতো অনেক কঠিন কাজ!

আমার দ্বারা হবেনা!

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

আমি আমার ধারাবাহিক আর্টিকেলের দ্বিতীয় পর্বের এ পর্যায়ে আপনাদের সাথে আলোচনা করবো ডিজাইনিং সম্পর্কে এবং আপনারা কিভাবে বাসায় বসে এটা আয়ত্তে আনতে পারবেন।

ওয়েব ডিজাইনিংয়ের মধ্যে উল্লেখযোগ্য জিনিস হচ্ছেঃ HTML, CSS, HTML5, CSS3, PHOTOSHOP BASIC, JAVA SCRIPT, JQUERY.

দরকার পড়বে ২টি সফটওয়্যার এর। নোটপ্যাড++ এবং অ্যাডোব ফটোশপ।

এখন এই নামগুলো দেখে মনে হতে পারে এগুলো আবার কি! এখন জেনে নেওয়া যাক এগুলো সম্পর্কে কিছুটা আলোচনাঃ

            HTML

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

সহজে শেখার জন্য আপনাদেরকে কিছু রিসোর্স এর ব্যবস্থা করছি যার দ্বারা আপনারা অনেক সহজে অনেক কিছু শিখতে পারবেন।

 টিউটোরিয়াল

RR Foundation >https://www.youtube.com/user/rrfdhaka

BD Geeks> http://bdgeeks.com/videos/topics/html/

HTML Ebook> https://www.dropbox.com/s/5z4ln0ncfwus84g/html%20bangla%20ebook.pdf

W3school> https://www.w3schools.com/html/

Webcoach> http://www.webcoachbd.com/html-tutorials

Codeacademy> www.codeacademy.com

CSS

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

 টিউটোরিয়াল

আর আর ফাউন্ডেশন আর বিডি গিক্স এর লিঙ্ক গুলো উপরে দেওয়া আছে সেখানেই পাবেন।

Ebook> http://www.mediafire.com/file/roaic1oe4gxi4zj/CSS+bangla+e-book+by+faruk.zip

W3school> https://www.w3schools.com/css/default.asp

Webcoach> http://www.webcoachbd.com/css-tutorials

Codeacademy> www.codeacademy.com

HTML5

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

W3school> https://www.w3schools.com/html/default.asp

freebanglatutorial> www.freebanglatutorial.com

CSS3

CSS 3 হচ্ছে CSS এর একটি নতুন ভার্সন । এতে অনেক নতুন এবং দারুণ সুবিধা যোগ করা হয়েছে ।

W3school এর কিছু টিউটোরিয়াল দেখলে এটি পরিষ্কার হয়ে যাবে আপনার কাছে।

Photoshop

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

RR Foundation> https://www.youtube.com/user/rrfdhaka

BD Geeks> http://bdgeeks.com/category/%E0%A6%AB%E0%A6%9F%E0%A7%8B%E0%A6%B6%E0%A6%AA/

Webcoachbd> http://www.webcoachbd.com/photoshop-basic

Javascript

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

BD Geeks> http://bdgeeks.com/videos/topics/javascript/

Webcoachbd> http://www.webcoachbd.com/javascript-tutorials

W3school> https://www.w3schools.com/js/default.asp

jQuery

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

w3schools, webcoachbd, bdgeeks.com, freebanglatutorial.com থেকে আপনারা এর যথেষ্ট ভালো মানের টিউটোরিয়াল পাবেন।

 

একটু কষ্ট করে যদি সকল কিছু কষ্ট করে আয়ত্তে আনতে পারেন তাহলে কিন্তু অনেক কাজে দিবে। তবে দেরি কেনো? আজকেই মাঠে নেমে পড়ুন।

About The Author
Farhana Mou
I am a crazy movie lover 😀 & Professional Web designer & Wordpress Developer :-)
3 Comments
Leave a response

You must log in to post a comment