خرائط الصور هي مجرد علامات HTML بسيطة
خرائط الصور هي طريقة مثيرة ومثيرة للاهتمام لفرح موقع الويب الخاص بك - معهم ، يمكنك تحميل الصور وجعل أجزاء من تلك الصور قابلة للنقر إلى أصول أخرى على الإنترنت. إذا كنت في حيرة ولا تريد تنزيل محرر خريطة صورة ، فإن إنشاء خريطة باستخدام علامات HTML أمر بسيط.
ستحتاج إلى صورة ومحرر صور وبعض أنواع محرر HTML أو محرر نصوص. ستعرض لك معظم برامج تحرير الصور إحداثيات الماوس عند الإشارة إلى الصورة. بيانات الإحداثيات هذه هي كل ما تحتاج إليه للبدء في استخدام خرائط الصور.
إنشاء خريطة صورة
لإنشاء خريطة صور ، حدد أولاً صورة ستستخدم كأساس للخريطة. يجب أن تكون الصورة "بالحجم الطبيعي" ، أي أنه لا يجب عليك استخدام صورة كبيرة جدًا بحيث يقوم المتصفح بقياسها.
عند إدراج الصورة ، ستضيف سمة إضافية تعرف إحداثيات الخريطة:
عندما تقوم بإنشاء خريطة صورة ، فإنك تقوم بإنشاء منطقة قابلة للنقر على الصورة ، لذلك يجب أن تنسجم إحداثيات الخريطة مع ارتفاع وعرض الصورة التي حددتها. تدعم الخرائط ثلاثة أنواع مختلفة من الأشكال:
- مستطيل - شكل مستطيل أو رباعي الجوانب
- بولي - شكل مضلع أو متعدد الجوانب
- دائرة - دائرة
لإنشاء المساحات ، يجب عزل الإحداثيات المحددة التي تنوي تعيينها. قد تتكون الخريطة من واحدة أو أكثر من المناطق المحددة في الصورة ، والتي عند النقر عليها ، تفتح رابطًا تشعبيًا جديدًا.
بالنسبة للمستطيل ، تقوم بتعيين أعلى الزوايا اليمنى العلوية والسفلية. يتم سرد كافة الإحداثيات كـ x، y (over، up). لذا ، في الزاوية اليسرى العليا 0،0 والزاوية اليمنى السفلى 10،15 ستكتب 0،0،10،15 . يمكنك تضمينه في الخريطة: