الإعلانات
لقد كتبت مقالًا حول كيفية إنشاء صورة لموقعك على الويب مع المناطق القابلة للنقر أو النقاط الساخنة باستخدام GIMP كيفية إنشاء خريطة صورة باستخدام برنامج جيمب قراءة المزيد . يسمى هذا النوع من الصور القابلة للنقر مخطط الصورة. خرائط الصور موجودة منذ فترة ولكن لا تزال تستخدم على نطاق واسع لمنح مصممي الويب المرونة.
في التعليقات سألني شخص ما إذا كان ذلك ممكنًا باستخدام Paint. صافي (يمكن أن يكون أ فوتوشوب بديل 5 بدائل مجانية لـ Photoshop يجب أن تجربها قراءة المزيد ?). لهذا السبب ، شرعت ليس فقط في التثبيت والاستخدام رسم. شبكة لأول مرة ، ولكن لمعرفة كيفية عمل خرائط الصور باستخدامها.
نعم ، اضطررت لمغادرة Ubuntu لبضع دقائق والتمهيد في تثبيت Windows (أعلم أنه موجود إصدار Ubuntu لكنني لم أكن متأكدًا من أن كل شيء سيعمل بالطريقة نفسها) ولكن الأمر يستحق التغيير سرعة.
الاستنتاج الذي توصلت إليه هو نعم ، إنه ممكن ولكنك ستحتاج إلى مساعدة مكون إضافي.
تنزيل وتثبيت البرنامج المساعد
الإضافات سهلة التنفيذ إلى حد ما في برنامج الرسام. NET ويتكون بشكل أساسي من تنزيل الملفات ووضعها في المجلد الصحيح. يسمى المكوّن الإضافي المطلوب لإنشاء خريطة صورة "
إنشاء خريطة صورة"ويمكنك تنزيله من هذا الرابط. الصفحة فوضوية بعض الشيء لذا تحقق من لقطة الشاشة أدناه للعثور عليها بسهولة.
ستقوم بتنزيل ملف مضغوط يحتوي على الملفات الصحيحة. بمجرد تنزيلها ، ما عليك سوى وضعها هنا: ج / ملفات البرنامج / الرسام. صافي / تأثيرات
الآن قم بإعادة تشغيل برنامج الرسام. NET ويجب عليك تثبيته. افتح الصورة ويجب أن تكون جاهزًا.
استخدم محرر خريطة الصور للحصول على الرمز الصحيح
افتح محرر خريطة الصور: تأثيرات -> تطبيق صورة -> إنشاء خريطة صورة
اسحب (تظاهر بأنك ترى مربع) وقم بتسمية كل نقطة فعالة.
انقر فوق "موافق" عند الانتهاء. ستحصل بعد ذلك على نافذة منبثقة تحتوي على بعض الرموز التي ستحتاج إليها.
قم بتحرير الكود واستعد لموقعك
افتح "المفكرة" أو محرر نصوص مماثل والصق الرمز. من المحتمل أن ينتهي بك الأمر مع كل الشفرة في سطر واحد. أسهل طريقة هي فصل الخطوط كما فعلت في لقطة الشاشة أدناه.
لاحظ أنني أضفت سطرًا من التعليمات البرمجية في الأعلى. يحدد هذا السطر من التعليمات البرمجية موقع الصورة على الخادم (هل قمت بتحميلها بشكل صحيح؟) واسم الخريطة المستخدمة فوق الصورة.
ستلاحظ أيضًا أنني سميت الخريطة. من أجل ربط الصورة بالخريطة ، ستحتاج إلى القيام بذلك. استبدل أيضًا علامات "#" بعناوين URL للروابط التي تريد إدراجها.
لذا نعم ، هناك طريقة أخرى لعمل خريطة صورة. من الممكن أيضًا القيام بذلك يدويًا دون مساعدة من برنامج تحرير الصور ولكن من لديه الوقت لذلك؟
ماذا تستخدم لعمل خرائط الصور؟
أنا طفل عمره 30 عامًا في القلب. لقد عملت على الكمبيوتر منذ المدرسة الثانوية. أنا أستمتع بإيجاد مواقع جديدة ومثيرة للاهتمام مفيدة لكل شخص يوميًا. لقد كنت أساعد الناس وأدربهم على القضايا المتعلقة بالتكنولوجيا لسنوات ولا أرى نفسي أتوقف في أي يوم قريبًا.
