آموزش کار با پلاگین ها یا Plugins در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش کار با پلاگین ها یا Plugins در HTML با من همراه باشید.

آموزش کار با پلاگین ها یا Plugins در HTML

Free-Learn

پلاگین ها یا Plugins در HTML

خب اول از هر چیز باید ببینیم اصلا پلاگین چیه و چه کاری میتونه برای ما انجام بده؟ پلاگین به یک نرم افزار وابسته به یک نرم افزار دیگر جهت اضافه کردن امکانات یا ویژگی های جدید به نرم افزار مادر خودش می باشد.

پس بطور کلی پلاگین یا افزونه یا به انگلیسی Plugin یک نرم افزار کمکی هست که به کمک یک نرم افزار دیگر میاید و خودش به تنهایی هیچ استفاده ای ندارد.

برای مثال نرم افزاریی همچون فوتوشاپ و مرورگرها مثله فایرفاکس،کروم و.. نیز دارای یکسری پلاگین های مخصوص بخودشان می باشند که این پلاگین ها میتوانند یکسری ویژگی ها و امکاناتی رو به اون نرم افزار اصلی اضافه نمایند.

و یا مثلا سیستم مدیریت محتوای وردپرس نیز دارای هزاران پلاگین مخصوص بخودش می باشد، که هر یک از این پلاگین ها میتوانند امکانات خاص و بخصوصی رو به وردپرس اضافه نمایند.

Free-Learn

کار با پلاگین ها یا Plugins در HTML

خب اصلا چرا ما باید از پلاگین ها استفاده کنیم؟ همونطور که گفتم پلاگین ها میاین و یکسری امکانات و ویژگی هایی رو به یک نرم افزار یا سیستم اضافه میکنند.

حال کمی قبلتر (قبل از اینکه HTML5 بیاید) اگر ما میخواستیم یک ویدئو یا مثلا یک آهنگ و یا مثلا یک فایل فلش و یا تصویر فلش رو به صفحه ی وبمون اضافه نماییم باید حتما از پلاگین های مخصوص اینکار استفاده میکردیم.

در غیراینصورت اون فایل ویدئو یا آهنگ و یا فایل فلش برای کاربر به نمایش درنیومد، پس در نتیجه ما برای نمایش برخی از فایل ها نیازمند پلاگین ها می باشیم.

حال در HTML و بطور کلی در یک صفحه ی وب ما میتونیم با استفاده از ۲ تگ <object> و <embed> یک تصویر،فایل ویدئویی،فایل فلش، فایل PDF و.. به صفحات وب اضافه نماییم.

با وجود HTML5 که تگ های Video و Audio رو ایجاد کرده، برای اضافه کردن فایل های ویدئویی و صدا پیشنهاد میکنم حتما از تگ های Video و Audio استفاده نمایید.

برای مشاهده آموزش کامل استفاده از تگ IFrame اینجا کلیک نمایید.

برای مشاهده آموزش کامل استفاده از تگ Video اینجا کلیک نمایید.

برای مشاهده آموزش کامل استفاده از تگ Audio اینجا کلیک نمایید.

Free-Learn

عنصر <object> در HTML

با استفاده از تگ <object> در HTML میتونیم اشیائی همچون تصاویر،فایل های PDF، فایل های فلش .. را در یک صفحه ی وب به نمایش دربیاوریم.

مثال » نمایش یک فایل PDF :

امتحان کنید

مثال » نمایش یک فایل فلش (swf.) :

امتحان کنید

مثال » نمایش یک فایل HTML :

امتحان کنید

مثال » نمایش یک فایل تصویر :

امتحان کنید

Free-Learn

عنصر <embed> در HTML

تگ <embed> هم مثله <object> میتونیم مواردی همچون فایل ها،تصاویر و.. را در یک صفحه ی وب به نمایش دربیاوریم.

مثال » نمایش یک فایل PDF :

امتحان کنید

مثال » نمایش یک فایل فلش (swf.) :

امتحان کنید

مثال » نمایش یک فایل HTML :

امتحان کنید

مثال » نمایش یک فایل تصویر :

امتحان کنید

Free-Learn

نکات و توضیحات تگ های embed و object :

  • در تگ Object مسیر یا محل فایل با استفاده از صفت data مشخص می شود.
  • در تگ Embed مسیر یا محل فایل با استفاده از صفت src مشخص می شود.
  • تگ Object دارای تگ پایانی می باشد ولی تگ Embed یک تگ تنها می باشد (نیاز به تگ پایانی ندارد).
  • برای نمایش فایل های فلش بروی مرورگر شما باید بروی مرورگرتان پلاگین Adobe Flash نصب و فعال باشد.

Free-Learn