المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : شرح إضافة ملف صوتى يعمل فى خلفية الموقع او صفحة html


abohmam
12-08-2010, 02:09 AM
بسم الله الرحمن الرحيم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

شرح إضافة ملف صوتى يعمل فى خلفية الموقع او صفحة HTML

إجابة على سؤال أحد الأخوة أقدم هذا الشرح التفصيلي كى يستفيد الجميع إن شاء الله

بعد فتح برنامج فرونت بيج وإنشاء صفحة جديدة

كما تعلمنا فى الدرس الأول فى تعديل خيارات الصفحة ( تحديد الترميز اللغة العربية - إتجاه الصفحة من اليمين إلى اليسار )
يمكننا أيضا إضافة ملف صوتى يعمل لمرة واحدة أو تشغيل دائم

http://img152.imageshack.us/img152/60/frontpage001.jpg

http://img267.imageshack.us/img267/3223/frontpage002.jpg

ولكن من خلال البرنامج لانستطيع إلا اضافه هذه الامتدادات ( WAVE - RM - MIDI )

http://img412.imageshack.us/img412/7978/frontpage003.jpg

وبذلك ينتهى شرح اضافة الصوت من خلال برناج فرونت بيج

.
.

:fasel3:

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

يوجد مثال مرفق لإضافة خلفية صوتية بطريقة أخرى والشرح كالتالي :

مافعلته انا قمت بإضافة كود برمجي خاص لكى نتمكن من اضافة ملفات mp3 لصغر حجمها وهو :


<bgsound src="abc4web.mp3" loop="infinite">


http://img135.imageshack.us/img135/1327/addsound.jpg

طبعا من خلال الفرونت بيج يجب ان تضيفه من خلال إستعراض ( التعليمات البرمجية ) Code

ثم تضيفه فى اى مكان فى الصفحة ولكنى افضل أن تضعه بين وسمي راس الصفحة


<head>
هنا تضع الكود

<bgsound src="abc4web.mp3" loop="infinite">

</head>


شرح الكود

src = مسار الملف الصوت
loop = إذا اردنا أن نجل الملف يعمل دائما

إذا تريد تعديل ملف الصوت بأحد طريقتين

1- إستبدال ملف الصوت abc.MP3 فى مجلد التجميع
2- فتح الصفحة بمحرر النصوص وتعديل الاسم abc.mp3 لما تريد

ويمكنك استخدام ملفات صوتيه بصيغة WAV أيضا ان شاء الله

بخصوص متصفحا الفاير فوكس وغيره



<audio src="abc.mp3" controls>
<p>ظهور هذا التحذير يعنى أن متصفحك لايدعم مشغل الصوت وتحتاج إلى تفعيل ذلك أو إضافة كويك تاميز </p>
</audio>



وربما يعمل مباشرة أيضا بعد حذف كلمة controls لكن يجب استخدام ملف صوت بامتداد WAV


:dw_abc4web:

:at:

ولااسامح أى عضو يقوم بتحميل المرفق وإستعماله بإضافة موسيقى أو أغانى ابدا والله هو الرقيب


وللمزيد حول لغة برمجة صفحات HTML أو لغة CSS يُرجى مراجعة قسم برمجة المواقع

ولاتنسونا من صالح دعائكم فى هذه الأيام المباركة
.
أبوهمام
.

الدمشقي
12-08-2010, 02:14 AM
شــــ لك ــــكراً أخي الفاضل أبو همام
على هذا الشرح الجميل
وجزاك الله خيراً

ابو فاطمة
12-08-2010, 03:42 AM
عليكم السلام ورحمة الله وبركاته

صلى الله عليه وسلم

عاشت ايدك عيوني ابو همام تسلم

ياليت وياه شرح فرونتج بيج عربي والله اعلم يمكن ناسي المرفق


:abc_138:

:abc_152:

المغربي الجديد
12-08-2010, 05:20 AM
جزاك الله خيرا
وبارك الله بك وفيك الى يوم الدين
اللهم أني ارفع لك يدي في هذا اليوم المبارك من هذا الشهر المبارك وأدعو بان تجعل أخانا ابو همام في العليين بين اقرانه وتبارك له في جميع اعماله وفي عياله حتى لا يرى ويسمع إلا ما يسره ويسعده
اللهم أنت القائل ادعوني استجب لكم
اللهم آمين يا رب العالمين
تسلم الأيادي
:abc_152:

abohmam
12-08-2010, 06:25 AM
بارك الله فيكم جميعا إخواني

