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