Skip To Content

HTML المدعوم لتكوين موقع الويب

يمكنك استخدام 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

abbr

title

اعتبارات HTML

  • لا توجد علامات HTML في الجدول الأعلى وليست مدعومة وسيتم تصفيتها.
  • البروتوكولات المسموح بها لـ href و src هي https وhttp وtel، وmailto.
  • يتم غلق العلامات تلقائياً إذا لم يحدث.
  • <>&s تم تجاوزها خارج العلامات القانونية إذا لم يتم تجاوزها باستخدام &lt;&gt;&amp;&quot.
  • روابط UNC غير مدعومة.
  • عند استخدام علامة a، يفتح عنوان URL الهدف href في علامة تبويب مستعرض جديدة.

الشعار القديم

بشكل افتراضي، تتميز مؤسسات ArcGIS Enterprise التي تمت ترقيتها إلى إصدار 10.9 من إصدار سابق بتكوين الصفحة الرئيسية القديمة.

ملاحظة:‏

سيتوقف دعم إعدادات الصفحة الرئيسية القديمة في الترقيات المستقبلية. لذا من الموصى به انتقال المؤسسات الحالية إلى تجربة الصفحة الرئيسية الجديدة في أقرب وقت ممكن.

تتضمن الصفحة الرئيسية القديمة الشعار في أعلى الصفحة حيث يكون عرضها 960 بكسل وطولها 180 بكسل. يمكنك تحديد صورة لمنطقة الشعار أو باختيار صورة معرفة مسبقًا أو تحميل الملف من سطح المكتب أو يمكن إنشاء تصميم مخصص باستخدام نص غني أو HTML. قم بتكوين الشعار كجزء من إعدادات الصفحة الرئيسية القديمة.

عند اختيار خيار التصميم المخصص، سترى محرر النص الغني حيث يمكن تحديد مكان الرسومات البيانية والنصوص في تنسيق ما تراه هو ما تحصل عليه (WYSIWYG). احذف محتوى الشعار الحالي واستبدله بآخر. فيما يتعلق بمزيد من المرونة، انقر فوق زر عرض مصدر HTML في المحرر، حيث يسمح بكتابة كود HTML أو لصقه.

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

تلميح:

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

أمثلة

أمثلة الشعارات التالية تم إنشائها عن طريق HTML. يتضمن كل مثال الكود المستخدم لإنشاء الشعار. ستحتاج إلى استبدال عنوان URL للصورة بآخر.

الشعار الذي تم إنشاؤه بواسطة HTML
مثال الصفحة الرئيسية الذي يتضمن الشعار الذي تم إنشاؤه بواسطة HTML.

يتضمن الرمز التالي 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‎
مثال صفحة رئيسية تتضمن شعارًا تم ًإنشاءه بواسطة HTML.

يتضمن الرمز التالي 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>

صفحة رئيسية تتضمن شعارًا تم ًإنشاءه بواسطة HTML
صفحة رئيسية تتضمن شعارًا تم ًإنشاءه بواسطة HTML.

يمكنك استخدام شعار أكبر من منطقة الشعار بعرض 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>