إنشاء خريطة صورة باستخدام برنامج ImageMapper مفيد بواسطة برنامج Silmediate Software


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

يمكن تعيين مناطق معينة من صورة القائمة كمناطق ساخنة ، أو مناطق نشطة. ترتبط كل منطقة نشطة بوجهة مختلفة لصفحة الويب. يمكن استخدام أي صورة كخريطة صورة قائمة. السحر هو في خلق المناطق النشطة. مثل أي شيء آخر حول WWW ، هناك أكثر من طريقة للقيام بذلك. معظم برامج الرسومات ، مثل AdobeR محل تصويرR ، لديك ميزة خريطة الصور التي يمكنك استخدامها لإنشاء المناطق النشطة. ومع ذلك ، كل ما تحتاجه حقًا هو برنامج مجاني بسيط ، يسمى Handy ImageMapperR ، والتي يمكن تنزيلها مجانًا من موقع Silmediate Software. بعد تنزيل البرنامج ، اتبع الخطوات أدناه لإنشاء خريطة صور من صورة GIF أو JPG أو PNG أو BMP.

www.silveragesoftware.com

  1. افتح البرنامج وسترى مساحة بيضاء كبيرة فارغة. لوضع صورتك في هذه المساحة ، انقر على أيقونة المجلد ثم انتقل إلى الصورة التي ترغب في استخدامها. انقر نقرًا مزدوجًا على الصورة لاستيرادها إلى Handy ImageMapper.

    الآن لديك خيار رسم شكل مستطيل أو دائرة أو مضلع لتعيين المناطق النشطة على صورة القائمة الخاصة بك. انقر فوق أحد هذه الرموز.

  2. انقر واسحب لرسم الشكل على مساحة الصورة التي ترغب في أن تكون نشطة وترتبط مع وجهة الارتباط. سيتم الإشارة إلى المنطقة النشطة بواسطة شكل شبه شفاف يطفو فوق المنطقة. إذا ارتكبت خطأ ، ما عليك سوى النقر على أيقونة الحذف (X) والبدء من جديد.

    تحت أيقونات الأشكال ، ستجد قسم Coords. سترى الإحداثيات لهذه المنطقة النشطة المدرجة في المربع.

  3. تحت قسم Coords ، يوجد مربع إدخال Tooltip. تلميح الأدوات هو النص الذي ينبثق عندما تضع مؤشر الماوس فوق هذه المنطقة النشطة. يجب أن تكون كلمة أو كلمتين تخبران القارئ بشيء عن صفحة الويب المقصودة لهذا الرابط. اكتب تلميح الأدوات الخاص بك في مربع إدخال النص.

  4. القسم التالي لأسفل هو مربع إدخال الرابط التشعبي HREF. اكتب ، أو انسخ والصق ، // عنوان URL لصفحة الويب المقصودة في هذا المربع.

  5. افتراضيًا ، سيتم تسمية خريطة الصورة map1. إذا كنت تفضل ذلك ، يمكنك إعادة تسمية خريطة الصورة في مربع الإدخال السفلي.

  6. كرر الخطوات من 2 إلى 4 لكل ارتباط تشعبي في صورة القائمة الخاصة بك.

    عند الانتهاء من إنشاء المناطق النشطة في صورة القائمة الخاصة بك ، انقر فوق الزر "وضع على الحافظة" وسيقوم البرنامج بإنشاء كود HTML لخريطة الصورة الخاصة بك ووضع الرمز في الحافظة الخاصة بك.

  7. افتح الملف لصفحة الويب الخاصة بك والصق رمز HTML من البرنامج في رمز صفحة الويب. سيبدو شيء مثل الرمز أدناه.









كما ترى من المثال ، فإن إحداثيات X و Y لكل منطقة نشطة ، إلى جانب تلميح الأدوات وموقع URL لصفحة الويب المرتبطة به ، مدرجة في علامة الخريطة. تحت هذا ، هو علامة الصورة. ستلاحظ أن عنوان URL في علامة الصورة هو موقع الصورة حيث يتم تخزينها على محرك الأقراص الثابتة. (C: \ ...) ستحتاج إلى تغيير هذا إلى عنوان URL الفعلي للصورة حيث يتم تخزينها على موقع الويب الخاص بك. يربط رمز USEMAP = "# map1" في علامة الصورة الصورة بعلامة الخريطة (MAP NAME = map1). يجب لصق هذا الرمز في صفحة الويب أو صفحات الويب التي ترغب في استخدام خريطة الصور فيها.




From google Earth to Global Mapper (سبتمبر 2021)



المادة العلامات: إنشاء خريطة صور باستخدام Handy ImageMapper بواسطة Silmediate Software و HTML و Handy ImageMapper و Silmediate Software ، وكيفية عمل خريطة صورة ، وطريقة سهلة لإنشاء خريطة صور ، وكيفية إضافة مناطق نشطة إلى خريطة صور ، ومناطق نشطة محددة ، وخريطة صور إما من GIF JPG PNG أو BMP ، إحداثيات X و Y لمنطقة نشطة

أقراط الدجاج

أقراط الدجاج

الهوايات والحرف

بناء مكتبة Tatting - جون يوسف

بناء مكتبة Tatting - جون يوسف

الهوايات والحرف

المشاركات الجمال الشعبية

لعب الألعاب مع أطفالك

لعب الألعاب مع أطفالك

الهوايات والحرف

لها الماضي سر كتاب مراجعة

لها الماضي سر كتاب مراجعة

الكتب والموسيقى

نهج جديد لشقرا شفاء

نهج جديد لشقرا شفاء

الصحة واللياقة البدنية