Сергей Осипов
design design

Фреймоскопия - 100% диагноз.

 [17.10.2000]

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

 

дизайн веб дизайн
Фреймы пуще неволи!

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

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

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

 

Фреймы Фреймы

позволяют разбить страницу на несколько независимых окон. Теоретически это улучшает навигацию по сайту, а главное, позволяет переходить между разделами не загружая повторно навигационную часть. Действительно, еще год назад экономия на загрузке навигации была весомым аргументом. Но сегодня 80% сетян пользуют IE 5.0, сказавший веское слово в кэшировании веб-страниц! Хорошо, а вывод информации в части экрана, спросишь ты. Оставь былое. Нынче только ленивый не делает это в виде php3, asp и т.п. Одним словом, редкий случай заставит доброго веб-мастера позариться на фреймовую структуру!

Фреймы и поисковые системы Поиск и фреймы.

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

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

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

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

Но и это не все. Большинство пауков видят лишь основной фрейм (их специально об этом просили). Они, как старые броузеры, не поймут твои фреймы и прочтут информацию только между тегами NOFRAMES. Не поленись продублировать туда гиперссылки твоего сайта, а то пауки вообще ничего не осмотрят. Вот такая получится "раскрутка".

Фреймы и броузеры Фреймы и броузеры.

Хотя уже прошло время, когда броузеры не понимали фреймы, до сих пор не все гладко с представлением в NN и IE даже новейших версий. Если ты укажешь ширину фрейма в %, то один только пользователь знает, что там покажется, в разных окнах и разрешениях экрана. А если укажешь жестко, то учти, что "любимые броузеры" по разному интерпретируют одни и те же цифры. Но и это не все! Например, Netscape любит менять ширину фрейма на несколько пикселей в зависимости от размера окна. Т.е. тебе не удастся осуществить некоторые дизайны, где будет важен каждый пиксель, как, например здесь, в Гнезде.

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

Фреймы и гиперссылки Фреймы и линки.

Дать корректно ссылку на какую-либо полезную статью с сервера КГ невозможно. Только два варианта: или открыть фрейм статьи без навигации газеты. Или открыть полноценный сайт газеты без конкретной статьи, а пользователь пусть сам ищет.

Чужие фреймы Чужие фреймы (!).

Предположим, мы с тобой все поняли и больше никаким Волшебником-Шаблонов-Передней-Страницы нас не заманишь использовать фреймовую структуру. Собрался забыть о них, но не тут-то было! Ведь во всемирной сети притаился Ваня Криворучко - неустанный генератор контента. Он любит фреймы! Хотя бы потому, что еще ни разу не догадался отказаться от выбора шаблона, нажимая "new document".

...Ваня - обозреватель! Он делиться хорошими ссылками с редким посетителем, иногда забывая указывать target="_top". Так, одной прекрасной ночью, ты видишь свой сайт вместо одного из Ваниных фреймов.

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

 

Осоводство
вебдизайнеру вебдизайнеру
Как кликается?

Frames Я нарочно сгустил краски в недостатках и разбавил в достоинствах. Фреймы - неотъемлемая часть вебостроения и отказываться от них глупо. Иногда пара фреймов решает проблему целого портала! Я призываю делать это сознательно.

Как создать сайт с фреймами? Уже давно мой винт засоряет один учебный zip-файл (13k). Сам не помню где подцепил. Краткое пособие, как создавать сайт с фреймами. Есть десяток примеров, комментарии. Это для совсем начинающих веб-мастеров, забывших купить книжку.

Фреймовая структура Примеры сайтов как-не-надо-делать предоставлены Белорусским Интернет Фестивалем.