Drupal/C3/Controlling-Display-of-Images/Bengali

From Script | Spoken-Tutorial
Revision as of 14:02, 2 September 2016 by Satarupadutta (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Time Narration
00:01 Controlling Display of Images এর টিউটোরিয়ালে আপনাদের স্বাগত।
00:06 এই টিউটোরিয়ালে আমরা Image styles এবং ফটো গ্যালারি ভিউ শিখব।
00:12 টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি:
  • উবুন্টু লিনাক্স অপারেটিং সিস্টেম
  • Drupal 8 এবং
  • ফায়ারফক্স ওয়েব ব্রাউজার।
00:21 আপনি পছন্দের যে কোনো ওয়েব ব্রাউজার ব্যবহার করতে পারেন।
00:25 আমাদের আগে নির্মিত ওয়েবসাইটটি খুলি।
00:29 Drupal এ, সাইটের বিভিন্ন চাহিদা অনুযায়ী আকার এবং ইমেজের স্কেল পরিচালনা করতে পারি।
00:37 Drupal মূল ইমেজ নেয় এবং আমাদের ইচ্ছেমত আকার এবং স্কেলে বদলায়।
00:43 এটি ফাইলের এই সংস্করণ সংরক্ষণ করে।
00:46 Configuration এ টিপুন।
00:48 আমরা 2টি image style বানাইতে যাচ্ছি।
00:51 নীচে স্ক্রোল করে MEDIA tab এ যান।
00:54 এখানে Image Styles দেখি। এটিতে টিপুন।
00:58 Table এর জন্য Image style বানাবো যার সেট আপ রয়েছে।
01:03 এছাড়াও পরবর্তী ভিউয়ের জন্য যা বানাবো তা হল লোগোর গ্রিড।
01:09 Add image styles এ টিপুন।
01:12 Image style name এ, আমরা লিখব Upcoming Events 150 x 150.
01:19 লক্ষ্য করুন ড্রুপাল আমাদের জন্য মেশিনের নাম দেয়।
01:23 এটি হল Image style name.
01:26 এখন Create new style এ টিপুন।
01:29 বামদিকে মূল ইমেজ রয়েছে যা হল 600 by 800 পিক্সেল এবং ইমেজের এডিট করা সংস্করণ ডানদিকে রয়েছে।
01:38 EFFECT এ, Select a new effect ড্রপ ডাউনে টিপুন।
01:42 তালিকায় অনেক বিকল্প দেখায়। এই বিকল্পের মধ্যে Scale and crop চয়ন করব।
01:49 আপনি চাইলে অন্য বিকল্প চয়ন করতে পারেন যেমন Rotate, Resize বা অন্য কিছু।
01:56 Add বোতামে টিপুন।
01:58 Width এ 150 এবং Height এ 150 লিখুন।
02:02 Width এবং Height কখনো মূল ইমেজের বেশী করবেন না।
02:07 এটি করলে ইমেজ পিক্সেলেট হবে।
02:11 Add effect টিপুন।
02:13 এখানে নতুন Image Style রয়েছে। ডানদিকের ইমেজে আমরা দেখি যে এটি স্কেল এবং ক্রপ করা হয়েছে।
02:22 আরেকটি বানাই। Image styles এ টিপে Add image styles বোতামে টিপুন।
02:29 এবার Image style name এ আমরা লিখব: photo gallery of logos
02:35 Create new style বোতামে টিপুন।
02:38 এটি মেশিনে যে কোনো photo gallery এর ইমেজ হতে পারে।
02:42 আপনি এটি যে কোনো ইমেজ, ফীল্ডে এবং কন্টেন্টে করতে পারেন।
02:47 আবার Select a new effect এ টিপে Scale and crop বিকল্পে টিপুন।
02:53 Add বোতামে টিপুন। Width এ 300 এবং Height এ 300 লিখুন।
03:00 Add effect বোতামে টিপুন।
03:03 এখন ডানদিকের ইমেজের 300 by 300 এর নতুন মাত্রা রয়েছে।
03:09 এটি দেখায় যে Drupal নিজেই প্রতিটি Image style এর জন্য ইমেজ সংস্করণ বানায় এবং সাইটে সংরক্ষণ করে।
03:18 Structure এ টিপে Views এ টিপুন।
03:21 এখন Upcoming Events view আপডেট করেত Edit এ টিপি।
03:27 Event Logo তে টিপুন এবং Image Style কে Upcoming Events এ বদলান।
03:33 তারপর Apply তে টিপুন।
03:36 প্রিভিউ অংশে স্ক্রোল করলে আমরা দেখি যে লোগো অভিন্ন রয়েছে।
03:42 Save এ টিপুন।
03:45 Back to site এ টিপুন। এটি আমাদের ওয়েবসাইটের ভিউ।
03:50 Image Styles এগুলি করে।
03:53 এখন সকল ইভেন্টের জন্য গ্রিড লেআউট হিসাবে নতুন view বানাই।
03:59 এটি করতে Structures, তারপর Views এবং Add new view তে টিপুন।
04:05 এর নাম Photo Gallery দেবো।
04:09 View setting কে Content টাইপকে Events সেট করুন।
04:14 এই বিশেষ ভিউ কোনো ইভেন্টের জন্য ইমেজের গ্যালারি বা দিনের সেরা ফটো হিসাবে ব্যবহৃত যেতে পারে।
04:22 Create a page এ টিপুন।
04:25 নীচে স্ক্রোল করে Grid অফ fields চয়ন করুন।
04:29 আমরা Drupal এ, ড্রপ-ডাউনে প্রদত্ত অন্য বিকল্পও চয়ন করতে পারি।
04:36 Items to display ফীল্ডে, 9 চয়ন করুন কারণ এটি 3 by 3 গ্রিড দেয়।
04:42 Create a menu link চেক করুন।
04:46 Menu ড্রপ ডাউনে, Main navigation চয়ন করুন।
04:51 Save and Edit টিপুন।
04:54 5টি শর্ত দিয়ে যাচাই করি:

Display হল Page.

04:59 Format হল Grid
05:01 Title নামে একমাত্র Field রয়েছে।
05:04 এবং শেষে Filter এবং Sort Criteria
05:08 এখন এগুলো এভাবে ছেড়ে দেবো।
05:12 নীচে স্ক্রোল করুন। এখানে 4 টি columns এবং 9 টি events দেখি।
05:17 কলামের সংখ্যা বদলাতে Format এ Settings বিকল্পে টিপুন।
05:22 তারপর কলামের সংখ্যা 3 এ বদলে Apply তে টিপুন।
05:28 এটি 3 by 3 গ্রিড দেবে।
05:31 Fields এ Add এ টিপুন।
05:34 Event Logo খুঁজে এতে চেক মার্ক দিন এবং Apply তে টিপুন।
05:40 Image style এ photo gallery of logos চয়ন করুন।
05:45 Link image to তে, Content চয়ন করে Apply তে টিপুন।
05:50 সাথে সাথে নীচে Preview অংশে, একটি গ্রিড দেখায়।
05:55 আপনি দেখেন যে গ্রিড লেআউট টেবিলের থেকে ভিন্ন।
06:00 নোড থেকে চয়নিত সকল fields একটি সেলে রয়েছে।
06:05 আমরা কতগুলি সেল দেখতে চাই তা নিশ্চিত করি।
06:09 এখন Save এ টিপুন।
06:12 Back to site বোতামে টিপে Photo Gallery তে টিপুন।
06:17 এটি বেশ সুন্দর দেখায়।
06:19 মোবাইলের মত ছোট যন্ত্রে, 3 by 3 গ্রিড বজায় রাখতে ইমেজ ছোট হয়।
06:26 Drupal, grid দিয়ে এই করে।
06:29 এর সাথেই আমরা টিউটোরিয়ালের শেষে চলে এসেছি। সংক্ষিপ্তকরণ করি।
06:34 এই টিউটোরিয়ালে আমরা Image styles এবং ফটো গ্যালারি ভিউ সম্পর্কে শিখেছি।
06:44 এই ভিডিওটি Acquia এবং OSTraining থেকে অভিযোজিত এবং স্পোকেন টিউটোরিয়াল প্রকল্প, আইআইটি বোম্বে দ্বারা সংশোধিত।
06:53 এই ভিডিওটি প্রকল্পকে সারাংশিত করে। ভিডিওটি ডাউনলোড করে দেখুন।
07:00 স্পোকেন টিউটোরিয়াল প্রকল্প দল কর্মশালার আয়োজন করে এবং প্রশংসাপত্র দেই। আমাদের সাথে যোগাযোগ করুন।
07:08 স্পোকেন টিউটোরিয়াল প্রজেক্ট ভারত সরকারের MHRD এর NMEICT এবং মিনিস্ট্রি অফ কলচারের NVLI দ্বারা সমর্থিত।
07:19 আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ।

Contributors and Content Editors

Pratik kamble, Satarupadutta, Shruti arya