Pratik kamble at 11:41, 14 October 2016

2016-10-14T11:41:25Z

Shruti arya at 09:25, 7 October 2016

2016-10-07T09:25:28Z

Satarupadutta: Created page with "{|border=1 | '''Time''' | '''Narration''' |- | 00:01 | Controlling Display of Images এর টিউটোরিয়ালে আপনাদের স্বাগত। |..."

2016-09-02T08:32:31Z

Created page with "{|border=1 | '''Time''' | '''Narration''' |- | 00:01 | Controlling Display of Images এর টিউটোরিয়ালে আপনাদের স্বাগত। |..."

New page

{|border=1
| '''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
| আই আই টী বোম্বে থেকে আমি বিদায় নিচ্ছি। অংশগ্রহণের জন্য ধন্যবাদ।

@@ Line 12: / Line 12: @@
 |-
 | 00:12
-| টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি:
+| টিউটোরিয়ালটি রেকর্ড করতে ব্যবহার করছি:উবুন্টু লিনাক্স অপারেটিং সিস্টেম,Drupal 8 এবংফায়ারফক্স ওয়েব ব্রাউজার।
 উবুন্টু লিনাক্স অপারেটিং সিস্টেম,
-Drupal 8 এবং
-ফায়ারফক্স ওয়েব ব্রাউজার।
 |-
@@ Line 182: / Line 179: @@
 |-
-|  03:42
+|03:42
-|  Save এ টিপুন।
+|Save এ টিপুন।
 |-
-|  03:45
+|03:45
-| Back to site এ টিপুন। এটি আমাদের ওয়েবসাইটের ভিউ।
+|Back to site এ টিপুন। এটি আমাদের ওয়েবসাইটের ভিউ।
 |-
@@ Line 243: / Line 240: @@
 |-
 |  04:54
-|  5টি শর্ত দিয়ে যাচাই করি:
+|5টি শর্ত দিয়ে যাচাই করি:Display হল Page.
-−
 Display হল Page.
 |-

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

Pratik kamble at 11:41, 14 October 2016

Shruti arya at 09:25, 7 October 2016

Satarupadutta: Created page with "{|border=1 | '''Time''' | '''Narration''' |- | 00:01 | Controlling Display of Images এর টিউটোরিয়ালে আপনাদের স্বাগত। |..."