Just

Kitich

web-design

Блог об университете

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

варианты эскизов

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

Далее потребовалось немного изменить «шапку» блога. Для «привязки» дизайна к КПИ была модифицирована иконка RSS: добавлена шрифтовая часть и элементы университетского герба. Для привлечения внимания части целевой аудитории, далекой от современных технологий, под иконку добавлены ссылки на подписку через электронную почту и образовательная «что такое RSS?».

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

В данный момент блог активно поддерживается, продолжает развиваться и обрастает новыми «фичами».

Скрипт генерации заголовков

Первая его версия предполагала набор текста из заранее заготовленных изображений букв, вырезанных из реальных газет. Недостатки такого подхода всплыли практически сразу во время заготовки «материала»: больших подшивок макулатуры под рукой не было, а из нескольких газетных номеров оказалось невозможно вырезать достаточно большие наборы букв, чтоб итоговая надпись не выглядела как попугай. К тому же оцифровка (или поиск в Интернете) и нарезка такого количества изображений по предварительным оценкам оказалась практически непосильным трудом :(

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

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

Поделиться: в Facebook в ЖЖ в Контакт в Twitter

rss.)))

Что это?