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

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

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

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

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

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

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

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

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

Назад на стр. 015-010-6  Содержание  Вперед на стр. 015-010-8

загрузка...
Cпец Хакер #075Cпец Хакер #074Cпец Хакер #073Cпец Хакер #072Cпец Хакер #071Cпец Хакер #070Cпец Хакер #069Cпец Хакер #068Cпец Хакер #067Cпец Хакер #066Cпец Хакер #065Cпец Хакер #064Cпец Хакер #063Cпец Хакер #062Cпец Хакер #061Cпец Хакер #060Cпец Хакер #059Cпец Хакер #058Cпец Хакер #057Cпец Хакер #056Cпец Хакер #055Cпец Хакер #054Cпец Хакер #053Cпец Хакер #052Cпец Хакер #051Cпец Хакер #050Cпец Хакер #049Cпец Хакер #048Cпец Хакер #047Cпец Хакер #046Cпец Хакер #045Cпец Хакер #044Cпец Хакер #043Cпец Хакер #042Cпец Хакер #041Cпец Хакер #040Cпец Хакер #039Cпец Хакер #038Cпец Хакер #037Cпец Хакер #036Cпец Хакер #035Cпец Хакер #034Cпец Хакер #033Cпец Хакер #032Cпец Хакер #031Cпец Хакер #030Cпец Хакер #029Cпец Хакер #028Cпец Хакер #027Cпец Хакер #026Cпец Хакер #025Cпец Хакер #024Cпец Хакер #023Cпец Хакер #022Cпец Хакер #021Cпец Хакер #020Cпец Хакер #019Cпец Хакер #018Cпец Хакер #017Cпец Хакер #016Cпец Хакер #015Cпец Хакер #014Cпец Хакер #013Cпец Хакер #012Cпец Хакер #011Cпец Хакер #010Cпец Хакер #009Cпец Хакер #008Cпец Хакер #007Cпец Хакер #006Cпец Хакер #005Cпец Хакер #004Cпец Хакер #003Cпец Хакер #002Cпец Хакер #001