ایک روللوور تصویر ایک ایسی تصویر ہے جو کچھ دوسری تصویر میں تبدیل کرتی ہے جب آپ یا آپ کے گاہک اس پر ماؤس کو رول کرتی ہے. یہ عام طور پر ایک انٹرایکٹو احساس پیدا کرنے کے لئے استعمال کیا جاتا ہے جیسے بٹن یا ٹیب. لیکن آپ ریلوے کی تصاویر بنا سکتے ہیں جو کچھ ہی کے بارے میں ہے.
یہ سبق آپ کو Dreamweaver میں رول رولور بنانے میں مدد کرنے کے لئے ڈیزائن کیا گیا ہے. Dreamweaver کے مندرجہ ذیل ورژن کا استعمال کرتے ہوئے لوگوں کی طرف سے استعمال کرنے کا مقصد یہ ہے:
- Dreamweaver MX
- Dreamweaver MX 2004
- Dreamweaver 8
- Dreamweaver CS3
- Dreamweaver CS4
- Dreamweaver CS5
- Dreamweaver CS6
اس ٹیوٹوریل کے لئے ضروریات
- Dreamweaver
درج ذیل ورژن میں سے ایک. - ایک حقیقی تصویر
اس تصویر کو بہتر بنانا یقینی بنائیں. یہ آپ کے صفحات کو تیزی سے لوڈ کرنے میں مدد ملے گی. - روللوور تصویر
یہ تصویر اصل تصویر کے طور پر ایک ہی طول و عرض ہونا چاہئے. اور، اصلی تصویر کی طرح، لوڈ بار بار کی مدد کرنے کے لئے مرضی کے مطابق ہونا چاہئے. - ایک ویب صفحہ
یہ HTML صفحہ ہے جہاں آپ اپنا روللوور تصویر ڈالیں گے.
01 کے 06
شروع کرنے کے
- شروع کریں Dreamweaver
- ویب صفحہ کھولیں جہاں آپ اپنا روللوور چاہتے ہیں
02 کے 06
روولور تصویر تصویری آبجیکٹ داخل کریں
Dreamweaver ایک رولرور تصویر بنانا آسان بناتا ہے.
- داخل کریں مینو میں جائیں اور نیچے "تصویری آبجیکٹ" ذیلی مینو.
- "تصویر روللوور" یا "رولولوور تصویر" منتخب کریں
Dreamweaver کے کچھ پرانا ورژن بجائے تصویری آبجیکٹ "انٹرایکٹو تصاویر" کہتے ہیں.
03 کے 06
ڈیوڈ ویور کو بتائیں کہ کیا تصاویر استعمال کرنا
Dreamweaver آپ کے روللوور تصویر تخلیق کرنے کے لئے ان فیلڈز کے ساتھ ایک ڈائیلاگ باکس کو پاپتا ہے.
تصویر کا نام
اس تصویر کا نام منتخب کریں جو صفحہ کے لئے منفرد ہے. یہ سب ایک لفظ ہونا چاہئے، لیکن آپ تعداد، زیر زمین (_) اور ہائفینس (-) استعمال کرسکتے ہیں. یہ تبدیل کرنے کی تصویر کی شناخت کے لئے استعمال کیا جائے گا.
اصل تصویر
یہ اس تصویر کا یو آر ایل یا مقام ہے جو صفحہ پر شروع ہو جائے گا. آپ اس فیلڈ میں رشتہ دار یا مکمل راستہ URL استعمال کرسکتے ہیں. یہ ایک ایسی تصویر ہونا چاہئے جو آپ کے ویب سرور پر موجود ہے یا آپ اس صفحہ کے ساتھ اپ لوڈ کریں گے.
روولور کی تصویر
یہ تصویر ہے جو آپ کو تصویر پر ماؤس پر پیش کرے گی. اصل تصویر کی طرح، یہ تصویر کی مطلق یا رشتہ داری کا راستہ ہوسکتا ہے، اور جب آپ صفحہ اپ لوڈ کریں تو اپ لوڈ یا اپ لوڈ ہونا چاہئے.
Preload روللوور تصویر
یہ اختیار ڈیفالٹ کے ذریعہ منتخب کیا جاتا ہے کیونکہ اس میں روللوور زیادہ جلدی ظاہر ہوتا ہے. روللوور کی تصویر کو پری لوڈ کرنے کا انتخاب کرتے ہوئے، ویب براؤزر اسے اس کی ذخیرہ میں ذخیرہ کرے گا جب تک کہ ماؤس اس پر چل نہ سکے.
متبادل متن
اچھا متبادل متن آپ کی تصاویر زیادہ قابل رسائی بناتا ہے. کسی بھی تصاویر کو شامل کرتے وقت آپ کو کسی بھی قسم کے متبادل متن کا استعمال کرنا چاہئے.
جب کلک کیا گیا تو URL پر جائیں
زیادہ سے زیادہ لوگ ایک تصویر پر کلک کریں گے جب وہ صفحہ پر دیکھیں گے. لہذا آپ کو ان پر کلک کرنے کے عادت میں ہونا چاہئے. یہ اختیار آپ کو تصویر یا URL کو متعین کرنے کی اجازت دیتا ہے تاکہ ناظرین اسے تصویر پر کلک کریں. لیکن یہ اختیار ایک رولر بنانے کی ضرورت نہیں ہے.
جب آپ تمام شعبوں کو مکمل کر چکے ہیں تو، Dreamweaver کو اپنے روللوور تصویر بنانے کیلئے ٹھیک پر کلک کریں.
اگلے صفحے میں لکھا جاتا ہے کہ Dreamweaver لکھتا ہے.
04 کے 06
Dreamweaver جاوا اسکرپٹ آپ کے لئے لکھتا ہے
اگر آپ اس صفحہ کو کوڈ دیکھنے میں کھولتے ہیں تو آپ دیکھیں گے کہ Dreamweaver جاوا اسکرپٹ کا ایک بلاک آپ کے ایچ ٹی ایم ایل دستاویز
میں داخل کرتا ہے. اس بلاک میں 3 افعال بھی شامل ہیں جو آپ کو تصاویر کو تبدیل کرنے کی ضرورت ہوتی ہے جب ماؤس ان پر چلتا ہے اور اگر آپ نے اس کا انتخاب کیا.تقریب MM_swapImgRestore ()
تقریب MM_findObj (ن، ڈی)
تقریب MM_swapImage ()
تقریب MM_preloadImages ()
05 سے 06
Dreamweaver کو Rollover کے لئے HTML جوڑتا ہے
اگر آپ نے Dreamweaver کو رول رولور کو پہلے لوڈ کرنے کا انتخاب کیا ہے تو، آپ کو اپنے دستاویز کے جسم میں ایچ ٹی ایم ایل کا کوڈ پری لوڈ سکرپٹ کو کال کرنے کے لئے مل جائے گا تاکہ آپ کی تصاویر زیادہ تیزی سے لوڈ کریں.
اوورلوڈ = "MM_preloadImages ('shasta2.jpg')"
Dreamweaver بھی آپ کی تصویر کے لئے تمام کوڈ جوڑتا ہے اور اس سے منسلک کرتا ہے (اگر آپ یو آر ایل شامل ہیں). روالور کا حصہ لنگر ٹیگ میں آنومور اور پریمیورٹ صفات کے طور پر شامل کیا جاتا ہے.
پریشانی = "MM_swapImgRestore ()"
پریمیورور = "ایم ایم_ سوپ امیج ('تصویری 1'، ''، 'شسٹا 1 تصویر'، 1)"
06 کے 06
روولور سے باہر آزمائیں
مکمل طور پر فعال فعال روللوور تصویر دیکھیں اور سیکھیں کہ شیطان کی دماغ کہاں ہے.