একটি মসৃণ, কর্পোরেট ওয়েব ডিজাইন তৈরি করুন (HD ভিডিও সিরিজ: ৪র্থ দিন)

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

এই টিউটোরিয়াল সিরিজ সম্পর্কে

আদি পুর্দিলা আমাদের একটি সম্পূর্ণ প্রকল্পের মধ্য দিয়ে নিয়ে যাবেন- যেখানে ডিজাইন থেকে শুরু করে কোডিং - সবকিছুই এই সপ্তাহের Webdesigntuts এ পাবেন!  ১ম দিনে, তিনি আমাদের দেখাবেন কীভাবে ডিজাইনের জন্য বেসিক ফ্রেমওয়ার্ক সেটআপ করতে হয় একই সাথে কিভাবে নীড়পাতার লেআউট তৈরি করতে হয়। ২য় দিনে, তিনি আমাদের দেখাবেন কীভাবে বিভিন্ন সাপোর্ট পেইজ তৈরি করতে হয় (যোগাযোগ, গ্যালারি, ইত্যাদি)। ৩য় দিনে, তিনি কোডিং প্রসেস শুরু করবেন যার মাধ্যমে দেখানো হবে কীভাবে একটি সম্পূর্ণ ফটোশপ ডিজাইনকে HTML/CSS সাইটে রূপান্তর করা যায়। আজকে চতুর্থ দিন, তাই আমরা প্রকল্পটি সম্পূর্ণ করবো এবং চূড়ান্তভাবে সৌন্দর্য বৃদ্ধি করতে চেষ্টা করবো!

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

• ৩য় দিন, ১ম পর্বঃ নীড়পাতার জন্য মার্কআপ তৈরি করা।
• ৩য় দিন, ২য় পর্বঃ PSD ফাইলগুলো নির্দিষ্ট অনুপাতে কেটে নেয়া এবং CSS ফাইল লিখতে শুরু করা (আমি এটাকে ১ম ঘন্টা এবং ২য় ঘণ্টায় ভাগ করেছি)
• ৩য় দিন, ৩য় পর্বঃ (চলছে) PSD ফাইল কেটে নেয়া বা স্লাইস করা এবং CSS ফাইল লিখা (আমি এটাকে ১ম ঘন্টা এবং ২য় ঘণ্টায় ভাগ করেছি)
• ৪র্থ দিন, ১ম পর্বঃ স্লাইডার ইন্সটল করা, কাস্টমাইজ করা এবং অন্যান্য প্রাথমিক জেকুয়েরি ফাংশন সমূহ
• ৪র্থ দিন, ২য় পর্বঃ অন্যান্য আনুষঙ্গিক পাতাসমূহ তৈরি ও স্টাইল করা (সেবাসমুহ, গ্যালারি এবং যোগাযোগ) + ব্রাউজার চেক করা

এছাড়াও, আমি কয়েকটি রিসোর্স শেয়ার করতে চাই যা আমি আজকে ব্যবহার করবো:

• Slider plugin: http://www.gmarwaha.com/jquery/jcarousellite/
• Cufon: http://cufon.shoqolate.com/generate/
• CSS Browser Selector (একই CSS ফাইলে ভিন্ন ভিন্ন ব্রাউজারের জন্য স্টাইল তৈরি): http://rafael.adm.br/css_browser_selector/
• Reset CSS: http://meyerweb.com/eric/tools/css/reset/

চলুন শুরু করা যাক!

চতুর্থ দিন: PSD থেকে HTML এ রূপান্তর

পরের ভিডিও সিরিজে, আদি আপনাকে PSD থেকে HTML/CSS এ রূপান্তরের প্রক্রিয়ার মধ্য দিয়ে নিয়ে যাবেন। হাই ডেফিনেশনে দেখতে চেষ্টা করুন যদি আপনার যথেষ্ট পরিমান ব্যাণ্ড-উইডথ থাকে!

চতুর্থ দিন: ১ম অংশ

চতুর্থ দিন: ২য় অংশ

লেখক সম্পর্কে

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

আপনি যদি আমার ডেভেলপ করা HTML Templates and Landing Page সমুহের প্রতি আগ্রহী হোন, তাহলে ThemeForest -এ আমার পোর্টফোলিও পেইজটি ঘুরে আসতে পারেন।" - আদি