বর্তমানে ওয়েব ডিজাইনে সবচেয়ে পরিচিত ও সবচেয়ে জনপ্রিয় কাজ হচ্ছে পিএসডি টু এইচটিএমএল (PSD2HTML) কনভার্শন। মোটামোটি এইচটিএমএল (HTML) সিএসএস (CSS) শেখার পরেই মানুষ পিএসডি টু এইচটিএমএল (PSD2HTML) কনভার্শন শিখে। মার্কেটপ্লেস গুলোতেও পিএসডি টু এইচটিএমএল (PSD2HTML) কনভার্শন এর অনেক কাজ। আর এটি বেশ গুরুত্বপূর্ণ একটি কাজ। একটি ওয়েবসাইট এর পিএসডি মোকআপ টেমপ্লেট থেকে পরিপুর্ণ ওয়েবসাইট তৈরি করা গুরুত্বপূর্ণ এবং আবশ্যিক একটি কাজ।

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

এটি হবে PSD2HTML এর একটি পূর্ণাঙ্গ ও পরিপূর্ণ কোর্স

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

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

PSD2HTML পূর্ণাঙ্গ চেইন কোর্স হবে হাতে ধরে

টেকটিউনসের এই "PSD2HTML পূর্ণাঙ্গ চেইন কোর্স" হবে হাতে ধরে। এর মানে পুরো চেইন কোর্সটি কোন অনুবাদ নয় বরং একজন ডেভলোপার হিসেবে আমি আপনাদের ডেভলোপমেন্ট ধাপ গুলো ধীরে ধীরে বিশদ ভাবে বর্ণনা করে একজন লাইভ প্রশিক্ষকের মত করে শিখাবো। তবে আগেই বলেছি - Practice Makes Perfect, যেটা আপনার নিজের করা লাগবে।

পুরো কোর্স আউট লাইন

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

• ১ম পর্বে আপনাদের বোঝানো হবে পিএসডি ফাইল সম্পর্কে। পিএসডি ফাইল এর লেয়ার, গ্রিড লাইন ইত্যাদি সম্পর্কে বোঝানো হবে। এছাড়া পিএসডি টূ এইচটিএমএল পরিচিতি ও পিএসডি মোকআপ পরিচিতি ও থাকবে।
• ২য় পর্বে ধাপে আপনাদের পিএসডি টেমপ্লেট স্লাইস করা শেখানো হবে। অর্থাৎ ফটোশপ এর সাহায্যে পিএসডি ফাইল টি থেকে প্রয়োজনীয় আইকন, লোগো, ইমেজ ইত্যাদি ক্রপ করে সেভ করা দেখানো হবে। এবং পিএসডি টু এইচটিএমএল করতে বা পিএসডি স্লাইস করতে ফটোশপ এর প্রয়োজনীয় ট্রিক্স ও টিপস ও থাকবে। যাতে করে পরবর্তিতে যেকোনো পিএসডি ফাইল স্লাইস করতে আপনার সমস্যা না হয়।
• ৩য় পর্বে এইচটিএমএল সম্পর্কে মোটামোটি ধারণা দেয়া হবে, পিএসডি ফাইল টির এইচটিএমএল মার্কাপ তৈরি করা দেখানো হবে। এবং এইচটিএমএল মার্কাপ তৈরি করা প্রয়োজনীয় টিপস ও ট্রিক্স তো থাকবেই। এতে করে পরবর্তিতে আপনি যেকোনো পিএসডি ফাইল এর এইচটিএমএল মার্কাপ তৈরি করতে পারবেন দ্রুত, সহজে।
• ৪র্থ পর্বে পেজ এর হেডার স্টাইল করা দেখানো হবে। এখানে ড্রপ ডাউন মেনু তৈরি করা সহ সিএসএস ৩ এর সাহায্যে সুন্দর ইফেক্ট যুক্ত মেনু তৈরি করা ও দেখানো হবে।
• ৫ম পর্বে পেজ টির কন্টেন্ট ডিজাইন করা দেখানো হবে।
• ৬ষ্ঠ পর্বে ফুটার ডিজাইন করা শেখানো হবে।
• ৭ম পর্বে পেজ এ স্পেশাল ইফেক্ট যুক্ত করা শেখানো হবে। যেমন হোভার ইফেক্ট, স্ক্রল ইফেক্ট বা অন্য কিছু।
• ৮ম পর্বে পেজ স্লাইডার, লাইটবক্স সহ অন্যান্য প্রয়োজনীয় প্লাগিন ইন্সটল করা শেখানো হবে।
• ৯ম পর্বে ক্রস ব্রাউজার টেস্ট, বাগ টেস্ট, ও ফিক্সিং দেখানো হবে।

কোর্সটি সম্পন্ন করলে আপনি যা শিখবেন

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

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

কিভাবে PSD2HTML এর পূর্ণাঙ্গ কোর্সে ভর্তি হবেন?

PSD2HTML এর পূর্ণাঙ্গ কোর্স পরিপূর্ণ করার জন্য প্রয়োজন আপনাদের পরিপূর্ণ সাপোর্ট। নিচের মাত্র তিনটি ধাপ অনুসরন করুন আর PSD2HTML এর পূর্ণাঙ্গ কোর্সে Admission নিন!

