تعرف على كيفية استخدام مخططات الصور في Dreamweaver لإنشاء النقاط الفعالة التفاعلية لموقع الويب الخاص بك.

مخطط الصورة هو عبارة عن صورة تم تقسيمها إلى مناطق تسمى نقاط فعالة؛ وعند قيام المستخدم بالنقر فوق نقطة فعالة، يحدث إجراء معين (على سبيل المثال، يتم فتح ملف جديد).

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

لا يقوم Dreamweaver بتعديل المراجع إلى مخططات الصور من جانب الخادم في المستندات الحالية؛ بل يمكنك استخدام مخططات الصور من جانب العميل ومخططات الصور من جانب الخادم في نفس المستند. ومع ذلك، تعطي المستعرضات التي تدعم كلا نوعي مخططات الصور أولوية لمخططات الصور من جانب العميل. لتضمين مخطط صورة من جانب الخادم في مستند، يجب كتابة التعليمات البرمجية المناسبة بلغة HTML.

إدراج مخططات صور من جانب العميل

عند إدراج مخطط صورة من جانب العميل، يمكنك إنشاء منطقة نقاط فعالة ثم تعريف ارتباط يفتح عند قيام المستخدم بالنقر فوق منطقة النقاط الفعالة.

ملاحظة:

يمكنك إنشاء مناطق نقاط فعالة متعددة، لكنها تكون جزءًا من نفس مخطط الصورة.

  1. في النافذة Document، حدد الصورة.
  2. في عارض الخصائص، انقر فوق السهم الموسع في الركن السفلي الأيمن لمشاهدة جميع الخصائص.
  3. في حقل Map، أدخل اسمًا فريدًا لمخطط الصورة. إذا كنت تستخدم مخططات صور متعددة في نفس المستند، تأكد أن كل مخطط يحمل اسمًا فريدًا.

  4. لتعريف مناطق مخطط الصورة، قم بأحد الإجراءات التالية:
    • حدد أداة الدائرة  ثم اسحب المؤشر فوق الصورة لإنشاء نقطة فعالة دائرية.

    • حدد أداة المستطيل  ثم اسحب المؤشر فوق الصورة لإنشاء نقطة فعالة مستطيلة.

    • حدد أداة المضلع  ثم قم بتعريف نقطة فعالة غير منتظمة الشكل عبر النقر مرة واحدة لكل نقطة زاوية. انقر فوق أداة السهم لإغلاق الشكل.

      بعد إنشاء النقطة الفعالة، يظهر عارض الخصائص للنقطة الفعالة.

  5. في الحقل Link، انقر فوق أيقونة المجلد للاستعراض وتحديد الملف الذي تريد فتحه عند قيام المستخدم بالنقر فوق النقطة الفعالة، أو اكتب المسار.

  6. من القائمة المنسدلة Target، حدد النافذة التي يجب فتح الملف فيها أو اكتب اسمها.

    تظهر أسماء جميع الإطارات التي قمت بتسميتها في المستند الحالي في القائمة المنبثقة. في حالة تحديد إطار غير موجود، يتم تحميل الصفحة المرتبطة في نافذة جديدة تحمل الاسم الذي قمت بتحديده. يمكنك كذلك التحديد من أسماء الأهداف المحجوزة التالية:

    • يقوم _blank بتحميل الملف المرتبط في نافذة مستعرض جديدة غير مسماة.
    • يقوم _parent بتحميل الملف المرتبط في مجموعة الإطارات الأصل أو نافذة الإطار الذي يحتوي على الارتباط. إذا كان الإطار الذي يحتوي على الارتباط غير متداخل، فسيتم تحميل الملف المرتبط في نافذة المستعرض الكاملة.
    • يقوم _self بتحميل الملف المرتبط في نفس إطار أو نافذة الارتباط. وهذا الهدف هو الإعداد الافتراضي، لذا لا تحتاج عادة إلى تحديده.
    • يقوم _top بتحميل الملف المرتبط في نافذة المستعرض الكاملة، وبالتالي إزالة كافة الإطارات.
    • _new يقوم بتحميل الملف المرتبط في نافذة مستعرض جديدة.

    ملاحظة:

    لا يتوفر خيار الهدف إلى أن تحتوي النقطة الفعالة المحددة على ارتباط.  

  7. في المربع Alt، اكتب النص البديل لعرضه في مستعرضات النصوص فقط أو المستعرضات التي تقوم بتنزيل الصور يدويًا. تعرض بعض المستعرضات هذا النص كتلميح أداة عند قيام المستخدم بتحريك المؤشر فوق النقطة الفعالة.
  8. كرر الخطوات من 4 إلى 7 لتعريف نقاط فعالة إضافية في مخطط الصورة.
  9. عند الانتهاء من تخطيط الصورة، انقر فوق منطقة فارغة في المستند لتغيير عارض الخصائص.

تعديل النقاط الفعالة لمخطط الصورة

يمكنك تحرير النقاط الفعالة التي تقوم بإنشائها في مخطط الصورة بسهولة. يمكنك نقل منطقة نقاط فعالة، أو تغيير حجم النقاط الفعالة، أو نقل نقطة فعالة للأمام أو الخلف في عنصر ذي تعيين مطلق للموضع (عنصر AP).

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

تحديد نقاط فعالة متعددة في مخطط صورة

  1. استخدم أداة النقاط الفعالة للمؤشر لتحديد نقطة فعالة.
  2. قم بأحد الإجراءات التالية:
    • انقر مع الضغط على المفتاح Shift فوق النقاط الفعالة الأخرى التي تريد تحديدها.

    • اضغط على المفتاحين Control+A (في نظام التشغيل Windows) أو Command+A (في نظام التشغيل Macintosh) لتحديد جميع النقاط الفعالة.

نقل نقطة فعالة

  1. استخدم أداة النقاط الفعالة للمؤشر لتحديد النقطة الفعالة.
  2. قم بأحد الإجراءات التالية:
    • اسحب النقطة الفعالة إلى منطقة جديدة.

    • استخدم المفتاح Control + مفاتيح الأسهم لنقل نقطة فعالة بمقدار 10 بكسل في الاتجاه المحدد.

    • استخدم مفاتيح الأسهم لنقل نقطة فعالة بمقدار 1 بكسل في الاتجاه المحدد.

تغيير حجم نقطة فعالة

  1. استخدم أداة النقاط الفعالة للمؤشر  لتحديد النقطة الفعالة.
  2. اسحب مقبض محدد النقطة الفعالة لتغيير حجم النقطة الفعالة أو شكلها.

تم ترخيص هذا العمل بموجب الترخيص العام غير المعدل الخاص بالإسناد وعدم التجارة والمشاركة الإصدار 3.0 ‏من ‏‏Creative Commons‏‏  إن بنود Creative Commons لا تشمل منشورات Twitter™‎ وFacebook.

إشعارات قانونية   |   سياسة الخصوصية على الإنترنت