يمكنك استخدام HTML في البوابة الإلكترونية ArcGIS Enterprise عند تضمين محرر نص غني كما هو الحال في وصفحات العنصر ومواصفات المجموعة والنوافذ المنبثقة للخريطة وconfigurable apps.
علامات HTML والبيانات الجدولية
فيما يلي جدول بعلامات HTML المدعومة والبيانات الجدولية التي يمكنك استخدامها.
| العلامة | بيان |
|---|---|
a | href، style |
img | src، width، height، border، alt، style |
video | autoplay، controls، height، loop، muted، poster، preload، width |
audio | autoplay، controls، loop، muted، preload |
source | media، src، type |
span | style |
table | width، height، cellpadding، cellspacing، border، style |
div | style، align |
font | size، color، style |
tr | height، valign، align، style |
| td، th | height، width، valign، align، colspan، rowspan، nowrap، style |
p | style |
b، strong، i، em، u، ul، ol، li، tbody، br، hr |
اعتبارات HTML
- لا توجد علامات HTML في الجدول الأعلى وليست مدعومة وسيتم تصفيتها.
- البروتوكولات المسموح بها لـ href و src هي https وhttp وtel، وmailto.
- يتم غلق العلامات تلقائياً إذا لم يحدث.
- <>&s تم تجاوزها خارج العلامات القانونية إذا لم يتم تجاوزها باستخدام <>&".
- روابط UNC غير مدعومة.
- عند استخدام علامة a، يفتح عنوان URL href الهدف دائمًا في علامة تبويب متصفح جديدة.
الشعار القديم
بشكل افتراضي، تتميز مؤسسات ArcGIS Enterprise التي تمت ترقيتها إلى إصدار 10.9 من إصدار سابق بتكوين الصفحة الرئيسية القديمة.
ملاحظة:
سيتوقف دعم إعدادات الصفحة الرئيسية القديمة في الترقيات المستقبلية. لذا من الموصى به انتقال المؤسسات الحالية إلى تجربة الصفحة الرئيسية الجديدة في أقرب وقت ممكن.
تتضمن الصفحة الرئيسية القديمة الشعار في أعلى الصفحة حيث يكون عرضها 960 بكسل وطولها 180 بكسل. يمكنك تحديد صورة لمنطقة الشعار أو باختيار صورة معرفة مسبقًا أو تحميل الملف من سطح المكتب أو يمكن إنشاء تصميم مخصص باستخدام نص غني أو HTML. قم بتكوين الشعار كجزء من إعدادات الصفحة الرئيسية القديمة.
عند اختيار خيار التصميم المخصص، سترى محرر النص الغني حيث يمكن تحديد مكان الرسومات البيانية والنصوص في تنسيق ما تراه هو ما تحصل عليه (WYSIWYG). احذف محتوى الشعار الحالي واستبدله بآخر. لمزيد من المرونة، انقر فوق زر عرض مصدر HTML في المحرر، حيث يسمح بكتابة كود HTML أو لصقه.
إذا حددت صورة فقط للشعار، سيظهر الشعار داخل صورة الشعار. في حالة استخدام تصميم مخصص لشعار الصفحة الرئيسية، فلن يظهر الشعار (ما لم تقم بتضمينه داخل التصميم).
تلميح:
إذا تم تعيين المؤسسة لتكون HTTPS فقط، يحب الوصول إلى أي من مراجع الصورة في التصميم خلال HTTPS لتظهر الصورة أو الصور في الشعار.
أمثلة
أمثلة الشعارات التالية تم إنشائها عن طريق HTML. يتضمن كل مثال الكود المستخدم لإنشاء الشعار. ستحتاج إلى استبدال عنوان URL للصورة بآخر.
يتضمن الرمز التالي HTML و CSS المستخدم لإنشاء شعار المؤسسة البيئية العامة.
<div style="width: 960px; font-family: futura, helvetica, arial;
background: url(https://imagesite/generic_env.png); height: 180px">
<div style="width:680px; margin-left: 220px; margin-top: 60px; float: left;">
<span style="font-size:24px; color:#fdf77d;
font-weight:bold; text-transform:uppercase; text-shadow: 2px 2px 2px #085a00;">
Generic Environment Organization</span><br/>
<p style="color:#ffffff; font-size:14px;">Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Donec ullamcorper lorem pulvinar libero ultricies.</p></div> </div>
يتضمن الرمز التالي HTML و CSS المستخدم لإنشاء شعار الصفحة الرئيسية للحكومة.
<div style="width: 960px; font-family: futura;
background: url(https://imagesite/generic_gov.png); height: 180px">
<div style="margin-top: 120px; float: right; margin-right: 80px">
<a href="https://www.esri.com/industries/federal/index.html/" style="background: #65a9d7;
background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
background: -moz-linear-gradient(top, #3e779d, #65a9d7);
background: -ms-linear-gradient(top, #3e779d, #65a9d7);
background: -o-linear-gradient(top, #3e779d, #65a9d7);
border-bottom:#fff 1px solid; border-left: #fff 1px solid; padding-bottom: 7px;
padding-left: 15px; padding-right: 15px; font-family: helvetica, arial, sans-serif;
color: white; font-size: 14px; vertical-align: middle;
border-top: #fff 1px solid; border-right: #fff 1px solid; text-decoration: none;
padding-top: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
border-radius: 3px; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
-webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0;
text-shadow: rgba(0,0,0,.4) 0 1px 0" target="_blank">Government Home</a></div></div>
يمكنك استخدام شعار أكبر من منطقة الشعار بعرض 960 بكسل في ارتفاع 180 بكسل، ولكن احذر من احتمال تراكب الصورة في مناطق معينة من الصفحة الرئيسية، مثل اسم المحتوى المميز. للمساعدة في عمل النص مرئي، يجب أن يكون أسفل الشعار لون متمم يتطابق مع الأزرق الافتراضي أو إضافة التأثير المُتلاشي بالأسفل.
<div id="banner-html" style="left: 0px; top: 0px; position: absolute;"><div>
<img src="https://downloads.esri.com/Blogs/learn-arcgis/ago-banner/cartography-banner.png?"
style="-webkit-border-radius:0 0 10px 10px; -moz-border-radius:0 0 10px 10px; -o-border-radius:0 0 10px 10px;
border-radius:0 0 10px 10px; margin-top:0; width:960px; height:470px;"></div></div>