Macromedia Dreamweaver MX

Решение проблем с фреймами

Как вы знаете, ничего идеального на свете не бывает. Это утверждение от­носится и к фреймам.

Недостатки фреймов и их преодоление

Вроде бы, фреймы всем хороши. Они позволяют разделить окно Veb - обозревателя на несколько независимых "форточек", в каждой из которых может отображаться своя ¥еЬ-страница. Таким образом, одна большая ¥еЬ-страница делится на несколько маленьких, содержащих какую-либо часть большой страницы: заголовок, полосу навигации, сведения об автор­ских правах и основное содержимое. При этом когда пользователь щелкает по гиперссылке, происходит обновление только фрейма с основным содер­жимым; содержимое всех остальных фреймов остается неизменным.

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

На этом достоинства фреймов кончаются, и начинаются недостатки.

Недостаток первый: невозможность обновления содержимого сразу двух или нескольких фреймов. Давайте рассмотрим гипотетический сайт — каталог программ, структура фреймов которого показана на рис. 7.26.

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

К несчастью, средствами HTML это сделать невозможно. Обычная гипер­ссылка HTML, описываемая парным тегом <а>, может указывать только на один файл. Если вы хотите по щелчку загружать сразу две страницы (или более — в данном случае это несущественно) в разные фреймы, вам придет­ся писать сценарий на языке JavaScript. А это уже довольно сложная задача для начинающего Web-дизайнера. На первый раз можем посоветовать толь­ко постараться избежать использования таких наборов фреймов или же от­казаться от фреймов вообще.

Недостаток второй: невозможность задания текста, который Web-

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

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

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

Недостаток четвертый. О нем мы поговорим в главе 14, когда будем рас­сматривать поисковые системы и "раскрутку" вашего сайта с их помощью.

Проблема с фреймами в старых версиях Navigator

А вот это уже не "функциональная особенность" некогда известной про­граммы, а элементарная ошибка разработчиков. Старые версии Navigator неправильно отображают страницы наборов фреймов после того, как поль­
зователь изменит размеры окна. И разработчики Dreamweaver, чтобы ком­пенсировать невнимательность разработчиков фирмы Netscape, ввели в свой Web-редактор специальную функцию исправления данной ошибки.

Откройте в окне документа Dreamweaver страницу набора фреймов и выбе­рите в меню Commands пункт Add/Remove Netscape Resize Fix. На экране появится небольшое окно-предупреждение, кратко описывающее проблему с фреймами в Navigator и то, что Dreamweaver может сделать для ее реше­ния (рис. 7.27).

Add/Remove Netscape Resize FiH

Some versions of Netscape Navigator contain a bug that may cause the page to display incorrectly when the user resizes the browser window. This problem can be fixed with JavaScript code that automatically reloads the page whenever the window is resized.

Click Add to insert this JavaScript code into your document.

Рис. 7.27. Окно, предупреждающее о проблеме с фреймами в Navigator и предлагающее путь ее решения

Если вы нажмете кнопку Add, Dreamweaver добавит в код страницы не­большую программу-сценарий на языке JavaScript, перезагружающую стра­ницу набора фреймов после изменения размеров окна Navigator. Если вы нажмете кнопку Cancel, Dreamweaver ничего не сделает.

Может случиться так, что вы захотите удалить эту программу-сценарий, для чего вам необходимо просто еще раз выбрать пункт Add/Remove Netscape Resize Fix в меню Commands. На экране появится другое окно-предупреж­дение, показанное на рис. 7.28. Нажмите кнопку Remove для удаления дан­ного кода или кнопку Cancel — для отказа от этого.

Следует ли этим пользоваться? Вероятно, да. Поскольку старые версии Netscape Navigator все еще используются некоторой частью интернетчиков, нужно предусмотреть все, чтобы они могли без проблем просматривать ваши страницы. Тем более что это не отнимет у вас никаких усилий — за вас все сделает Dreamweaver. А помещаемый им сценарий очень мал и не может существенно увеличить размер страницы набора фреймов.

Что дальше?

Вот мы и познакомились с фреймами и фреймовым дизайном. И даже соз­дали новый вариант сайта с их использованием.

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

Одним словом, вы должны узнать это.