Журналы HTML шаблоны

Прозрачные HTML-шаблоны журналов для структурированных страниц записей

HTML-шаблон журналов заслуживает загрузки, когда самая сложная часть уже создана: каждая запись имеет фиксированное место для своей метки времени, уровня серьезности и сообщения. Остается только заменить демонстрационные записи на реальные и убедиться, что для ваших собственных полей есть место.

Макет в виде таблицы, временной шкалы или панели мониторинга

Готовые макеты делятся на несколько узнаваемых групп, и правильный выбор зависит от назначения журнала. Поля, которым необходимо стабильное место в любом из них:

• метка времени с датой, выровненная так, чтобы столбец просматривался вертикально;

• название события или действия, достаточно короткое, чтобы его можно было прочитать с первого взгляда;

• метка уровня серьезности с видимым расстоянием между предупреждением и ошибкой;

• источник, служба или пользователь, стоящий за записью.

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

Фильтрация по серьезности, источнику, дате

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

Проверьте также, что происходит после нескольких сотен записей. Пагинация, кнопка «Загрузить еще» или история, сохраняющая положение прокрутки, отличают демонстрационную версию от полноценной рабочей среды. Разворачиваемые строки выполняют аналогичную функцию, объединяя трассировку стека или затронутую службу в одну сводную строку, а записи аудита используют тот же механизм для сведений об акторе и объекте.

Большинство демонстрационных версий содержат около 20 примеров строк, что является точным числом, при котором любой макет по-прежнему выглядит аккуратно.

Что сохраняется на телефоне

Широкие строки на настольных компьютерах должны быть адаптированы для чтения на пятидюймовом экране, и шаблоны решают эту задачу по-разному. Некоторые размещают каждую запись в компактной карточке, другие удаляют столбцы, которые никому не нужны в дороге, третьи скрывают метаданные за касанием. Важные записи должны оставаться узнаваемыми во всех трех случаях.

Nicepage включает в себя предварительно разработанные элементы и блоки для текстовых и сеточных композиций, которые позволяют размещать повторяющиеся строки записей в сетке, когда модель контента подходит.

Демонстрация отвечает на остальные вопросы. Прокрутите до конца примера, уменьшите ширину окна браузера до ширины телефона и посмотрите, остаются ли метка времени, ее важность и сообщение вместе. Шаблон, отвечающий их потребностям, потребует гораздо меньше работы в дальнейшем.