خريطة الصورة هي صورة تحتوي على عناوين URL "مخططة" عليها. يمكنك تزيين موقع الويب الخاص بك أو صفحة البداية الشخصية بخريطة صورة لمواقعك المفضلة التي ترغب في زيارتها. هناك الكثير من البرامج التي يمكنك القيام بها ، لكن هذه المقالة ستستخدم Gimp.
خطوات
الخطوة الأولى. قم بتجميع الرسم الأولي الذي ستقوم بتعيينه
يمكنك استخدام الصور ، أي شيء يناسبك. هنا ، سنستخدم wikiHow ومنتدى wikiHow و iGoogle.
الخطوة الثانية. بعد إنشاء الصورة (أو فتحها) ، انتقل إلى Filters >> Web >> ImageMap
شاشة حوار Gimp ImageMap
الخطوة الثالثة. انقر على المستطيل الموجود على يمين الشاشة ، ثم اختر إحدى الصور التي تريد استخدامها
في لقطة الشاشة هذه ، تم تحديد wikiHow. املأ المعلومات الضرورية في شاشة الحوار التي تظهر.
انقر فوق المستطيل ويمكنك رؤية الموقع الدقيق للرسم
الخطوة 4. تابع هذه العملية لبقية خريطتك
الخطوة 5. بمجرد الانتهاء من تحديد جميع مناطق الارتباط ، احفظ خريطة الصورة الخاصة بك
سيعرض GIMP تلقائيًا حفظ هذا كملف بامتداد.map. إذا كنت ترغب في ذلك ، يمكنك حفظه على هذا النحو. لكن هذا الملف يحتوي على كود HTML (لا توجد صور) الذي نحتاج إلى تعديله ونسخه في صفحة الويب الخاصة بنا ، لذلك يوصى بحفظه كـ [filename].html والتخطي مباشرة إلى الخطوة 7.
الخطوة 6. إذا لم تقم بحفظه كملف HTML ، فابحث عن الملف المحفوظ وأعد تسمية الامتداد إلى.html
قد تتلقى تحذيرًا بشأن تغيير امتدادات الملفات. انقر فوق "نعم" للمتابعة.
الخطوة 7. استخدم محرر نصوص لفتح ملف HTML هذا
ستلاحظ أن هذا الملف يحتوي ببساطة على قائمة بالإحداثيات وعناوين URL. هذا هو الرمز الذي يخبر المتصفح عن عناوين URL التي سيتم تعيينها إلى أي جزء من صورتك.
الخطوة 8. تأكد من مسار الملف المحدد في
روابط للصورة التي تريد تعيين عناوين URL عليها.
قد يؤدي عدم توجيهها بشكل صحيح إلى الصورة إلى عدم عرض أي صورة على الإطلاق.
الخطوة 9. اختياري:
استخدم متصفح لفتح ملف HTML الخاص بك ؛ إذا كان كل شيء يعمل ، يجب أن ترى الصورة مع جميع عناوين URL المعينة عليها وفقًا للمناطق التي حددتها.
الخطوة العاشرة. أضف خريطة الصورة إلى صفحة الويب بتنسيق HTML
ستحتاج إلى نسخ جميع أسطر التعليمات البرمجية التي تراها ، بما في ذلك ملف
العلامة (التي تحدد المسار إلى الصورة المصدر الخاصة بك) وكل شيء بين العلامات. هذا كل شيء! انت انتهيت.