Использование HTML для создания баннера домашней страницы
Подписка:Для создания баннера на домашней странице необходима учетная запись, которая участвует в организации ArcGIS Online. Более подробно см. Начало работы.
Администраторы организации могут настраивать веб-сайт таким образом, чтобы на первом плане отображалась географическая информация, важная для этой организации. Это также включает возможность создания баннера для домашней страницы с помощью HTML. Для получения более подробной информации о других опциях конфигурации веб-сайта смотрите в разделе О настройке веб-сайта.
О баннере
Домашняя страница включает баннер, расположенный в верхней части страницы, шириной 960 пикселов и высотой 180 пикселов. Вы можете выбрать изображение для области баннера, взяв изображение по умолчанию, или загрузив файл с настольного компьютера, или вы можете использовать HTML для создания ресурсов баннера. Подробнее смотрите в разделе Настройка общих параметров веб-сайта.
Ваш логотип появится на изображении баннера. Если вы используете HTML для задания баннера домашней страницы, логотип не появится (если вы не включите его в HTML код).
Подсказка:Если в организации разрешено использование только SSL, ссылки на изображения в HTML должны быть указаны с использованием HTTPS, иначе они не будут отображаться. Дополнительные сведения смотрите в разделе Настройка параметров безопасности.
Поддерживаемый HTML
Ниже приведена таблица тегов HTML, которые вы можете использовать для создания пользовательского баннера.
Тег | Атрибут |
|---|---|
a | гиперссылка, целевой объект, стиль |
img | src, ширина, высота, граница, alt, стиль |
интервал | стиль |
таблица | ширина, высота, отступ в ячейке, расстояние между ячейками, граница, стиль |
дивергенция | стиль |
шрифт | Размер, цвет, стиль |
tr | высота, valign, выравнивание, style |
td, th | height, width, valign, align, colspan, rowspan, nowrap, style |
b, strong, i, em, br, p, li, ul, tbody |
Советы по использованию HTML
- Теги HTML, не перечисленные в таблице выше, не поддерживаются и будут отфильтрованы.
- Разрешенными протоколами для href и src являются http и mailto.
- Теги закрываются автоматически, если они не закрыты.
- <>& извлекаются из разрешенных тегов, если они не извлечены с использованием < > & ".
Примеры
Ниже представлены несколько примеров баннеров, созданных с помощью HTML. Каждый пример включает код, который был использован для создания баннера.
 |
Пример домашней страницы, включая баннер, созданный с помощью HTML |
Код ниже включает HTML и CSS, использованные для создания баннера организации Generic Environment Organization:
<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>
 |
Пример домашней страницы, включая баннер, созданный с помощью HTML |
Код ниже включает HTML и CSS, использованные для создания баннера Government Home:
<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>