برنامج CoffeeCup صورة مخطط يسمح لك بتحديد صلات متعددة (أو النقاط الساخنة) في مواقع محددة من الصورة وتوجيههم إلى وثيقة أو الموقع. إنشاء نص تمرير الماوس، والنص ALT، وصلات وأكثر من ذلك. يدعم JPG، PNG، GIF وتنسيقات الصور!
إذن كيف يعمل؟ دعونا نقول كنت تبيع الأثاث مع عدة قطع لقمة سائغة. تسليط الضوء على العناصر الموجودة في الصورة. ثم باستخدام أدوات تصميم ورسم الخطوط العريضة بشأن بند معين وتعيين عنوان موقع ويب إليها. الآن عندما ينقر على قطعة من الأثاث، وتتم إعادة توجيها إلى صفحة الويب المرتبطة بها لمزيد من المعلومات.
تطبيق نفس الأسلوب إلى أنواع أخرى من الصور مثل الخرائط، والصور الشركات الفريق، خرائط والمعارض الفنية وأكثر من ذلك. الحق رهيبة جدا؟ :)
خرائط صورة المستجيبة هي صديقة لمستخدمي الهواتف المتحركة
ومع أكثر من 51٪ من حركة المرور القادمة من الأجهزة النقالة، فمن المهم أن تقوم بتحديث خرائط الصور الخاصة بك لتكون متجاوبة. وهذا يجعلها أسهل وأسرع وأكثر وظيفية للتنقل للمشاهدين على شاشات أصغر حجما. خرائط الصور التي تستجيب سوف تعدل صلة إحداثيات تستند بشكل مناسب على عرض الشاشة. ومع ذلك، شيء واحد أن نأخذ في الاعتبار هو أن الأجهزة المحمولة لا تسمح تمريرات الماوس أو تلميحات على تحوم / تمرير الماوس. وبسبب هذا، سوف تحتاج إلى خلاق إعادة التفكير في كيفية خريطة صورتك تعمل لذلك سوف المستخدمين يعرفون غريزيا كيفية استخدامها.
كيف يمكنك أن تفعل ذلك؟ سهل. جعل خريطة صورتك أكثر وظيفية على الأجهزة المحمولة من خلال عرض "مفتاح" س "أسطورة" بالقرب من خريطة (أو حتى إضافته إلى الصورة نفسها) الذي يشير حرفيا ما يمكن أن أتطرق. على سبيل المثال، وهنا هو كتالوج الأثاث الذي يعرض بعض الأثاث للبيع في الكتالوج. وضعنا النص أسفل الصورة لوصف العناصر 8. تم تطبيق مؤشر إضافي أيضا إلى مصدر الصورة. هذه المساعدات تساعد المشاهدين المحمول يعرفون ما هو ملموس. عن طريق لمس أي من تلك البنود، وسوف يعاد توجيهك إلى صفحة حيث يمكنك تصفح الكتالوج عن بنود مماثلة.
المتطلبات:
IE 9 أو أعلى
والقيود:
وظائف محدودة
لم يتم العثور على التعليقات