الدرس السابع: الوسائط المرئية

سنتعرف ف درسنا الأخير على إدراج بعض الوسائط على الصفحة، كالشريط المتحرك والمقاطع الصوتية وملفات الفلاش.

- الوسوم الجديدة لهذا اليوم هي:
وسم البداية <marguee> وسم النهاية <marguee/>
مهمته سٌتخدم لإضافة شر طٌ متحرك ف هٌ نص أو روابط أو صور.

وسم البداية <embed> وسم النهاية _______
مهمته يستخدم لادراج عناصر خارجيه ضمن الصفحة.

-لنأخذ مثالا عن الشريط المتحرك :
<marquee direction="left" scrolldelay="90" behavior="scroll" loop="100">
 welcome
 </marquee> 
حيث تمثل كل من:
direction : اتجاه حركة النص (وهذا الأمر يعتمد على اللغة المستخدمة).
scrolldelay : تمثل سرعة العرض، فكلما كانت القيمة أصغر كلما زادت سرعة العرض
behavior : تمثل طريقة عرض وتوضع النص عند بداية تحميل الصفحة.
loop : تمثل عدد مرات تكرار الشريط قبل التوقف.
والآن لنأخذ مثالا عن إدراج عنصر خارج :
<embed src="tr1.mp3" width="283" height="186" hidden="false" autostart="false" loop="false">
حيث تمثل كل من:
src : مكان وجود الملف المطلوب (ممكن أن يكون من أي موقع خارجي)
width, height : تمثل الأبعاد طولا وعرضا.
hidden : تحدد فيما إذا كان العنصر ظاهرا أم لا.
autostart:  للبداية التلقائية.
loop : لتكرار عرض المصدر تلقائيا (مقطع صوت مثلا).


- سنقوم الآن ببناء صفحتنا كالعادة
<html> 
<head> 
<title>learn turkish</title>
</head> 
<body bgcolor="#FF6633"> 
<!-- add a walk-->
<h2>Learn Turkish </h2> 
<embed src="http://www.matsclock.com/swf/matsclock-1042.swf" height="250" width="250">

<marquee direction="left" scrolldelay="60" behavior="scroll" loop="100" style="background-color:#600; border:1px #B8CFE9 solid;">

<a style='color:#FFF;'><b><h3 style='color;'> -- turkish test-- </h3><b></a></marquee>

<p> 
<embed src="tr1.mp3" width="200" height="50" hidden="false" autostart="false" 
loop="false" name="losmojo"><h3>Türkçe Alfabe</h3>
</p> 

<p> <embed src="tr2.mp3" width="200" height="50" hidden="false" autostart="false" 
loop="false" name="lostmojo"><h3>Türkçe rakamları</h3> 
</p> 
</body> 
</html>
وسيكون الخرج (مايظهر للمستخدم عند فتح الصفحة) على النحو التالي:



ومهمتك هذه المرة:
إنشاء صفحة خاصة بألعاب الفلاش بحيث تحوي الصفحة على شريط يحتوي على أسماء الألعاب و ضمن الصفحة توجد الألعاب (عبارة عن 2 أو 3 ألعاب) مع مراعاة اختيار الألوان والعناوين المناسبة للصفحة، ومراعاة الحجم المناسب لعرض الألعاب ضمن الصفحة.
- ملاحظة: الألعاب ستكون مستوردة من مواقع أخرى تختارونها أنتم مع مراعاة وضع الروابط المناسبة.
مثال:
<embed src="http://www.matsclock.com/swf/matsclock-1042.swf" height="250"width="250">

إرسال الوظائف:
ضع ملف الكود و الصور في ملجد ثم اضغطه باستخدام برنامج Winrar واحفظ الملف باسمك الكامل ثم ارسله الى الايميل التالي: اضغط هنا
او يمكنك نسخ الايميل من هنا "k-alhumsi@hotmail.com " ولصقه في المتصفح الخاص بك

الشهادة تعطى فقط للاشخاص الذين أتموا الوظائف بغض النظر اذا فيها أخطاء ام لا

أحدث أقدم

اعلان بداية المقال

اعلان اخر المقال