parsgreen.com
article

آموزش نحوه قرار دادن کلیپ فلش در وبلاگ و سایت

web-flash-blog-site

فلش (Flash) به عنوان تحولی نوین در دنیای نمایش انیمیشن های تحت وب، در بسیاری از صفحات اینترنت (وبلاگ، سایت و...) استفاده می شود، اما وابستگی آن به پلاگین ها و کدهای جانبی، کار را مخصوصا برای وب نویسان کم تر حرفه ای، کمی پیچیده و مبهم می کند، البته خوشبختانه این موضوع با دانستن چند مطلب ساده و کمی تجربه قابل حل است؛ در این یادداشت می خواهیم روش های درج یک کلیپ فلش در سایت یا وبلاگ را آموزش دهیم تا راهنمایی باشیم برای کاربرانی که احیانا در این رابطه به مشکل برخورده اند.

قبل از هر چیز باید بگوییم که فرمت فلش، به خودی خود جزء کدهای پایه html نیست، (البته در نسخه html 5 که هنوز به طور رسمی منتشر نشده، این فرمت به طور استاندارد پشتیبانی می شود) و لذا برای نمایش آن نیاز به کدها و پلاگین های جانبی است، اگر کاربر در مرورگر خود پلاگین فلش پلیر (Flash Player) را نصب کرده باشد، بدون کدهایی که ما به کلیپ خود اضافه می کنیم نیز می تواند آن را مشاهده کند، اما برای اطمینان از نمایش فایل در همه ی سیستم ها الزاما باید از کدی شبیه به مثال زیر استفاده کنیم:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" 
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="flashmovie" width="120" height="90">
<param name="flashmovie" value="flashmovie.swf" />
<param name="bgcolor" value="#666666" />
<param name="quality" value="high" />
<param name="seamlesstabbing" value="false" />
<param name="allowscriptaccess" value="samedomain" />
<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="flashmovie" width="120" height="90" src="flashmovie.swf" bgcolor="#666666" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain">
</embed>
</object>
توضیح:
- کد نمایش فلش، درخواستی را به سایت adobe (و در کدهای قدیمی تر macromedia) می فرستد و در مقابل پلاگین را دریافت می کند.
- برای ساختن کلیپ فلش می توانید از برنامه هایی نظیر Adobe Flash یا SWiSH Max استفاده کنید.
- پس از اینکه کلیپ خود را با فرمت swf خروجی گرفتید، باید آن را در یک سرور آپلود کنید تا به صورت آنلاین در دسترس باشد، اگر خودتان سروری در اختیار ندارید، می توانید از سرویس های رایگان (و ترجیحا داخلی) برای آپلود فایلتان استفاده کنید و لینک مستقیم آن را (آدرس باید به swf ختم شود نه به فرض htm یا html و...) در کد جایگزین کنید (آدرس کامل آن را به جای عبارات flashmovie.swf قرار دهید).
- دقت کنید که کد فلش را باید به صورت html در وبلاگتان درج کنید، نه اینکه مستقیم آن را در قسمت ارسال مطالب کپی نمائید، در قسمت ارسال مطالب، معمولا آیکنی تحت عنوان نمایش کد html یا نمایش به صورت کد و... وجود دارد که مطالب را به صورت کد ساده html نشان می دهد، کد فلش را باید در آن قسمت کپی کنید تا به درستی به نمایش دربیاید؛ همچنین امکان درج آن در قسمت ویرایش کد قالب نیز وجود دارد.
- با توجه به کلیپ شما، ممکن است اندازه طول و عرض فایل نیز نیاز به تنظیماتی داشته باشد، مقادیر در کد به صورت width و height مشخص هستند که باید آنها را با دقت و متناسب با کلیپ خود تغییر دهید.

حل مشکل اعتبار سنجی فلش در سرویس validator.w3.org:


