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

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

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

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

تلميح:

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

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

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

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

   تلميح:

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

7. اختر حفظ.

ملاحظة:‏

تم زيادة حجم الخط لنص الخط الأساسي على جميع المواقع والصفحات في عامي 2021 و2022 بهدف تحسين قراءة النص وجعل محتوى الويب متاحًا للأشخاص ذوي القدرات المتنوعة. اقرأ الأسئلة الشائعة: التغييرات القادمة في حجم الخط الأساسي ووحدات الـ rem في مواقع ArcGIS Enterprise للحصول على مزيد من التفاصيل.

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

لتطبيق نفس اللون على جميع النصوص في موقعك، يمكنك تغيير لون النص باستخدام إعدادات موضوع الموقع الخاص بك. بدلاً من ذلك، يمكنك ضبط لون النص عن طريق استخدام إعدادات الصف.

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

   تلميح:

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

5. اختر حفظ.

تغيير الخطوط

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

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

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

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

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

أنشئ قائمة بلوحة تحكم متحركة

أضف قائمة قابلة للطي، وهو خيار مفيد لإضافة الأسئلة المتداولة.

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

المكونات المدعومة في Calcite

تدعم بطاقة النص المكونات التالية في نظام Calcite Design System. يمكنك الاطلاع على كتالوج يحتوي على جميع مكونات Calcite ويشمل وصفًا لكل مكون، واستخداماته المثلى، وأمثلة على استخدامه، ومزيد من المعلومات.

'calcite-action' 'calcite-accordion' 'calcite-accordion-item' 'calcite-avatar' 'calcite-block' 'calcite-button' 'calcite-card' 'calcite-chip' 'calcite-dropdown-group'

'calcite-dropdown-item' 'calcite-fab' 'calcite-flow' 'calcite-icon' 'calcite-link' 'calcite-modal' 'calcite-panel' 'calcite-rating' 'calcite-split-button'

'calcite-stepper' 'calcite-stepper-item' 'calcite-tab' 'calcite-tab-nav' 'calcite-tab-title' 'calcite-tabs' 'calcite-tile' calcite-tip' 'calcite-tooltip'

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

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

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

   ملاحظة:‏

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

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

إنشاء زر

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

1. افتح موقعًا أو صفحة في وضع التحرير.
2. أضف بطاقة نصية إلى التخطيط الطباعي.
3. حدد زر إدراج واختر الزر.
4. قم بتحرير النص الموجود على الزر لتضمين دعوتك إلى اتخاذ إجراءات.
5. حدد الزر الذي أضفته للتو وحدد زر الرابط.
6. في المربع النصي النص المراد عرضه، أضف نصًا إذا لم تكن قد قمت بذلك بالفعل.
7. في المربع النصي لعنوان URL، الصق الرابط الذي تريد توجيه المستخدمين إليه عند تحديد الزر.
8. حدد إدراج رابط لتأكيد التغييرات الخاصة بك.
9. اختر حفظ.
لمزيد من المعلومات حول ألوان الأزرار، راجع موضوع إنشاء موضوع.

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

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

تلميح:

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

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

   ملاحظة:‏

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

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

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

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

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

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

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

1. افتح موقعًا أو صفحة في وضع التحرير.
2. أضف بطاقة نصية إلى التخطيط الطباعي وحدد </> تحرير في HTML.
3. أدخل الرمز الخاص بك وحدد حفظ.

تنبيه:

لأغراض أمنية، لا تدعم بطاقات النص شفرات JavaScript المضمنة. Script tags will be ignored.

مسموح بعناصر 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']