Сайт Романа ПарпалакаБлог20060629

Новый дизайн

29 июня 2006 года, 00:12

Нельзя не заметить, что сайт претерпел некоторые изменения. Это связано с тем, что я расту :). Увеличивается багаж знаний, меняется точка зрения. Стали очевидными недостатки тех идей, которые еще вчера казались хорошими. И пусть меня ругают некоторые, якобы новый дизайн выполнен так, как делают все. Это не так. Я в будущем вернусь к обсуждению этой точки зрения.

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

В оформлении страниц использование графики сведено к минимуму. Все декоративные изыскания реализованы в верхней части страницы. Даже в случае неприязни посетителем этих изысканий, при чтении страница прокручивается, верхняя часть исчезает и взору предстает почти текстовый дизайн (почти потому, что остается служебная графика в виде небольшого количества иконок). Общий объем декоративной и служебной графики — 20 килобайт.

Страницы занимают всю доступную ширину окна. Как известно, невозможно сверстать макет, который будет одинаково хорошо смотреться в окнах разных размеров. Главная задача (которую я старался решить) — добиться читаемости и на мониторах 640*480, и на 1600*1200.

Структуру информации — разбиение материалов по рубрикам — пришлось изменить. 12 ссылок на разделы в шапке (против 6 нынешних) — это перебор. Или, вот еще, отдельный раздел «Лирика», содержащий 2 стихотворения… На самом деле, мне было лень рисовать 12 иконок, да и придумывать для каждой из 12 категорий уникальную иконку — весьма трудное занятие. Это и побудило реализовать назревшую потребность. Идея ЧПУ, которой я стараюсь следовать, идея постоянства URL и система удобной рубрикации вступают в конфликт, следствие которого — такие изменения структуры сайта.

К навигационным инструментам добавился еще один — ключевые слова, дополняющий систему рубрик.

К внутренним изменениям следует отнести отображение положения текущего материала относительно других разделов.

Страницы сверстаны с использованием стандарта XHTML 1.0 и CSS. Больная тема — поддержка стандартов современными браузерами. Постоянно приходится балансировать между стандартами и подгонкой под конкретный браузер. Конечно, больше всего «капризничает» Internet Explorer, на эту тему исписано огромное количество виртуальной макулатуры. Рассказ о необычных методах борьбы с IE, использованных мной, останется на потом.

Некоторых вещей, которыми хотелось заняться, я не трогал. Иначе дорабатывал бы сайт очень долго, и в результате вышел бы дизайн ради дизайна. А так — дизайн во имя удобства пользователей (я надеюсь).

Блог почти не изменился, но это пока. Ожидают реализации в нем поиск, ключевые слова, как и заметка об идеальном блоге, авторском проекте и связи между ними.

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

Поделиться

Не переношу дилетантов Ctrl Сайту written.ru — год

Читайте также

SiteX
2007
Об одной из ошибок в веб-дизайне
Одна из часто указываемых ошибок в веб-дизайне:
2008
Система управления шаблонами
Эта статья написана для начинающих веб-мастеров. В ней описывается создание простой системы шаблонизации на PHP, а также на примере этой системы показана правильная работа с HTTP-заголовками при использовании PHP, gzip-сжатие отсылаемых клиенту данных, обработка 404 ошибки.
2006
Веб-разработка
Советы и идеи о дизайне и разработке сайтов. Это не очередной набор статей, по которому можно научиться делать сайты за три дня.
Веб 2.0
Вот, веб 2.0 докатился до gismeteo.ru. Правда, лучше не стало (потому что веб 2.0).
2009

Оставьте свой комментарий


Формулы на латехе: $$f(x) = x^2-\sqrt{x}$$ превратится в $$f(x) = x^2-\sqrt{x}$$.
Выделение текста: [i]курсивом[/i] или [b]жирным[/b].
Цитату оформляйте так: [q = имя автора]цитата[/q] или [q]еще цитата[/q].
Других команд или HTML-тегов здесь нет.

Записи