Гибкая раскладка

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

К преимуществам гибкого дизайна относятся следующие:

• Безразлично разрешение монитора.

• Заполняется все окно, без пустых мест, которые часто оставляет дизайн с фиксированной шириной.

• Разработка гибких страниц соответствует духу и природе среды.

Однако могут возникнуть следующие проблемы:

• На больших мониторах длина строки может выйти из-под контроля, когда текст заполнит всю ширину окна браузера. Длинные строки особенно неудобно читать с экрана. (Обратите внимание, что длину строки при гибком дизайне можно контролировать с помощью CSS-свойства mах-width, но это свойство не поддерживается Internet Explorer 6 и ниже. Когда-нибудь появится инструмент для преодоления проблем, связанных с длиной строки).

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

• Результаты гибкого дизайна непредсказуемы, и пользователи получают разное впечатление от вашей страницы.

Дизайн с фиксированной шириной

Можно выбрать вариант страницы фиксированной ширины, которая будет оставаться одной и той же для всех пользователей, независимо от разрешения монитора и размера окна браузера.

Преимущества дизайна с фиксированной шириной:

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

• При фиксированной ширине страниц и столбцов обеспечивается лучший контроль над длиной строк. Они не станут слишком длинными при просмотре страницы на большом мониторе.

Недостатки:

• Если доступное окно браузера меньше размеров сетки страницы, часть страницы не будет видна и для просмотра может потребоваться горизонтальная прокрутка. Гори­зонтальная прокрутка снижает удобство использования, поэтому этого следует избе­гать.

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

• Попытка получить полный контроль над отображением Web-страницы не соответствует духу среды.

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

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

Первая появляющаяся на экране часть страницы является лицом всего сайта, независимо от того, является она гибкой или фиксированной. Именно здесь пользователь принимает решение о том, продолжать ли изучать сайт или нажать кноп­ку «Назад» и покинуть его. Web-дизайнеры позаимствовали термин «верхняя половина полосы», применяя его к материалам, которые находятся в этом важном первом окне. Как уже говорилось в данной главе, «заполнение экрана» может сильно зависеть от разрешения монитора. Для полной безопасности считайте доступным пространством пространство монитора 800х600, т. е., приблизительно 780х400 пикселей.

Вот элементы, которые обычно размещают в верхней части страницы:

• Название сайта.

• Главное маркетинговое обращение.

• Указание на то, чему посвящен данный сайт.

• Средства навигации по сайту. Если навига­ционная система сразу не видна, скорее всего, на нее не обратят внимания.

• Любая другая информация, важная для посетителей сайта, например номера бес­платных телефонов или специальные предложения.

• Рекламные баннеры.

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