এই ভিডিও সিরিজে, আমরা আপনাকে দেখাবো কীভাবে একটি কর্পোরেট ওয়েবসাইটের জন্য একটি মসৃণ, পেশাদার ওয়েব ডিজাইন তৈরি করতে হবে। এটা ৪ ভাগে বিভিক্ত সিরিজের প্রথম ভাগ – একইসাথে আমরা সাপোর্ট পেইজসহ সম্পূর্ণ ওয়েবসাইটটি HTML/CSS দিয়ে কোড করবো।

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

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

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

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

একইসাথে, আমি কিছু রিসোর্সের লিংক শেয়ার করতে চাই, যেগুলো আমি আজকে ব্যবহার করবোঃ

• স্লাইডার প্লাগিন: http://www.gmarwaha.com/jquery/jcarousellite/
• Cufon: http://cufon.shoqolate.com/generate/
• CSS ব্রাউজার সিলেক্টর (একই CSS দিয়ে বিভিন্ন ব্রাউজারের উপযোগী স্টাইল তৈরি করার জন্য): http://rafael.adm.br/css_browser_selector/
• রিসেট CSS: http://meyerweb.com/eric/tools/css/reset/

তাহলে শুরু করা যাক!

তৃতীয় দিনঃ PSD থেকে HTML কনভার্শন বা রূপান্তর

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

তৃতীয় দিনঃ ১ম অংশ

দুঃখিতঃ ৩য় দিনের প্রথম অংশের ভিডিওগুলো আর উপলব্ধ নেই।

তৃতীয় দিনঃ ২য় অংশ

তৃতীয় দিনঃ ৩য় অংশ

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

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

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