الدروس التعليمية

إنشاء الخواريط المصورة

مرات المشاهدة : 1020

التعرف على الخرائط المصورة

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

إنشاء الخرائط المصورة باستخدام فرونت بيج .

أول خطوة في عملية إنشاء الخريطة المصورة هي تحديد الصورة التي تنوي استخدامها ، إذاً عليك أن تختار ملفاً بإحدى هاتين الصيغتين GIF أو JPEG عليك حفظ تلك الصور بصيغة GIF أو JPG . ثم انتقل إلى خطوات تحويلها إلى خريطة مصورة وإليك هذه الخطوات .

1- قم بإدراج ملف الصورة في صفحة الويب التي ستضم الخريطة المصورة ( انظر الشكل 15-1 )

 

1-15

2- حدد الصورة التي قمت بإدراجها في الصفحة .

3- تأكد من ظهور شريط أدوات الصورة في في النافذة الرئيسية لفرونت بيج من شريط أدوات الصورة ، انقر رمز Polygonal Hotspot . يجب أن يظهر المؤشر على شكل قلم رصاص .

4- ستستخدم المؤشر في تتبع الحواف الخارجية لأحد الكائنات في الصورة كل كائن تقوم بتحديده سيكون واحدة من البقاع الساخنة التي تعينها داخل الخريطة المصورة . انقر في أحد اركان الكائن وستظهر نقطة إرساء ( مربعة ) .

حرك المؤشر إلى الركن الثاني في الخط الذي يوجد حول الكائن وسترى البقعة الساخنة وهي محيطة بالكائن ( 15-2 ) .

5- استمر في تتبع الكائن وإنشاء نقاط الإرساء إلى أن تصل إلى النقطة التي بدأت منها . انقر نقطة الإرساء الأولى مرة أخرى لتنهي عملية تتبع الكائن ، وسيظهر على الفور مربع حوار Create Hyperlink ( انظر الشكل 15-3 ) .

6- في مربع نص URL ، اكتب عنوان الصفحة التي تريد أن تنشئ الارتباط إليها . انقر زر OK لتحفظ الارتباط وتغلق مربع الحوار .

 

 

 

كرر الخطوات من 3 إلى 6 مع عدة كائنات أخرى تريد أن تحولها إلى نقاط ساخنة داخل الخريطة المصورة ( انظر الشكل 15-4 ) .

 

2-15

 

3-15

 

4-15

أنقر أداة البقعة التي تريد استخدامها مع تحديد المناطق التي تريد تحويلها إلى بقاع ساخنة داخل الصورة ( انظر الشكل 15-5 ) .

معاينة الخريطة المصورة

ينبغي أن تستخدم علامة تبويب PREVIEW التي توجد في النافذة الرئيسية لفرونت بيج ( في الجانب الأيسر السفلي ) لتختبر الخريطة المصورة التي أنشأتها .

 

5-15

لمعاينة الخريطة المصورة :

1- تأكد من أنك مازلت تعرض الصفحة التي قمت بإنشائها .

2- تأكد من تحديد علامة تبويب Normal الموجودة في الجزء السفلي من نافذة الصفحة .

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

4- ضع المؤشر فوق المناطق التي حولتها إلى مناطق ساخنة داخل الصورة . إذا كانت الارتباطات الموجودة لديك تعمل ، فلابد أن يتحول المؤشر إلى شكل يد صغيرة بمجرد أن يمر فوق أحد الارتباطات ( انظر الشكل 15-6 ) .

 

6-15