همانطور که پیش از این گفتیم، کدهای فلش، استاندارد html نیستند، لذا برای کاربرانی که علاقمند هستند که کدهایشان با معیار اعتبار سنجی w3.org مطابقت داشته باشد، هنوز روش معتبری وجود ندارد، اما ما در این جا یک راه حل را ارائه می کنیم که به نظر مناسب است و آن استفاده از جاوا اسکریپت برای درج کلیپ های فلش است، برای این کار کد بالا را به صورت زیر می نویسیم:
<script type="text/javascript">
/* <![CDATA[ */
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="flashmovie" width="120" height="90">');
document.write('<param name="flashmovie" value="flashmovie.swf" />');
document.write('<param name="bgcolor" value="#666666" />');
document.write('<param name="quality" value="high" />');
document.write('<param name="seamlesstabbing" value="false" />');
document.write('<param name="allowscriptaccess" value="samedomain" />');
document.write('<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="flashmovie" width="120" height="90" src="flashmovie.swf" bgcolor="#666666" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain">');
document.write('</embed>');
document.write('</object>');
/* ]]> */
</script>
<noscript>
مرورگر شما از جاوا اسکریپت پشتیبانی نمی کند یا این قابلیت غیر فعال شده است!
</noscript>
پیش نمایش
توضیح:
- برای خروجی گرفتن از کد جاوا اسکریپت از دستور document.write استفاده کرده ایم و برای معتبر بودن کد CDATA را به آن افزوده ایم.
- یادآور می شویم که این کد برای کاربرانی که جاوا اسکریپت در سیستم آنها غیر فعال باشد اجرا نمی شود (و پیغام خطا ظاهر خواهد شد).
- استفاده از کد به روش اخیر ممکن است در برخی از سیستم های وبلاگی محدودیت هایی داشته باشد.
sectionدسته بندی: مهارتهای وب » وبلاگ نویسی
related مطالب بیشتر:
» پاسخ به سوالات و حل مشکلات وبلاگ نویسان
» محافظت از مطالب وبلاگ در مقابل کپی غیر مجاز!
» فوت و فن وبلاگ نویسی حرفه ای چیست؟!
» چگونه از تمام امکانات وبلاگ خود استفاده کنیم؟
» اشتباهات رایج در وبلاگ نویسی غیر حرفه ای!
commentنظرات (۱۱ یادداشت برای این مطلب ارسال شده است)
زمان: ۲۰:۰۴:۳۰ - تاریخ: ۱۳۹۲/۰۵/۳۰
من به هر سایت یا وبلاگی که سر می زنم حتما در قسمت نظرات بخشی رو به عنوان تشکر به خاطر زحمات مدیر آن وبلاگ یا وبسایت در نظر می گیرم.
ممنون به خاطر مطالب مفیدتون
به من که خیلی کمک کردید
پاسخ: 
خواهش می کنیم، نظر لطف شما است.
نویسنده: said
زمان: ۲۲:۱۷:۴۴ - تاریخ: ۱۳۹۲/۰۶/۰۸
thank you = webgoo.ir
نویسنده: خلیل
زمان: ۰۱:۴۲:۱۶ - تاریخ: ۱۳۹۲/۰۸/۰۱
بازم ممنون
نویسنده: بهرام
زمان: ۱۵:۴۹:۲۷ - تاریخ: ۱۳۹۲/۰۸/۱۲
سلام ، می خواستم بدونم چه جوری میشه در یک مطلب از گالری تصاویر یا همان اسلاید شو استفاده کرد. در خارج یا بالای صفحه رو می دونم اما برای درج یک مطلب در پست جدید و قراردادن اسلاید برای آن چطوری باید عمل کرد؟ ممنون
پاسخ: 
سلام
تا آنجا که اطلاع داریم، به دلیل ایجاد محدودیت هایی از طرف سایت بلاگفا، امکان درج اسکریپت در مطالب وجود ندارد.
نویسنده: مرتضی مختاری
زمان: ۱۶:۴۵:۲۹ - تاریخ: ۱۳۹۲/۰۸/۱۴
سلام ممنون از مطلب بسیار مفیدتون. میخواستم درخواست کنم در مورد امنیت فایل های فلش هم یک پست بنویسید. چرا فایل های فلش رویه مرورگرهای جدید اجرا نمیشه یا اینکه میگن توسط فایل فلش میشه کوکی کاربران رو دزدید آیا درسته یا خیر و راه مقابله با اون چیه؟ تشکر
پاسخ: 
سلام
راه حل اصلی برای مشکلات بالا، آپدیت کردن یا نصب آخرین نسخه از نرم افزار فلش است.
نویسنده: SeyedMuhammad
زمان: ۱۸:۴۷:۴۶ - تاریخ: ۱۳۹۲/۱۲/۲۴
ممنون مطالب سایتتون خیلی بدردم خورد.
نویسنده: کاناپه بادی
زمان: ۱۴:۳۱:۴۱ - تاریخ: ۱۳۹۳/۰۱/۲۴
خیلی مفید بود ممنون
نویسنده: جواد
زمان: ۲۳:۱۰:۴۱ - تاریخ: ۱۳۹۳/۰۳/۱۹
سلام با تشکر لطفا آموزش هاتون رو بصورت تصویری بزارید
پاسخ: 
به لحاظ فنی امکانپذیر نیست!
نویسنده: مریم آفرینش
زمان: ۱۸:۱۴:۱۳ - تاریخ: ۱۳۹۳/۰۸/۱۹
واییییییی ممنونم خیلی خوب بود اما ای کاش ابزار مثل adobe flash در دسترس من بود یا راحت تر میشد این کد رو درست کرد ایکاش...
نویسنده: فاطمه
زمان: ۱۲:۵۳:۱۶ - تاریخ: ۱۳۹۴/۰۱/۱۲
با سلام مطالب خوبی در اختیار بقیه میدهید. میخواستم سوالی بپرسم : اگر کد تصویری در نظرها نیامد چگونه نظر را به ثبت برسانیم لطفا جواب دهید.
پاسخ: 
سلام
در بلاگفا این مشکل به دلیل مسدود بودن برخی سرورهای این سایت در ISP های داخلی است، از یک برنامه پراکسی استفاده کنید!
نویسنده: مهیار
زمان: ۱۴:۳۸:۳۷ - تاریخ: ۱۳۹۴/۰۲/۰۳
سلام با پراکسی هم رفتم ولی بلاگفا میزنه کد ممنوع کار دیگه ای نمیشه کرد؟
پاسخ: 
سلام
بحث ممنوع بودن درج کد با عدم نمایش تصویر امنیتی متفاوت است! در این مورد باید ببینید چه کدی را در نظرات درج کرده اید که بلاگفا آن را قبول نمی کند!




more لطفا دقت کنید که یادداشت های زیر منتشر نشده و حذف خواهند شد:
- یادداشت های خارج از موضوع این مطلب.
- سوالات کلی، غیر ضروری و مشکلاتی که هیچ تلاشی برای رفع آن نکرده باشید.
- نظرات حاوی کدها و اسکریپت های خیلی طولانی (به طور مثال کد کامل قالب وبلاگ).

3 × 3
 refresh
آگهی
seonab.com
طراحی نرم افزار اندروید
رنگین کمان عکس
Ranginkamaan.com

آرشیو عکس های باکیفیت با موضوعات متنوع...