جلسه چهارم المنتور : در این جلسه از آموزش المنتور به معرفی المانهای ویدیو، جداکننده، فاصلهگذار، آیکن و نقشه گوگل میپردازیم.
فهرست مطالب
المان ویدیو
با استفاده از المان ویدیو بهراحتی میتوانیم ویدیوهای خودمان را درون سایت قرار دهیم. در زیر بخشهای مختلف این المان را توضیح میدهیم.
تب محتوا
ویدیو
- منبع: در این بخش میتوانیم ویدیو خودمان را از یوتیوب، viemo و یا هاست خودمان انتخاب کنیم.
- زمان آغاز و زمان پایان: همچنین این امکان وجود دارد، که زمان شروع و پایان ویدیو را خودمان از این بخش تنظیم کنیم.
تنظیمات ویدیو
- پخش خودکار: با زدن این دکمه، زمانیکه صفحه برای کاربر Load شود، ویدیو به صورت خودکار پخش خواهد شد.
- بی صدا: این گزینه ویدیو را بی صدا میکند.
- حلقه: این گزینه ویدیو را در حالت بینهایت پخش میکند و ویدیو توقف ندارد.
- کنترل پخشکننده: با زدن این دکمه میتوانیم آیکنهای Play ، Pause ، Volume و غیره را در ویدیو نمایش دهیم تا کاربر امکان کنترل بر روی ویدیو را داشته باشد.
پوشش روی تصویر
- پوشش روی تصویر: با زدن این گزینه میتوانیم یک تصویر برای ابتدای ویدیو تنظیم کنیم.
تب استایل
ویدیو
- نسبت ابعادی: نسبت اندازهی ویدیو برای پخش را میتوانیم از ایم بخش برروی 1:1, 3:2, 4:3, 16:9, 21:9, و 9:16 تنظیم کنیم.
- فیلترهای CSS: در این بخش میتوانیم موارد blur, brightness, contrast, saturation, و hue را تنظیم کنیم.
المان جداکننده
المان جداکننده این امکان را به ما میدهد تا خطهایی افقی در صفحه قرار دهیم.
تب محتوا
جداکننده
- استایل: در این بخش میتوانیم از میان چندین استایل مختلف نظیر یکپارچه، دوبل، نقطهای، خطدار و غیره یکی را انتخاب کنیم.
- عرض: در این بخش میتوانیم عرض جداکننده را با انتخاب عددی بین 0 تا 100 تنظیم کنیم.
- چیدمان: چیدمان جداکننده در 3 حالت وسط، چپ و راست قابل تنظیم است.
- افزودن المنت: در این بخش میتوانیم یک متن و یا یک آیکن به جداکننده خودمان اضافه کنیم.
المان فاصله گذار
تب محتوا
فاصله گذار
با استفاده از المان فاصله گذار میتوانیم فاصلههایی در صفحه ایجاد کنیم که این فاصلهها را میتوانیم با رنگها و حتی تصاویر استایل دهی کنیم. همچنین این فاصلهها در هنگام ساخت اشکال در المنتور بسیار مفید هستند.
- فضای خالی: در این بخش یک عدد به پیکسل وارد میشود که فضایی به صورت عمودی برای ما ایجاد میکند.
المان آیکن
تب محتوا
آیکن
المان آیکن برای به نمایشگذاشتن آیکنهای FontAwesome با چندین استایل میباشد.
- آیکن: در این بخش میتوانید آیکن مدنظرتان را اتخاب کنید.
- نمایش: در این بخش 3 گزینه برای تنظیم استایل وجود دارد.
- پیوند: در بخش پیوند نیز ما میتوانیم یک URL برای آیکن تنظیم کنیم.
- چیدمان: چیدمان آیکن در 3 حالت وسط، چپ و راست قابل تنظیم است.
المان نقشه گوگل
تب محتوا
نقشه
المان نقشه گوگل یکی از سادهترین راهها برای قراردادن نقشه خودتان در سایت است.
- مکان: مکانی که میخواهید در صفحه نمایش داده شود را باید در این بخش وارد کنید.
- بزرگنمایی: مقدار زوم شدن نقشه در این بخش قابل تنظیم است.
- ارتفاع: مقدار ارتفاع نقشه در این بخش قابل تنظیم است.
جلسات بعدی آموزش المنتور
در جلسه چهارم المنتور به بررسی المانهای ویدیو، جداکننده، فاصلهگذار، آیکن و نقشه گوگل پرداختیم. جلسه بعدی را مشاهده نمایید.