Отправляет email-рассылки с помощью сервиса Sendsay

Заметки Дизайнера

Рассылка закрыта

При закрытии подписчики были переданы в рассылку "Левитас: Почему Ваш бизнес-сайт не работает?" на которую и рекомендуем вам подписаться.

Вы можете найти рассылки сходной тематики в Каталоге рассылок.

←   Октябрь 2000   →
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
Автор
Александр Левитас

Статистика

56.649 подписчиков
-141 за неделю
←   Все выпуски   →

Заметки Дизайнера


Служба Рассылок Subscribe.Ru проекта Citycat.Ru

заметки дизайнера

http://come.to/zametki                [26/10/2000] Выпуск 13

Жесткий, резиновый и...

часть 2


Сколько способов дизайна страницы вы знаете? Два, перечисленные в заголовке - жесткий и резиновый? Тогда вы забываете еще об одном, который совмещает в себе достоинства обоих и избавляется от недостатков, присущих каждому из них.

Перед тем, как вы начнете читать. К этой заметке подобрано несколько примеров (около 10 изображений, каждое с "ноготком" и полноэкранным снимком экрана), но для правильного авто-перевода для читателей текстового выпуска, минимального обьема и простоты кода они сюда не включены. Поэтому всем, кто может прочитать эту заметку в Интернете с сайта "Заметок", я настоятельно рекомендую сделать это.
Читать здесь: http://redrival.com/maxvt/r/articles/006_2.html

Кстати, я взглянул на счетчик и на статистику рассылки и понял, что две трети читателей этой рассылки вообще ни разу не были на сайте "Заметок"! (а после каждого выпуска на сайт приходит всего 5% подписчиков)? Неужели вам настолько лень, что даже мои настойчивые призывы в каждом выпуске не смогли заставить вас когда-нибудь посетить сайт, однажды высказать свое мнение на форуме, сесть и написать мне письмо, наконец (тем более, что вы сейчас уже в почтовом клиенте сидите)? Или все мои читатели - молчаливые и пассивные (за исключением нескольких активных подписчиков, чьи письма дают мне причину продолжать выпускать эту рассылку, несмотря ни на какие проблемы)? Позвольте не поверить. Давайте - раз, два, три, жмите на ссылку - покажите, что вам не все равно... Или на главную страницу - come.to/zametki...

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

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

  • Блочный дизайн - дизайн в несколько колонок, в котором некоторые колонки видны только при определенном разрешении экрана.

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

Пример "блочного" расположения колонок (справа): самая левая колонка видна при всех разрешениях, вторая - в 800х, третья - в 1024х/1152x и самая правая - в 1280х и шире.

Ширина колонки 540 230 230 230
Общая ширина и совместимые ширины экрана 540/ 544, 580, 640 770/ 800 1000/ 1024, 1152 1230/ 1280, 1600+

Почему именно такая ширина колонок? Потому, что мне так хотелось - вы можете выбрать себе другие размеры. Но я могу объясниться:

При выборе ширины, у меня было 2 критерия: максимальная доступность (все размеры экрана) и одинаковая ширина колонок. Минимальная ширина - это 544 точек (WebTV), за ним - 580 (некоторые модели Apple) и 620 (рабочая зона 640х) - то есть при указанных ширинах совместимость полная, в отличие от рекомендуемых во многих местах 600 точек ширины, потому что 600 точек дают только РС - совместимость.

Обратите внимание, что если колонки жесткие, то всегда остается небольшой просвет - самый заметный в 640х480 (почти 100 точек), но всего 10 точек в 800х и 4 точки в 1024х (80% от всех экранов). Это "излечивается", если самую широкую колонку сделать резиновой, но отличие такой колонки от чисто "резинового" дизайна в том, что ее размер будет меняться в пределах 100 точек - в отличие от удвоенной ширины обычной колонки (640 -> 1280).

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

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

Почему же мне не удалось найти ни одного примера такого дизайна в русском Интернете (хотя вот пример из Америки - см. www.zdnet.com)? Этому есть несколько причин.

Во-первых, далеко не всегда содержание хорошо разбивается на независимые колонки. Допустим, газета или интернет-магазин могут найти применение четырем колонкам, но, например, этому сайту (сайту "Заметок") вполне достаточно двух (на самом деле, в каркасе 7 колонок, но смысловую нагрузку несут только две). Поэтому сюда блочный дизайн не подходит.

Во-вторых, проблемы с выдачей страниц. Тут есть три варианта (написание страницы для каждого разрешения вручную откидываем сразу): генерация страниц после определения разрешения требует написания соответствующих скриптов, будь это PHP, Perl или ASP, что подразумевает определенную квалификацию создателей сайта. Генерация статических страниц из базы данных для каждого разрешения требует еще более сложных программ, что-то вроде Сайтистики от Individ, и стоимость таких пакетов будет не по карману многим. А самый простой способ - выбрасывание лишних частей с помощью JavaScript после загрузки - загружает все содержание, в том числе и невидимые колонки, и только потом убирает лишнее и поэтому мне не нравится (истраченное зря время, нагрузка на сервер, бесполезный траффик).

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

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

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

Выскажите свое мнение
Добавьте комментарий

 

Как вам эта статья? Стиль изложения, содержание?
Вы с чем-то не согласны? Напишите мне. Наиболее интересные письма
будут опубликованы в рассылке.

Внимание! Любое письмо, пришедшее мне, может быть опубликовано (вместе с e-mail адресом
автора) . Если вы не хотите публикации вашего письма, пометьте его как личное,
например добавив [private] в заголовок письма.

C нетерпением жду комментариев. Ваш MaxVT.

 

http://subscribe.ru/
E-mail: ask@subscribe.ru
В избранное