جلسه چهارم المنتور: آموزش المان ویدیو، جداکننده، آیکن و نقشه گوگل

خانه » مقالات اموزشی » جلسه چهارم المنتور: آموزش المان ویدیو، جداکننده، آیکن و نقشه گوگل
آموزش جلسه چهارم المنتور مقدماتی رایگان

نویسنده:

سجاد حسین زاده

Statistics-rafiki

تعداد بازدید:

Calendar-amico (2)

تاریخ به‌روزرسانی:

۱۴۰۱-۰۴-۲۴

Work time-rafiki

زمان مطالعه:

10 دقیقه

جلسه چهارم المنتور : در این جلسه از آموزش المنتور به معرفی المان‌های ویدیو، جداکننده، فاصله‌گذار، آیکن و نقشه گوگل می‌پردازیم.

فهرست مطالب
  1. المان ویدیو
  2. المان جداکننده
  3. المان فاصله‌گذار
  4. المان آیکن
  5. المان نقشه گوگل

المان ویدیو

با استفاده از المان ویدیو به‌راحتی می‌توانیم ویدیوهای خودمان را درون سایت قرار دهیم. در زیر بخش‌های مختلف این المان را توضیح میدهیم.

تب محتوا

ویدیو

جلسه چهارم المنتور : بخش ویدیو در تب محتوا در المان ویدیو
جلسه چهارم المنتور : بخش ویدیو در تب محتوا در المان ویدیو
  • منبع: در این بخش می‌توانیم ویدیو خودمان را از یوتیوب، 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 حالت وسط، چپ و راست قابل تنظیم است.

المان نقشه گوگل

تب محتوا

نقشه

المان نقشه گوگل یکی از ساده‌ترین راه‌ها برای قراردادن نقشه خودتان در سایت است.

تب محتوا در المان نقشه گوگل
تب محتوا در المان نقشه گوگل
  • مکان: مکانی که می‌خواهید در صفحه نمایش داده شود را باید در این بخش وارد کنید.
  • بزرگنمایی: مقدار زوم شدن نقشه در این بخش قابل تنظیم است.
  • ارتفاع: مقدار ارتفاع نقشه در این بخش قابل تنظیم است.

جلسات بعدی آموزش المنتور

در جلسه چهارم المنتور به بررسی المان‌های ویدیو، جداکننده، فاصله‌گذار، آیکن و نقشه گوگل پرداختیم. جلسه بعدی را مشاهده نمایید.

سجاد حسین زاده

سجاد حسین زاده

سجاد حسین زاده هستم متولد کرج, بنده از سال ۹۴ سابقه حضور در حوزه وب را دارم. و روزبه‌روز در حال رشد و ارتقای خودم تو این زمینه هستم. از علایقم که بخوام به گم: خب واضحه که عاشق کدنویسی هستم. و همچنین من از معدود افراد برنامه‌نویس ورزشکار هم به‌حساب میام.

تا کنون 264 نفر در کدپز ثبت نام کرده اند.

دیدگاهتان را بنویسید