در این جلسه در طراحی سایت کار با عناصر چندرسانه ای را باهم خواهیم آموخت:

تگobject


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


width: عرض محیط پخش عنصر چند رسانه ای را مشخص می کند.

height:ارتفاع محیط پخش عنصر چند رسانه ای را مشخص می کند

border:ضخامت حاشیه ی دور محیط عنصر چند رسانه ای را مشخص می کند

hspace:میزان فاصله سمت چپ و راست عنصر محیط چند رسانه ای نسبت به اطراف را مشخص می کند

vspace:میزان فاصله سمت بالا و پایین محیط عنصر چند رسانه ای نسبت به اطراف را مشخص می کند.

align:محل قرار گیری عنصر در صفحه را مشخص می کند. یکی از سه مقدار right , leftو centerرا به عنوان مقدار می پذیرد.


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

archive: لیستی از آدرس ھایی که نگه دارنده منابع و فایل ھای مربوط به تگ objectاست را به عنوان مقدار میپذیرد.
classid:مشخص کننده classidبرای برنامه اجرا کننده فایل چند رسانه ای است که در registryثبت می شود.
type: نوع mime tipeفایل مورد نظر را مشخص می کند.
codebase:موقعیت یا آدرس جایی که کاربر می تواند pluginمورد نظر برای پخش عنصر چند رسانه ای را دریافتنماید را مشخص می کند.

 


 تگparam


معمولا تگ objectھمراه با تگی به عنوان paramکه تنظیمات زمان پخش اجرای برنامه را کنترل می کند به کار میرود.


صفت ھای تگ paramبه شرح زیر است :


name:یک نام مشخص برای پارامتر تعیین می کند.
value:مقداری را برای پارامتری که در صفت nameآمده است را مشخص می کند.
مقادیری که می توان برای صفت nameتعیین نمود بسته به اینکه تگ objectچه نوع فایلی را نمایش می دھد متفاوت است.

مثلا اگر فایل ما یک فایل swfباشد می توانیم پارامتر ھا و مقادیر زیر را برای آن تعیین نماییم.

srcc:آدرس فایل مورد نظر برای نمایش را مشخص می کند.

quality:این پارامتر کیفیت نمایش فایل فلش را کنترل می کند و متواند یکی از مقادیر high , lowو باشدmedium loopتکرار نمایش فایل فلش را کنترل می کند.

می توانید یکی از مقادیر trueبرای ادامه پیدا کردن نمایش و falseeبرای عدم تکرار نمایش بعد از پایان اجرا باشد.

اگر فایل نمایشی ما یک فایل صوتی، تصویری یا ویدیویی باشد می توان پارامتر ھای زیر را برای آن ھا تعیین نمود:

autoplayا:جرای خودکار فایل را مشخص می کند، می تواند یکی از مقادیر trueاجرای خودکار یا false عدم اجرای خودکار را بپذیرد.
controller:نمایش یا عدم نمایش کنترلگرھا را مشخص می کند و می تواند یکی از مقادیر trueیا falseرابپذیرد
scale:میزان بزرگنمایی فیلم را کنترل می کند و می تواند یک عدد صحیح مثلا ۵باشد


یک مثال از کاربرد تگ ھای objectو parammرا که یک فایل فلش را در صفحه نمایش خواھد داد را در زیر مشاھده میکنید.

 <object data="flashs/fc.swf" width="120" height="240" border="5">
 <param name="src" value="flashs/fc.swf" />
 <param name="quality" value="low" />
 <param name="loop" value="false" />
 </objectt>


نکته : استفاده از این تگ تقریبا منسوخ شده و کمتر مرورگری از آن پشتیبانی می کند و بیشتر از تگ embedبرای قرار دادن فایل ھای چندرسانه ای استفاده می شود که ھم استفاده از آن آسانتر و نیز ھمه ی مرورگر ھا از آن پشتیبانی می کنند.


تگ<embed> 


استفاده از این تگ بسیار آسانتر از تگ objectاست. زیرا دیگر نیاز نیست از تگ paramاستفاده کرد. از این تگ برای انواع فایل ھای چند رسانه ای استفاده می شود و صفت ھای آن به شرح زیر است:


کاربرد صفت ھای زیر ھمانند کاربرد آنھا در تگ objectاست که قبلا آن ھا را توضیح دادیم

 alt , align , border , width , height , hspace , vspace , name , src , loop


​autostart:یکی از مقادیر trueیا falseرا به عنوان مقدار می پذیرد و مشخص می کند آیا عنصر چند رسانه ای به صورت خودکار اجرا شود یا خیر. که trueبه معنای اجرای خودکار است.
type:نوع Mime Typeفایل مورد نشر را مشخص می کند.
pluginpage:ھمانند صفت codebaseدر تگ objectعمل می کند.)فقط در مرورگر .( NetScape مثال زیر روش استفاده از تگ embedبرای قرار دادن یک فایل صوتی را نشان می دھد :

 <embed loop="true" autostart="true" src="sounds/music1.mp3"></embed>


طراحی سایت اسپیناس همیشه سعی در استفاده از به روز ترین تکتینک ها و ابزارها در  طراحی سایت دارد  در اسپیناس از تکنولوژی ها روز دنیا مانند CSS3 , HTML5 , Jquery , JAVASCRIPT   در طراحی وب سایت استفاده می شود و همچنین زبانهایی مانند PHP , ASP  در شرکت اسپیناس مشتری مداری حرف اول را می زند

بارگذاری نوشته های مرتبط بیشتر
بارگذاری بیشتر در آموزش Html در طراحی سایت

یک دیدگاه

  1. مبینا

    اردیبهشت ۲۶, ۱۳۹۶ در ۱۰:۱۵ ق.ظ

    سلام
    من میخوام طراحی سایت یاد بگیرم نمیدونم باید از کجا شروع کنم، میشه کمکم کنید؟؟؟!!!
    میخوام اول طراحی سایت یاد بگیرم بعد یه سایتی طراحی کنم مثه سایت لحظه آخر
    حتما کمک کنید.

    پاسخ دادن

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

یازده + هجده =

بررسی کنید

آموزش HTML5 (جلسه دوم) – تگ های ساختار صفحه

در دومین جلسه از طراحی سایت با HTML5 به تگ ھای ساختار صفحه خواھیم پرداخت. این تگ ھا ھمانطو…