Zak писал(а):
а лучше скажи, как сделать лучше :)
Ок, теперь только по делу. То, что мне известно про сайт подсказывает, что сайт информационной направленности. Таким образом легко понять, что основное к нему требование — максимальная доступность для целевой аудитории размещённой на нём информации. Именно это и должно определять все визуальные и технические моменты.
Визуальные моменты рассматривать не будем, надеюсь и так ясно, что красные буквы на зелёном фоне делать не стоит. По этому рассмотрим только технические.
Для максимального охвата аудитории следует учесть три ограничения, накладываемых на информацию: скорость загрузки страниц, доступность и корректность отображения страниц.
Скорость загрузки страниц полностью определяется объёмом сопроводительных картинок и (барабанная дробь) объёмом html-кода! Простой пример: браузеру глубоко наплевать на форматирование вообще. Каждый лишний пробел, каждый энтер, каждый табулятор — лишний байт при передаче, лишнее время ожидания. Ести html-кодер, заявляющий, что он профессионал сдал Вам код с форматированием — смело гоните его в шею. С такой же позиции можно рассмотреть и вопрос со ссылками, с которых всё началось: ссылка занимает 13 байт, не считая адреса, а текущая конструкция из ява-скрипта — 62! Ну и кроме того, она затрагивает следующий пункт — доступность.
Доступность. Это такое комплексное понятие, наиболее понятным моментом которого является возможность пользоваться сайтом из текстового браузера LYNX. Для эстетов можно переформулировать — это сохранение вёрстки материала при использовании текстового браузера links. ;-) То есть никогда не стоит расчитывать на то, что у пользователя есть flash, так как «его нет только у уродов», всегда надо ставить ссылку «пропустить заставку». Лучшая проверка такому сайту — это текстовый браузер. Основа этого понятия — использование тех элементов html-кода, которые нужны в данном случае. Для ссылок есть <a href>, а любые спец. эффекты должны быть только дополнением к функциональности, но никак её не подменять! Переходим к третьему пункту, который и о спец. эффектах в том числе.
Корректное отображение. У всех людей разные вкусы. Разный опыт и разные пристрастия. Разное зрение. А кроме того — разные браузеры! Разные настройки этих браузеров! Что это значит? А это значит простые вещи. Нельзя задавать шрифты. Ну не факт, что с той стороны экрана у человека есть виндингз, к примеру. Снёс он его может быть, так как места на винте не хватало! Шрифтов в вебе вообще как огня бояться надо. И если уж так хочется, то надо применять максимально общие конструкции, таким вот например перечислением: 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; что-нибудь, да будет без засечек! Нельзя задавать размер шрифта абсолютно. А вдруг зрение у человека плохое и он всё смотрит на +200%? Или монитор 32 дюйма? Ну понятно, да? Будет мелкий-мелкий шрифт, который человек прочитать не сможет.
А как сделать так, что-бы и в links работало и красиво было? Да проще простого! Надо:
1) корректно применять элементы html;
2) нарисовать css-ку.
Всё! Что-бы было понятно, приведу потрясающий пример. Всем рекомендую ознакомиться.
Итак, исходный html-код выглядит так:
http://www.csszengarden.com/zengarden-sample.html
Это чистый, не замутнённый ни грамом визуального кода html. Он отлично смотрится в любом браузере. Всё работает как надо.
А так выглядит код подключённым css:
http://www.csszengarden.com/
Там справа ещё можно повыбирать разные дизайны — html код остаётся один и тотже, меняется только css-ка!
Что интересно, этот сайт отлично можно просмотреть и с мобильника, его прочитает вслух читатель сайтов для слепых и так далее.
Если интересно дальнейшее общение на эту тему, моя аська у тебя есть.