اشكر لكم مروركم العطر وتواصلكم ودعائكم المبارك
بارك الله فيك اخى جمال ولك بمثل مادعوت به ياطيب
اسال الله لكم جميعا بالمثل

حياك الله أبا فاطمة
شكرا على النبيه بخصوص المرفق وقد تم الرفع من جديد
أما نسخة الفرونت بيج العربية فبصراحة انا استخدم برامج أخرى
وقمت بتنصيب هذا البرنامج فقط من أجل هذا الشرح
ومصطلحات القائمة سهلة ان شاء الله تدرب عليها والصور بتساعد :abc_051:

حفظكم المولى جميعا

ابو فاطمة
12-08-2010, 01:00 PM
الله محي اصلك عيوني الغالي الشكر لله تسلم


ان شاء الله تطبيقي في المرفقات يعني شي على الخفيف والسرعه شوي

وصور من شرح الفرونت بيج عربي


http://img830.imageshack.us/img830/5186/88639934.gif (http://img830.imageshack.us/my.php?image=88639934.gif])

http://img717.imageshack.us/img717/4629/98952543.gif (http://img717.imageshack.us/my.php?image=98952543.gif)


ليس المهم ان تكون محترف لكن الاهم ان تتعلم الاحتراف


:abc_022::abc_028:

أبوحفص
12-08-2010, 02:51 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

روز فيصل
29-08-2010, 03:33 PM
:abc_028:
مشكوررررررر......:abc_028:

:salla:

سالي الفلسطينية
29-08-2010, 09:18 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو يوسف
29-08-2010, 09:56 PM
موفق بإذن الله ... لك مني أجمل تحية .

فلسطيني
29-08-2010, 11:38 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

شباب دايم
30-01-2011, 03:40 AM
موفق بإذن الله ... لك مني أجمل تحية .

ايمن سالم
15-02-2011, 09:52 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الاغواط
12-03-2011, 06:21 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الراااس
28-03-2011, 03:32 PM
شكرا جزيلا يا مبدع جاري التجريب

abohmam
28-03-2011, 04:29 PM
بارك الله فيكم جميعا

أشكر لكم مروركم العطر وتواصلكم الجاد

بالتوفيق

اصدق شعور
12-05-2012, 11:14 PM
بسم الله الرحمن الرحيم

مريم المنذري
14-05-2012, 05:33 PM
لك كل الشكر والتقدير :abc_028::abc_028:

أبو صخر
16-05-2012, 11:04 AM
موفق بإذن الله ... لك مني أجمل تحية .

abohmam
26-05-2012, 10:16 PM
جزاكم الله خيرا اخواني على المرور والتواصل

اسال الله لى ولكم التوفيق والسداد

القرار الاخير
02-08-2012, 12:22 AM
شــــ لك ــــكراً أخي الفاضل أبو همام
على هذا الشرح الجميل
وجزاك الله خيراً

اسير الغربة
18-09-2012, 09:49 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

الهمام
19-09-2012, 02:00 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

اسامه الحناوى
08-10-2012, 08:11 AM
شكرا على المجهود الرائع وبارك الله فيك وعليك:abc_052::abc_052:

خادم المسلمين
21-10-2012, 09:17 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

المعلم الانسان
28-11-2012, 06:27 AM
شكرررررررررررا يااخى:abc_050:

احمد الموسوي
07-12-2012, 12:45 PM
جمييييييييييييييل

صادق الموسوي
15-12-2012, 05:01 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبو الأمير
08-04-2013, 05:06 PM
مشكوووووووووووووووووووووو ووووووووور

نسيم الشوق
19-06-2013, 10:58 PM
السلام عليكم ورحمة الله وبركاته
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

انثى الرماد
01-07-2013, 02:43 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
:abc_152: :abc_152:

abohmam
23-11-2013, 08:52 PM
جزاكم الله خيرا جميعا

أشكر لكم مروركم وتواصلكم الجاد

ملحوظة: الكود يعمل على متصفح إكسبلورار وقد تم إضافة كود آخر للعمل على باقى المتصفحات

بالتوفيق ان شاء الله

حسن جلال
01-05-2015, 06:49 PM
شــــ لك ــــكراً أخي الفاضل أبو همام
على هذا الشرح الجميل
وجزاك الله خيراً

موسلم
03-06-2016, 02:48 PM
شكـــــــــــــــــــــــ ـــــــــــــــــــــــــ ـرا لك

بودي احمد جاد
15-01-2017, 06:34 PM
شكرا جزيلا على المجهود الطيب