Справочник по оформлению

страниц сервера НГУ с использованием языка NSUML

Таблица стилей v.10 (7.09.01)

3. Дополнительные возможности

1. Нестандартный модуль

Имеется возможность размещения на страницах сервера модулей, оформленных совершенно произвольно.

Для этого в элемент module нужно вставить элемент html_include. Внутри этого элемента можно размещать любой HTML-код, соответствующий спецификации XHTML 1.0. Однако, условием является отсутствие в этом коде элементов, относящихся к описанию полной HTML-страницы, например, элементов body или head. Поскольку с помощью атрибута bgcolor элемента body бычно указывается цвет фона страницы, предусмотрено указание фонового цвета такого модуля с помощью атрибута bgcolor элемента module.

Элемент module в этом случае кроме обычных элементов name и description, может иметь элемент author. Содержание этих трех элементов образуют текст всплывающей над таким модулем подсказки по схеме:

Автор: author
"name"
description

Пример:

<module bgcolor="red">
<name>Мальчики и кони</name>
<description>Мальчики моют красных коней</description>
<author>Петров-Водкин</author>
<html_include>
	<p>Здесь идет кусок простого HTML-кода.
	<br/>Правда, неплохо?</p>
	<p><img src="/picture.gif" alt="картинка"/></p>
	...
</html_include>
</module>

2. Лэйблы

На электронных страницах Итернета часто можно встретить графические отметки, выделяющие отдельные элементы офрмления страниц, например, лэйбл "New!" рядом с гиперссылкой. Такого рода отметки предусмотрены н на сервере НГУ. Можно отметить какой-либо модуль, какую-либо ссылку в блоке типа link_set и какую-либо новость в блоке типа news_list. При этом отметка относится в первом случае к элементу module, а во втором и третьем случае - к элементам item внутри блоков типа link_set и news_list.

Лэйблы ставятся указанием дополнительного атрибута sign у этих элементов. Доступны три значения:

  • new - отмечаются новые ресурсы.
  • popular - отмечаются ресурсы с высокой посещаемостью.
  • important - отмечаются важные ресурсы.

Пример:

<module type="link_set" sign="popular">
	<name>Список загадочных ссылок</name>
	<description>Разгадай загадку!</description>
	<item>..тело ссылки 1..</item>
	<item sign="new">.. тело ссылки 2..</item>
	<item>..тело ссылки 3..</item>
...
</module>

3.Дополнительные возможности форматирования

Многие элементы модулей сервера НГУ можно дополнительно форматировать стандартными методами, которые применяются в обычном HTML. А именно, в текстовых элементах модулей можно выделить слово жирным шрифтом, курсивом, ввести в текст список, изменить размер шрифта и отступ, вставить гиперссылку и т.п. Делается все также, как в HTML.

Вот список текстовых элементов модулей сервера НГУ, к которому можно применять такое дополнительное форматирование:

  • Элементы name
  • Элементы description
  • Элементы note (применяются в блоках типа notes и alert)
  • Элементы para (применяются в блоках типа plain_text)
  • Элементы source (применяются в блоках типа plain_text)
  • Элементы string (применяются в блоках типа form)
  • Элементы col (применяются в блоках типа grid)

Вот список возможных дополнительных методов форматирования:

  • Под-элемент b - жирный шрифт
  • Под-элемент i - курсив
  • Под-элемент u - подчеркивание
  • Под-элемент br - перевод строки (следует писать <br/>)
  • Под элемент span - используя атрибут style и/или class этого элемента, можно задать любой стиль отображения заданного куска текста.
  • Под-элемент url - аналог HTML- элемента a, задающего гиперссылку, связанную с заданной частью текста. Адрес гиперссылки задается атрибутом href. Кроме того, можно задать атрибутом title текст всплывающей подсказки.
  • Под-элемент list - введение списка в текст. Пункты списка задаются под-элементами el. Списки могут быть вложенными друг в друга.

Пример:

<module type="link_set">
<name>
<span style="color:red">Красные</span> и белые
</name>
<description>
А еще немного <url href="nowhere.html">гиперссылок</url>
</description>
...
</module>


W3C
schools