Веб-дизайн в сравнении

Xakep, номер #020, стр. 020-032-3

Следующий пример корявой странички

Все предыдущие замечания я повторять не буду, расскажу подробно только о новых ошибках.

Фреймы

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

Таблицы

Видишь, как автор разместил текст в таблице и оставил стандартное обрамление? Вот никогда так не делай :). Обычно таблицы используют для компоновки, а не для обрамления. Обрамление рисуют сами и опять же компонуют с помощью таблицы. Связано это с тем, что стандартное обрамление (border = n) слишком примитивное, а главное - по-разному может быть отображено в разных броузерах. Если же рисовать обрамление самому, то все ограничения отпадают.

Я, конечно, ничего не имею против бисера :), но пару слов скажу.

Бекграунд и меню

После того как я увидел бекграунд меню, то сразу же схватился за сердце. А потом еще неделю пил валерьянку, дабы такое больше не повторялось :). Меню - это всегда то место, куда смотрят чаще всего. Соответственно, именно меню стоит продумать тщательнее всего. Оно должно быть и не очень броским и в то же самое время быть очень четким и легко читаемым. Меню должно занимать минимум полезного места и приносить максимум комфорта в навигацию по страничке. Бекграунд выбирается обычно монотонным, так как использование картинки в качестве бекграунда не всегда красиво смотрится и к тому же напрягает модем посетителя.

Андер констракшин

Больше всего бесит любое проявление недоделанности. Это всегда вызывает только одни мысли - неполноценность и ущербность. Так что никогда не спеши выставлять что-то типа under construction, тем более на главной страничке. Либо не выставляй свой агрегат, пока не будет все готово. Либо в недоделанные разделы поставь вежливое и разумное предложение о том, что в данный момент раздел верстается и в самом ближайшем будущем будет функционировать.

Больше всего не ожидал увидеть кривой сайт на хтмл про хтмл :).

Графика

На приведенном примере мало того что убого сделан градиент заливки в заголовках и не к месту, так как все заголовки лучше было сделать просто текстом. Так еще все это дело весит более 100 Кб! Иногда бывает, что нужно разместить качественное фото или логотип, тогда приходится выставлять файлы относительно больших размеров, но даже тогда стремятся оптимизировать размер файла по максимуму. Если же ты используешь графику, в которой использовано менее 256 цветов, то разумно будет выбрать монотонный бекграунд, а в графических изображениях поставить прозрачным цвет этого бекграунда. Тогда графика заметно "облегчится", а внешний вид не изменится. Как я писал выше, обычно используют на страничке 2-3 цвета и "тащут" их через весь сайт. При пестрой графике обычно режут картинку на отдельные части с монотонными цветами, а потом "склеивают" с помощью таблицы. В результате суммарный объем будет меньше, а качество выше, чем если выставлять целой. Графический формат gif, кроме прочего, позволяет делать еще изображение и чересстрочным (interlaced), что позволяет грузить очертания картинки до ее полной загрузки. Это очень удобно, если невозможно избежать большого количества графики. Тогда посетитель еще до конца загрузки сможет по очертаниям понять, что это, и перейти дальше по ссылкам. Те же, кому интересно будет увидеть графику во всей красе, просто дождутся конца загрузки.