Skip To Content

إضافة النص والصور

يمكن لأعضاء الفريق الأساسي إضافة صور ونص إلى أحد المواقع باستخدام البطاقات التالية:

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

    للبدء، سجّل دخول إلى Portal for ArcGIS وانقر على المواقع في صفحة نظرة عامة لعرض قائمة بمواقعك.

    تلميح:

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

    إضافة نص وتنسيقه

    يمكن إضافة النص إلى موقعك في مكان توجد به بطاقة صف.

    1. اسحب بطاقة النص على أحد الصفوف الموجودة.
    2. قم بتحويم مؤشر الفأرة على البطاقة وانقر فوق زر الإعدادات للانتقال إلى وضع التحرير.
    3. أضف نصاً.
    4. حدد النص الذي تريد تنسيقه. تتضمن خيارات التنسيق النمط (إضافة الرؤوس والتعليمات البرمجية للكود وعلامات الاقتباس)، غامق ومائل وارتباطات.
    5. لتغيير حجم النص، انقر فوق زر النمط واختر حجم العنوان.
    6. لضبط محاذاة النص، انقر على خيارات الفقرة واختر محاذاة. يمكنك أيضًا تغيير تجاوز سطر النص إلى مستوى أقل أو أعلى عن طريق اختيار خيار الفقرة وتحديد أي خيار منهما.

      تلميح:
      إذا ارتكبت خطأ ما، فاضغط على Command+Z أو Ctrl + Z على لوحة المفاتيح لعكس التغييرات.

    7. انقر حفظ.

    تغيير لون النص

    غيّر لون النص باتباع الخطوات التالية.

    1. حرك الفأرة فوق بطاقة الصف التي تداخل عليها بطاقة النص وانقر على زر الإعدادات لبطاقة الصف.
    2. غيّر اللون عن طريق إدخال رمز لون سداسي، أو عن طريق اختيار لون من منتقي الألوان.

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

    3. انقر حفظ.

    تغيير الخطوط

    يمكنك تغيير الخط عناوين النص والنص الأساسي باستخدام خطوط Google. يتضمن النص الأساسي كل النصوص في تخطيط الموقع. يُطبق هذا الخط على أي صفحات أُضيفت إلى موقعك وصفحات تفاصيل العناصر التي أمكن الوصول إليها من خلال البحث في الموقع وأي عروض للأحداث.

    لمزيد من المعلومات، راجع موضوع تنسيق النص بموقعي ArcGIS Hub وArcGIS Enterprise.

    إضافة قائمة نقطية أو مرقمة

    إنشاء قائمة باتباع هذه الخطوات.

    1. إضافة نص أو تحديد النص الموجود.
    2. اختر القائمة غير المرتبة لإنشاء قائمة بتعداد نقطي.
    3. اختر القائمة المرتبة لإضافة قائمة مرقمة.
    4. انقر حفظ.

    إضافة صورة مستقلة

    أضف صور من خلال تحميلها من ملف أو من خلال وضع عنوان URL للصورة المستضافة. الصور التي تتم مشاركتها داخليًا ستعرض فقط للذين سجلوا الدخول وينتمون للفريق الأساسي أو المؤسسة.

    1. اسحب بطاقة صورة على أحد الصفوف الموجودة.
    2. قم بتحويم مؤشر الفأرة على البطاقة وانقر فوق زر الإعدادات للانتقال إلى وضع التحرير.
    3. اختر مصدر الصورة. يمكنك تحميل ملف صورة أو وضع عنوان URL للصورة. يدعم الخياران JPG ،JPEG، و PNG.
      • لتحميل ملف صورة، اختر تحميل صورة واسحب الملف إلى داخل المربع الموجود في محرر الموقع، أو انقر على استعراض صورة لتحديد مكان الملف وإضافته. الحجم الأقصى لحجم الملف هو 3 ميغابايت.
      • أو، وضع عنوان URL لصورة من خلال اختيار عنوان URL لصورة ولصق رابط صورة مدعومة في حقل URL .
    4. في حالة استخدام ملف صورة، يمكنك تخصيص الصور التي يتم تحميلها من خلال النقر على زر القص وسحب المؤشر لإعادة تحديد حجم إطار القص. يمكن تغيير موقع إطار القص من خلال النقر والسحب على الخط المنقط. كما يمكنك التكبير /التصغير من خلال ضبط شريط التمرير أسفل الصورة وتغيير موقع الصورة بشكل إضافي من خلال النقر داخل إطار القص.
    5. من قائمة الخيارات ، ضع نص بديل للصورة لمساعدة المستخدمين المكفوفين وتحسين إمكانية وصولهم إلى الموقع.
    6. ضع ارتباط تشعبي للصورة واختر فتح الرابط سواء في نفس علامة التبويب أو علامة تبويب جديدة.

      ملاحظة:‏
      توصي توجيهات الوصول (في الإدخال 3.2.2 وأسلوب G201) بتجنب فتح الارتباطات في علامات التبويب أو النوافذ الجديدة ما لم تقدم تحذيرًا متقدمًا.

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

    إضافة لون وصور للخلفية

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

    تلميح:

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

    1. اسحب بطاقة الشعار أو الصف إلى موقعك.
    2. قم بتحويم مؤشر الفأرة على البطاقة وانقر فوق زر الإعدادات للانتقال إلى وضع التحرير.
    3. ضمن صورة خلفية، اختر مصدر صورة. يمكنك تحميل ملف صورة أو وضع عنوان URL للصورة. يدعم الخياران JPG ،JPEG، و PNG.
      • لتحميل ملف صورة، اختر تحميل صورة واسحب الملف إلى داخل المربع الموجود في محرر الموقع، أو انقر على استعراض صورة لتحديد مكان الملف وإضافته. الحجم الأقصى لحجم الملف هو 3 ميغابايت.
      • أو، وضع عنوان URL لصورة من خلال اختيار عنوان URL لصورة ولصق رابط صورة مدعومة في حقل URL .
    4. بعد إضافة صورة، حدد لونًا للون الخلفية ضمن إعدادات الصف بإدخال رمز سداسي أو باستخدام منتقي الألوان.
      ملاحظة:‏

      تدعم بطاقات الصف فقط ألوان الخلفية.

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

    اختيار تخطيط صورة في بطاقة صف

    تحتوي كل بطاقة صف على خيارين للتخطيط ليمكنك اختيار كيفية عرض صورتك.

    1. بعد إضافة صورة إلى بطاقة صف، يمكنك اختيار أن يكون هناك تخطيط عريض أو ثابت للصورة وأي محتوى معروض على البطاقة.
      • اختر عريض إذا كنت تريد تمديد صورتك لعرض الموقع.
      • اختر ثابت إذا كنت تريد بقاء صورتك ثابتة.
    2. عيّن النقطة البؤرية للصورة لضمان بقاء صورتك قيد التركيز في المكان الذي تريده عند تغير حجم الصورة لتناسب أحجام الشاشة المختلفة.
    3. انقر حفظ.

    تكوين النص مع HTML

    إذا أردت استخدام HTML لتخصيص النص، فيمكنك استخدام عناصر HTML التالية:

    1. اسحب بطاقة النص على أحد الصفوف الموجودة.
    2. قم بتحويم مؤشر الفأرة على البطاقة وانقر فوق زر الإعدادات للانتقال إلى وضع التحرير.
    3. انقر على الخيار طريقة عرض الكود.
    4. أدخل رمزك.
    5. انقر حفظ.

    تنبيه:

    لأغراض أمنية، لا تدعم بطاقات النص شفرات JavaScript المضمنة. سيتم تجاهل علامات البرنامج النصي.

    مسموح بعناصر HTML التالية:

    'a', 'abbr', 'acronym', 'address', 'article', 'audio', 'b',
    	'bdi', 'bdo', 'big', 'blockquote', 'br', 'caption', 'center', 'cite',
     'code', 'col',
     'colgroup', 'datalist', 'dd', 'del', 'details', 'dfn', 'div', 'dl', 'dt',
    	'em', 'embed', 'fieldset', 'figcaption', 'figure', 'font',
    	'footer', 'frameset',
    	'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr',
     'i', 'img', 'input', 'ins', 'kbd', 'keygen', 'li', 'link', 'main', 'map',
    	'mark', 'menu', 'meter', 'nav', 'ol', 'optgroup', option', 'output', 'p',
    	'param', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp',
    	'section', 'small', 'source', 'span', 'strike', 'strong', 'style'
     'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'tfoot', 'textarea',
    	'th', 'thead', 'time', 'title', 'tr', 'track, 'tt', 'u','ul',

    مسموح بالبيانات الجدولية التالية لتلك العناصر:

    All supported HTML elements allow : ['class', 'style'], 'a' : ['href', 'title', 'data-toggle', 'data-target', 'data-toggle', 'name', 'rel', 'style', 'target'],	'audio' : ['autoplay', 'controls', 'loop', 'muted', 'preload'], 'blockquote': ['cite'],	'button' : ['name', 'value', 'data-toggle', 'data-target',	'data-dismiss'], 'col' : ['span', 'width'], 'colgroup' : ['span', 'width'],	'div' : ['style', 'align', 'data-show', 'data-target', 'data-toggle']	'font': ['size', 'color', 'style'], 'img' : ['align', 'alt', 'border', 'height', 'style', 'src', 'title',	'width'], 'ol' : ['align', 'start', 'type'],	'p' : ['style'}, 'q' : ['cite'],	'source' : ['media', 'src', 'type'], 	'span' : [style],
     'table' : ['border', 'cellspacing', 'cellpadding', 'class', 'height',	'style', 'summary', 'width'], 'td' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',	'rowspan', 'style', 'valign', 'width'], 'th' : ['abbr', 'align', 'axis', 'colspan', 'height', 'nowrap',	'rowspan', 'style', 'valign', 'width'] 'tr' : [alignt, 'height', style', valign'],
     'ul' : ['type']