W portalu ArcGIS Enterprise można używać języka HTML, jeśli edytor tekstu formatowanego jest dostępny na stronach elementów, w opisach grup, oknach podręcznych map i aplikacjach konfigurowalnych.
Atrybuty i znaczniki HTML
Poniżej znajduje się tabela z obsługiwanymi atrybutami i znacznikami HTML.
| Znacznik | Atrybut |
|---|---|
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 |
figure | style |
figcaption | style |
dd, dl, dt | style |
h1, h2, h3, h4, h5, h6 | 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 |
sub | style |
sup | style |
Uwagi dotyczące języka HTML
Pamiętaj o następujących kwestiach:
- Znaczniki HTML, które nie zostały wymienione w powyższej tabeli, nie są obsługiwane i zostaną odfiltrowane.
- Dozwolone protokoły dla href i src to https, http, tel i mailto.
- Znaczniki są automatycznie zamykane, jeśli nie zostaną zamknięte.
- Znaki <>&s służą do zmiany znaczenia poza poprawnymi znacznikami, o ile ich znaczenie nie zostanie zmienione za pomocą <>&".
- Łącza UNC nie są obsługiwane.
- Gdy używany jest znacznik a, docelowy adres URL w znaczniku href jest otwierany zawsze w nowej karcie przeglądarki.
Wcześniejszy baner
Domyślnie instytucje ArcGIS Enterprise, które zostały zaktualizowane do wersji 10.9 z wcześniejszej wersji, korzystają z wcześniejszej konfiguracji strony głównej.
Notatka:
Ustawienia wcześniejszej strony głównej nie będą obsługiwane w przyszłych aktualizacjach. Z tego względu zaleca się, aby istniejące instytucje jak najszybciej rozpoczęły korzystanie z nowej strony głównej.
Wcześniejsza strona główna zawiera baner u góry strony mający szerokość 960 pikseli i wysokość 180 pikseli. Dla obszaru banera można wybrać obraz, wybierając wstępnie zdefiniowany obraz lub przesyłając plik z komputera lub można utworzyć projekt niestandardowy za pomocą tekstu formatowanego lub HTML. Skonfiguruj baner w ramach ustawień wcześniejszej strony głównej.
W przypadku wyboru opcji Projekt niestandardowy pojawi się edytor tekstu, w którym można umieścić grafikę i tekst w formacie WYSIWYG. Usuń istniejącą treść baneru i zastąp ją własną. W celu zapewnienia jeszcze większej elastyczności kliknij w edytorze przycisk Wyświetl kod źródłowy HTML, który pozwala wprowadzić lub wkleić własny kod HTML.
W przypadku wybrania samego obrazka na obrazie banera pojawi się Twoje logo. Jeżeli przy tworzeniu banera strony głównej korzystasz z projektu niestandardowego, logo nie zostanie wyświetlone (chyba że zostało uwzględnione w projekcie).
Wskazówka:
Jeśli w instytucji skonfigurowany jest dostęp tylko za pośrednictwem protokołu HTTPS, wszelkie odniesienia do obrazów w projekcie muszą być realizowane za pomocą protokołu HTTPS, aby obraz lub obrazy mogły się pojawić na banerze.
Przykłady
Poniżej zostały pokazane przykłady banerów utworzonych za pomocą języka HTML. Każdy przykład zawiera kod użyty do utworzenia banera. Możesz zastąpić adresy URL obrazów swoimi własnymi.
Poniższy kod obejmuje język HTML i arkusze CSS użyte do utworzenia banera instytucji Generic Environment Organization.
<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>
Poniższy kod obejmuje język HTML i arkusz CSS użyte do utworzenia banera na rządowej stronie głównej.
<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>
Można użyć banera większego niż zalecany rozmiar 960 na 180 pikseli, ale należy pamiętać, że obraz może nakładać się na pewne obszary strony głównej, na przykład nazwę promowanych zasobów. Aby zwiększyć widoczność tekstu, należy skonfigurować spód banera w kolorze uzupełniającym dopasowanym do domyślnego niebieskiego albo należy użyć efektu wygaszania u dołu.
<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>