Элементы конечного документа сайта

В процессе создания разного рода новостных и информационных ресурсов выработался общий набор элементов и свойств конечного документа, который достаточно объемен, и поэтому время от времени что-то из этого списка выпадает из головы. Данная служебная записка претендует на полный перечень таковых. Между свойствами и элементами, в данном случае, ставится знак равенства в силу необходимости их вывода в явной форме. Итак, что тут у нас:

  1. Принадлежность к разделу и подразделу. Может быть выведена в форме заголовка или составного заголовка. Или в формате так называемых «хлебных крошек» - относительной адресации в структуре проекта. В случае вывода относительной адресации может выводиться заголовок раздела или подраздела на выбор, но он обязательно должен быть.
  2. Принадлежность к теме. «Темы» - распространенный в новостных системах метод альтернативной навигации, группирующий новости, объединенные общей тематикой, но могущие находиться в разных разделах. В данном случае – «тема» - это свойство, по которому производится выборка материалов. Темы бывают многоуровневыми, пример: тема первого уровня – «финансовый кризис», тема второго уровня – «недобросовестные банки», тема третьего уровня – «невыдача депозитов». В случае многоуровневости желательно выводить и родительские темы тоже.
  3. Теги. Набор текстовых меток, характеризующий содержание материала, с возможностью выборки по метке
  4. Дата. Обычно это дата постановки материала, но иногда дата проставляется редактором по каким-то другим принципам. В новостях принято еще указывать время, в статьях и аналитике – нет. Нет смысла указывать дату при выкладывании глав из книги. Мило выглядят даты, использующие «сегодня», «вчера», «два дня назад».
  5. Заголовок. Используется обычно и в анонсе и в конечном документе
  6. Подзаголовок. Используется не часто, дань печатному формату вывода информации. Иногда бывает достаточно большим, до 240 символов.
  7. Текст анонса. Используется в ленте анонсов – кусок общего текста, вызывающий у посетителя желание прочитать основной. Иногда, и это прекрасно, анонсы пишутся отдельно от материала и имеют более-менее приличный вид. Иногда вместо текста анонса используется подзаголовок. В северных школах виртуального информационного ушу текст анонса иногда называют «вводным текстом» или «вводкой».
  8. Картинка в анонс. Обычно – уменьшенная копия основной картинки материала. В некоторых случаях, например, когда анонс попадает в рубрику «главная новость», в анонсе может выводиться основное изображение. Обычно имеет размеры от 60х60 до 200х200 пикселей.
  9. Основное изображение. Обычно выводится в конечном документе, с обтеканием текстом в левом верхнем углу текстового блока. Обычно имеет размеры до 400х400 пикселей. Если это статья, зачастую в качестве основного изображения используется фото лица или всей головы автора. Редактора старой школы очень негативно относятся к обрезанию макушки реципиета на фото, не смотря на то, что такие фото получаются более динамичными и интересными.
  10. Основной текст материала. Выводится в конечном документе. В случает коротких новостей иногда не существует. Нельзя забывать, что этот текст предназначен для чтения, поэтому разумно его выводить достаточно крупным, комфортным для чтения шрифтом. Автор обычно использует шрифты размером 12-14 пикселей с межстрочным расстоянием 18-20 пикселей, темно-серого цвета на белом или светло-сером (светло серо-желтом, светло серо-оранжевом) фоне. При разработке стилей для текста конечного документа необходимо не забыть прописать для него стили жирного и наклонного текста, ссылок и некоторых дополнительных атрибутов, о которых ниже.
  11. Автор и источник. Обычно подаются более мелким, относительно основного текста, шрифтом над или под текстом. Имя автора иногда бывает ссылкой на электронную почту или блог. Иногда также используется небольшое фото лица автора или его аватар. Источник сейчас редко бывает ссылкой, в связи с нежеланием менеджеров проекта уводить посетителей с ресурса.
  12. Изображения в тексте. Обычно оформляются как врезки, иногда с возможностью увеличения или перехода для получения дополнительной информации.
  13. Врезки. Размещение врезок в тексте разумно чередовать: право, лево, право, лево. Бывают многоплановыми. Возможные варианты врезок:


    1. Незначительно отличающийся от основного текст. Обычно представляет собой какой-либо комментарий или альтернативную к подаваемому материалу информацию. Обычно снабжен фото автора, подписью вроде «примечание редакции», или ссылкой на источник.
    2. Выделенные тезисы из материала. Обычно выделяются относительно основного текста жирным шрифтом, как минимум. Иногда – красивыми большими кавычками.
    3. Изображения с пояснениями
    4. Анонсы видео или аудио с пояснениями
  14. Цитаты или «авторский текст». Обычно выделяются отступами со всех сторон, кавычками и наклонным текстом. Иногда цветом. Принято снабжать подписью.
  15. Сноски. Без особенностей. Удобно делать якорями. Хорошим тоном будет визуально отделить сноски от обычных ссылок в тексте. Удобно также делать небольшими всплывающими окнами.
  16. Присоединенное видео или аудио. Представляет собой обычно панель проигрывателя, каковая для видео файлов может заменять основное изображение документа. Иногда включаются, как дополнительные материалы, в текст в виде врезок.
  17. Ссылка на присоединенную фото галерею. Может быть как просто ссылкой, так и небольшим анонсом с несколькими фото.
  18. Ссылки по теме. Блок ссылок на материалы, объединенные с данным одной темой (см. выше). В этом блоке не принято использовать внешние ссылки.
  19. Блок ссылок «Читайте также». Подборка ссылок по схожей тематике, или по близости по другому принципу. Разумно выделять внешние ссылки.
  20. Кнопка или ссылка «Версия для печати». Желательно делать достаточно заметной.
  21. Кнопка или ссылка «Вернуться к ленте анонсов». Обычно располагается на уровне заголовка раздела, над материалом.
  22. Лента комментариев посетителей. Без особенностей.
  23. Блок ссылок официальные комментарии на ресурсе. Подобные комментарии обычно представляют собой статьи, написанные конкретными известными лицами (или текст, записанный с их слов) по теме текущего материала. Принято использовать фото комментаторов, или, как минимум – каким-либо образом авторизовать комментарий.
  24. Кнопка «обсудить на форуме»











© 1999 - 2010, Все права, исключая специально оговоренные случаи, принадлежат Александру Хомякову и клиентам.
По всем вопросам обращайтесь hommy.designer@gmail.com

used Highslide JS