Difference between revisions of "Drupal/C3/Controlling-Display-of-Images/Bengali"
From Script | Spoken-Tutorial
(Created page with "{|border=1 | '''Time''' | '''Narration''' |- | 00:01 | Controlling Display of Images এর টিউটোরিয়ালে আপনাদের স্বাগত। |...") |
Shruti arya (Talk | contribs) |
||
| Line 13: | Line 13: | ||
| 00:12 | | 00:12 | ||
| টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি: | | টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি: | ||
| − | + | উবুন্টু লিনাক্স অপারেটিং সিস্টেম, | |
| − | + | Drupal 8 এবং | |
| − | + | ফায়ারফক্স ওয়েব ব্রাউজার। | |
| − | + | ||
|- | |- | ||
Revision as of 14:55, 7 October 2016
| 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 | আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ। |
