7 days of unlimited WordPress themes, plugins & graphics - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Web Design
  2. Complete Websites

বেসিক: একটি পরিচ্ছন্ন ম্যাগাজিন এবং ব্লগ থিম তৈরি করুন (৩য় দিন: কোডিং পর্ব ১)

Read Time: 2 mins

Bengali (বাংলা) translation by Bint Salim (you can also view the original English article)

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


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

আদি পুর্দিলা আমাদের একটি সম্পূর্ণ প্রকল্প দেখাবেন - ডিজাইন থেকে শুরু করে কোডিং পর্যন্ত - এই সপ্তাহের ওয়েব ডিজাইন টিউটসে সব কিছু দেখতে পাবেন! এখানে প্রতিদিন আমরা কি কি দেখবো তা তুলে ধরা হলো:

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

আজকের জন্য ডাউনলোডযোগ্য ফাইলগুলির ব্যাপারে একটি নোটঃ সম্পূর্ণ HTML ফাইলটি এই সিরিজের পরের সেশনে ডাউনলোড করার জন্য পাওয়া যাবে (৩য় দিন), তাই আজকে আমরা প্রথমদিন যেই PSD ফাইলটি তৈরি করেছিলাম তাঁর উপরেই কাজ করবো।

আজকে ৩য় দিন, স্লাইস করা এবং মার্কআপ করার সেশন!


তৃতীয় দিনঃ হোমপেইজ এবং ব্লগের জন্য HTML/CSS দিয়ে মার্কআপ তৈরি করা।

আমরা এই ভিডিওটি সম্পূর্ণ HD রেজ্যুলেশনে রেকর্ড করেছি, তাই আপনি যদি সক্ষম হন তবে পূর্ণ পর্দার এইচডি সংস্করণ চালু করতে ভুলবেন না! এই ভিডিওটিতে পূর্ণ স্লাইসিং এবং মার্কআপ সেশন অন্তর্ভুক্ত করা হয়েছে, সম্পূর্ণ অডিও বক্তব্যসহ ৭২০ পিক্সেলে এটা রেকর্ড করা হয়েছে।


ভিডিও ৫: স্টাইলিং এবং কোডিং - 720p

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

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

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Advertisement
Scroll to top
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.