نص/Chen Xiufeng
عند فتح صفحة ويب تحتوي على صور، ستشاهد أحيانًا هذا الموقف: عندما يشير الماوس إلى أجزاء مختلفة من الصورة، يمكنك فتح ارتباطات تشعبية مختلفة تسمى هذه التقنية - المنطقة الساخنة لصورة صفحة الويب.
لنأخذ Dreamweaver MX وFrontPage 2003 كأمثلة لرؤية العملية المحددة لإنشاء نقطة فعالة لصورة صفحة الويب.
1. قم بإنشاء نقطة اتصال للصور في Dreamweaver MX
1. ابدأ تشغيل Dreamweaver MX (يُرجى اتباع الإرشادات الخاصة بالإصدارات الأخرى)، وافتح ملف صفحة الويب حيث تحتاج إلى إنشاء نقطة اتصال للصور، وحدد الصورة المقابلة، ثم "الخصائص" ستتحول اللوحة تلقائيًا إلى حالة "الصور" خصائص" (الشكل 1).
2. حدد نوع المنطقة الساخنة (مثل "القطع الناقص")، ثم اسحبه على الصورة لإنشاء منطقة ساخنة (انظر الشكل 1)
الشكل 1
ملاحظة: المنطقة الفعالة تعادل إضافة طبقة رسومات إلى الصورة، تمامًا مثل ضبط الصورة، يمكن ضبط حجم المنطقة الفعالة وموضعها باستخدام الماوس.
3. أدخل عنوان URL المراد ربطه في المربع الموجود على يمين "الرابط" (مثل "http://www.yesky.com")؛ وأدخل بعض الأحرف التوضيحية في المربع بعد "الاستبدال" (مثل "Tianji .com" ); اضغط على زر القائمة المنسدلة الموجود على يمين "الهدف" وحدد طريقة لفتح الصفحة المرتبطة في القائمة المنسدلة التي تظهر (إذا كنت تريد فتح الصفحة المرتبطة في نافذة جديدة، فحدد الخيار "_فارغ").
ملاحظة: سيتم عرض الأحرف التي تم إدخالها في مربع "استبدال" على الصفحة عندما يشير الماوس إلى النقطة الفعالة عند تصفح صفحة الويب (الشكل 2).
الشكل 2
4. كرر الخطوتين 2 و3 أعلاه لإنشاء نقاط فعالة متعددة في أجزاء مختلفة من الصورة.
2. إنشاء نقطة فعالة للصور في FrontPage2003
1. ابدأ تشغيل FrontPage2003 وافتح ملف صفحة الويب الذي يحتاج إلى إنشاء نقطة فعالة للصور.
2. قم بتنفيذ الأمر "عرض → شريط الأدوات → صورة" لتوسيع شريط الأدوات "صورة" (الشكل 3)
الشكل 3
3. حدد نوع المنطقة النشطة (مثل "المستطيل")، ثم اسحب المنطقة النشطة على الصورة في هذا الوقت، سينبثق النظام تلقائيًا مربع الحوار "إدراج ارتباط تشعبي" (الشكل 4).
الشكل 4
4. أدخل عنوان URL المراد ربطه في شريط "العنوان" (مثل "www.yesky.com")؛ وانقر فوق الزر "نصائح الشاشة" لفتح مربع الحوار "تعيين تلميحات الارتباط التشعبي للشاشة" (الشكل 5) ، أدخل بعض أحرف الوصف (مثل "天极网").
الشكل 5
ملاحظة: "تلميحات الشاشة" هنا هي نفس وظيفة Dreamweaver MX "Alternative".
4. بنفس الطريقة، كرر الخطوتين 3 و4 أعلاه لإنشاء نقاط فعالة متعددة في أجزاء مختلفة من الصورة.