১. প্রথমত একটি শেয়ার ডোনেট করুন

PSD2HTML এর পূর্ণাঙ্গ কোর্স সফল করার জন্য প্রয়োজন আপনাদের ব্যাপক সাপোর্ট আর সক্রিয়তা। আর এই সাপোর্ট আর সক্রিয়তা এনে দিতে একটি শেয়ার ডোনেট করুন।

➡ শেয়ার ডোনেট করার জন্য ক্লিক করুন

২. দ্বিতীয়ত ভর্তি হোন PSD2HTML এর পূর্ণাঙ্গ কোর্সে

PSD2HTML এর পূর্ণাঙ্গ কোর্সে ভর্তি হতে নিচের লিংকে ক্লিক করে আপনার ইমেইল ঠিকানাটি দিন। আপনার মেইলে কনফারমেশনের জন্য একটি মেইল চলে যাবে। তা কনফার্ম করুন।

আপনি নির্দ্বিধায় আপনার ইমেইল এড্রেস দিয়ে সাবস্ক্রাই করুন। আপনার ইমেইল এড্রেস ১০০% সুরক্ষিত থাকবে। যে কোন ধরনের স্প্যাম থেকে ১০০% সুরক্ষিত থাকবে কারণ এই সাবক্রিপশন সার্ভিসটি (FeedPress) সম্পূর্ণ টেকটিউনসের নিয়ন্ত্রনাধীন অর্থাৎ নিচের সাবস্ক্রিপশন লিংকটি টেকটিউনস স্পেশালি টেকটিউনসের এই চেইন কোর্সের জন্য তৈরি করে দিয়েছে। তাই আপনার ইমেইল এড্রেস দিয়ে ভর্তি হোন নিদ্বিধায়!

➡ PSD2HTML এর পূর্ণাঙ্গ কোর্সে ভর্তি হতে ক্লিক করুন

৩. তৃতীয়ত টিউমেন্ট করে আপনার ভর্তি নিশ্চিত করুন

আপনার ইমেইল এড্রেস দিয়ে ভর্তি হবার পর নিচে টিউমেন্ট (টেকটিউনস কমেন্ট) করুন "হাতে ধরে PSD2HTML পূর্ণাঙ্গ চেইন কোর্স - এ আমি ভর্তি হলাম" লেখাটি কপি করে পেস্ট করে টিউমেন্ট করুন।

আপনি যদি PSD2HTML কোর্সটি সম্পূর্ণ, ভালোভাবে শিখতে চান তবে অব্শ্যই উপরের সবকটি ধাপ সম্পন্ন করে "হাতে ধরে PSD2HTML পূর্ণাঙ্গ চেইন কোর্স" এ সাবস্ক্রাইব করুন। কারণ "হাতে ধরে PSD2HTML পূর্ণাঙ্গ চেইন কোর্স" -এ যারা ভর্তি হবেন শুধু তারাই নতুন পর্ব প্রকাশে আপনার মেইল বক্সে নোটিফিকেশন পাবেন। এতে নতুন পর্ব মিস হবার সম্ভবনা থাকবে না এবং আপনি পরিপূর্ণ ভাবে কোর্স কমপ্লিট করতে পারবেন।

যত বেশি জন ভর্তি হবেন আমার টিউন করার মান, ধারা ও পরিকল্পনা করার তত বেশি অনুপ্রেরণা পাব আমি। আর তাই ফ্রি ভর্তি হোন এই তিনটি কাজ অনুসরণ করে।

কোর্স কমপ্লিট করলে পাবেন টেকটিউনস ভেরিফাইড সার্টিফিকেট

কোর্সটি সম্পন্ন হবার পর যারা সম্পূর্ণ কোর্স টি কমপ্লিট করবে তাদের টেকটিউনস এর পক্ষ থেকে একটি পিএসডি টু এইচটিএমএল সার্টিফিকেট দেয়া হবে। এ জন্য কোর্স সম্পন্ন হবার পর, কোর্স মেম্বারদের একটি করে ভিন্ন ভিন্ন পিএসডি ফাইল দেয়া হবে। তারা সেটি একটি নির্দিষ্ট সময়সীমার মধ্যে এইচটিএমএল এ কনভার্ট করে জমে দিবে। যারা সুন্দর এবং ভাল করে পরিপুর্ণ পিএসডি টু এইচটিএমএল করে জমা দিতে পারবে তাদেরকেই টেকটিউনস এর পক্ষ থেকে সার্টিফিকেট দেয়া হবে। পিএসডি টু এইচটিএমএল এর কাজটি ওয়েব ফর্ম এর মাধ্যমে জমা নেয়া হবে। উক্ত সার্টিফিকেট এ ট্রেইনার (মানে আমি নিজে 🙂 ) ও টেকটিউনস কর্তৃপক্ষের সাক্ষর থাকবে।

চুপ করে না থেকে চিন্তা করুন ও প্রাসঙ্গিক প্রশ্ন করুন, করুন গঠনমূলক প্রশ্ন, তাহলেই শিখতে পারবেন

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