2013-07-06

كيفية ادراج فلاش فى صفحة ويب Html

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

إستكمالا لدورة تعلم تصميم المواقع بلغة Html ،فى هذا الدرس سنتعرف على كيفية إضافة فلاش على صفحة ويب أو على المواقع التى تعمل بلغة Html مثل بلوجر و الورد بريس.
flash-icon
يمكن متابعة الدروس السابقة :
1.كيف أبدأ تعلم التصميم على الإنترنت
2.مقدمة عن أكواد Html وفائدتها
3. كيفية تصميم موقع بلغة Html

فالفلاش يستعين به كثير من أصحاب المواقع كهيدر فلاشى أو إضافة ألعاب الفلاش ولكن يفضل التقليل من الإضافات الفلاشية فى الصفحة حتى تكون سريعة التحميل.
الخطوة الأولى:
صنع ملف فلاش بإستخدام البرامج المخصصة لذلك مثل برنامج Adobe Flash Studio أو Flash Banner Maker  أو برنامج adobe flash professional أو برنامج Swishmax  ,............... وغيرها من البرامج الكثيرة المهم أن يكون الملف بصيغة SWF

الخطوة الثانية:
رفع الفلاش على شبكة الإنترنت على أى موقع إستضافة برابط مباشر بمعنى ينتهى الرابط بإمتداد الملف الفلاشى SWf
إذا كنت لا تمتلك موقع إستضافة يمكن إستخدام الدروبوكس Dropbox   فى حفظ الملفات والحصول على رابط مباشر.

الخطوة الثالثة: 
بعد الحصول على الرابط المباشر للفلاش يمكن إستبداله بالرابط الملون باللون الأزرق بالكود التالى ثم نسخ الكود إلى صفحة الويب 

 
<embed src="https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf" 
                    quality="high" allowscriptaccess="always" 
                    type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" 
                    align="middle" height="150" 
                    width="150"></embed>


أما إذا كنت تريد إضافة الفلاش مع خلفية شفافة فيمكن إستخدام هذا الكود
 
<br />
<center>
<embed height="150" src="https://dl.dropboxusercontent.com/u/80212138/%D9%85%D8%AF%D9%88%D9%86%D8%A9%20%D9%83%D9%86%20%D8%AF%D8%A7%D8%B9%D9%8A%D8%A7%20%D9%84%D9%84%D8%AE%D9%8A%D8%B1/demo/%D8%A3%D9%84%D9%88%D8%A7%D9%86%20%D8%A7%D9%84%D9%88%D9%8A%D8%A8.swf" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed>
<center>

يمكن التحكم فى طول وعرض الفلاش بتغيير قيم الطول والعرض بالكود width ,height

إستخدام محرر Html للإضافة فلاش إلى صفحات الويب:

يمكن بإستخدام البرامج ومحررات أكواد Html الحصول على الكود المناسب لإضافة الفلاش بصفحة الويب وضبط الإعدادات المناسبة لذلك وهذا مثال بسيط:

إذهب إلى محرر أكواد Html  

 ثم إضغط على أيقونة الفلاش الموجودة بشريط الأدوات

html-editor

 ثم كتابة رابط الفلاش المباشر بالجدول الخاص بإعدادات الفلاش وضبط الطول والعرض بتبويب general
 ولضبط المحاذاة والشفافية والجودة من تبويب properties

html-codes

وللحصول على الكود إضغط علىsource أعلى شريط الأدوات بالمحرر
ثم إنسخ الكود داخل أى صفحة Html أو داخل موضوع بمدونة بلوجر أو وورد بريس

الرجاء عدم نسخ الموضوع بدون ذكر مصدره ورابط المدونة

تعليقات
1 تعليقات

هناك تعليق واحد: