ArcGIS Online Help - Ondersteunde HTML voor het configureren van de website

Beheerders van een organisatie kunnen de website configureren door een aangepaste banner voor de startpagina te maken en een beschrijving van de organisatie toe te voegen door een RTF-editor te gebruiken of HTML-code te typen.

Ondersteunde HTML

Onderaan vindt u een tabel met ondersteunde HTML-tags die u kunt gebruiken om de banner en de beschrijving van de organisatie te configureren.

Tag	Attribuut
a	href, target, style
img	src, width, height, border, alt, style
span	style
table	width, height, cellpadding, cellspacing, border, style
div	style
font	size, color, style
tr	height, valign, align, style
td, th	height, width, valign, align, colspan, rowspan, nowrap, style
b, strong, i, em, br, p, li, ul, tbody

Tips voor het gebruik van HTML

HTML-tags die niet in de bovenstaande tabel zijn vermeld, worden niet ondersteund en worden gefilterd.
Toegelaten protocollen voor href en src zijn http en mailto.
Tags worden automatisch gesloten als dat niet het geval is.
<>&'s worden escaped buiten de valide tags, indien niet escaped met < > & &quot.

Description

De beschrijving verschijnt op uw pagina Mijn organisatie en optioneel op uw startpagina onder de banner. U configureert de beschrijving als deel van de algemene instellingen voor de website met de RTF-editor in een WYSIWYG-indeling (What you see is what you get). Klik voor verdere flexibiliteit op de knop HTML-bron bekijken in de editor, waardoor u uw eigen HTML-code kunt typen of plakken.

Banner

De startpagina bevat een banner bovenaan op de pagina van 960 pixels breed bij 180 pixels hoog. U kunt een afbeelding selecteren voor het bannergebied, een vooraf gedefinieerde afbeelding kiezen of een bestand uploaden vanaf uw desktop, maar u kunt ook een aangepast ontwerp maken met tekst met opmaak of HTML. Configureer de banner als deel van de startpagina-instellingen.

Als u de optie Aangepast ontwerp kiest, ziet u een RTF-editor waarmee u afbeeldingen en tekst kunt plaatsen in een WYSIWYG-indeling (What you see is what you get). Verwijder de bestaande bannerinhoud en vervang deze door die van uzelf. Klik voor verdere flexibiliteit op de knop HTML-bron bekijken in de editor, waardoor u uw eigen HTML-code kunt typen of plakken.

Als u alleen een afbeelding voor uw banner selecteert, verschijnt uw logo binnen de bannerafbeelding. Als u het aangepaste ontwerp gebruikt voor de banner van uw startpagina, wordt het logo niet weergegeven (tenzij u het opneemt in het ontwerp).

Tip:

Als uw organisatie beveiligingsinstellingen heeft geconfigureerd op alleen SSL, moeten verwijzingen naar afbeeldingen in uw ontwerp worden geopend via HTTPS zodat de afbeelding of afbeeldingen in uw banner kunnen verschijnen.

Voorbeelden

Hieronder vindt u voorbeelden van banners die met HTML zijn gemaakt. Elk voorbeeld bevat de code die is gebruikt voor het maken van de banner. U moet de URL's naar de afbeeldingen vervangen door die van uzelf.

De onderstaande code bevat de HTML en CSS die wordt gebruikt om de banner Generic Environment Organization (Algemene milieu-organisatie) te maken:

<div style="width: 960px; font-family: futura, helvetica, arial; 
background: url(http://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>

De onderstaande code bevat de HTML en CSS die wordt gebruikt om de banner Government Home (Startpagina overheid) te maken:

<div style="width: 960px; font-family: futura;
 background: url(http://imagesite/generic_gov.png); height: 180px">
<div style="margin-top: 120px; float: right; margin-right: 80px">
<a href="http://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>

2/14/2014