Построй свой домик в Интернете!

Спецвыпуск Xakep, номер #015, стр. 015-010-7

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

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

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

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

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

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

Верстка с помощью таблицы делается следующим образом. Сначала ты рисуешь эскиз всей страницы, задав требуемый размер холста. В результате рисунок получается как единое целое. Некоторые перед этим на бумаге сначала прикидывают, как это будет выглядеть. Подбираешь шрифты, цвета, взаимное расположение всех элементов. Когда эскиз будет готов, режешь его направляющими, например, в Photoshop. Получается сетка, которая делит твое хозяйство на n-ое количество прямоугольничков. Выделяя по очереди эти прямоугольные области по направляющим, вырезаешь их и сохраняешь как отдельные рисунки (обычно *.gif). Какой смысл резать? Во-первых, страница будет быстрее прогружаться. Во-вторых, ты сможешь определить области для ссылок. А в-третьих, ты сможешь выделить одноцветные области, уменьшив за счет этого общий размер файлов. При необходимости можно сделать прозрачный или чересстрочный *.gif. Закончив резку, собираешь полученные прямоугольнички в таблицу, поставив обрамление border=0. Там, где должно быть наполнение, вырезанный прямоугольничек ставишь в background, а наполнение - непосредственно в ячейку.