Drupal/C3/Controlling-Display-of-Images/Bengali
From Script | Spoken-Tutorial
Revision as of 14:55, 7 October 2016 by Shruti arya (Talk | contribs)
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 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |