1  2  3  4  5  6  7

Работа с фреймами и наборами фреймов
А теперь выясним, что Dreamweaver позволит нам сделать с наборами фреймов и отдельными фреймами.
Свойства наборов фреймов
Для того чтобы задать свойства наборов фреймов и отдельных фреймов, нужно сначала выбрать один из них. Лучше всего это проделывать в панели Frames . Изначально она отсутствует в доке, поэтому выберите пункт Frames в подменю Others меню Window или нажмите комбинацию клавиш < Shift >+< F2>.
Посмотрите внимательно на эту панель. В ней показаны все фреймы и вся структура наборов фреймов. Фреймы изображены в виде серых прямоуголь­ников, внутри которых написаны их имена (об именах фреймов мы погово­рим ниже). Надпись "( no name )" говорит о том, что фрейм не имеет имени. Наборы фреймов представлены в виде толстых темно-серых границ, окру­жающих пары фреймов. На самом деле, это весьма удобно — все сразу вид­но. Единственная сложность: поначалу трудно попасть мышью в кажущую­ся такой толстой границу фреймового набора.
Да, вы можете щелкать мышью по границам наборов фреймов, чтобы выбрать тот или иной набор. Также вы можете щелкать мышью и по самим фреймам, выбирая их. При этом редактор свойств отобразит параметры выбранного фрейма или набора фреймов.
А теперь самое время рассказать, что Dreamweaver позволяет нам сделать с наборами фреймов. Выберите в панели Frames какой-либо набор фрей­мов, например, самый внешний.
Элементы управления, расположенные в верхней части редактора свойств, позволяют установить параметры самого набора фреймов. Сейчас мы их перечислим.
Раскрывающийся список Borders позволяет задать наличие или отсутствие границ между фреймами набора. Здесь доступны три пункта: Yes — границы есть, No — границ нет и Default — значение по умолчанию, зависящее от Web -обозревателя (как правило, границы есть).
Если вы выставили параметр Borders в Yes или Default , проверьте установки параметра Border Width . Поле ввода Border Width позволяет задать толщину границы в пикселах; если она равна нулю, то граница невидима. И наобо­рот, если вы выставили Borders в No , лучше установите Border Width в ноль, иначе могут быть проблемы с отображением в некоторых программах Web -обозревателей. Значение по умолчанию зависит от Web -обозревателя и операционной системы.
Внимание!
Границы малой толщины ( меньше двух пикселов ) могут отображаться неправильно или не отображаться вообще . Подробнее об особенностях границ фреймов см . в электронном руководстве по HTML ( атрибут border тега < FRAMESET >).
Селектор цвета Border Color позволяет задать цвет границы. Разумеется, чтобы этот параметр имел действие, граница между фреймами набора должна быть видимой. Значение по умолчанию зависит от Web -обозре­вателя (как правило, серая граница с трехмерным эффектом).
Попробуйте поэкспериментировать с этими параметрами и посмотрите, что получится. Для чистоты эксперимента просмотрите полученную страницу в разных программах Web -обозревателей.
Вообще, в настоящее время фреймы с видимыми границами считаются дурным тоном. Сейчас в моде фреймы с невидимыми или очень тонкими границами. Мы тоже сделаем такие.
Теперь обратимся к нижней части редактора свойств. Находящиеся там элементы управления позволят вам задать размеры отдельных фреймов вы­бранного набора.
В правой части редактора свойств вы видите схематичное изображение набора и содержащихся в нем фреймов. В общем, это похоже на уже знакомую вам панель Frames . Вы можете выбрать любой фрейм простым щелч­ком мыши; при этом выбранный фрейм будет закрашен темно-серым цветом. Однако запомните, что это все-таки не панель Frames : вы не можете сделать выбранный фрейм текущим и задать все его свойства.
В поле ввода Value вводится значение высоты или ширины фрейма. Это значение может быть задано в пикселах или процентах. Также вы можете ввести туда знак звездочки ("*"), обозначающий все остальное доступное пространство, оставшееся от других фреймов. Dreamweaver корректно обработает его.
Раскрывающийся список Units задает единицу измерения высоты или ширины фрейма. Доступны три пункта: Pixels — пикселы, Percent — проценты и Relative — все остальное пространство (аналогично вводу звездочки в поле Value ).
Надо сказать, что уже при создании набора фреймов Dreamweaver достаточ­но "интеллектуально" подставляет значения их параметров. Поэтому вполне возможно, что вам вовсе не придется их изменять. Ну, так, может быть, чуть-чуть подправить...
Загрузите созданную ранее страницу default.htm , если она еще не загружена. Выберите поочередно все наборы фреймов, проверьте значения их параметров и, если нужно, измените их. Значение Borders должно быть установлено в No , толщина границ Border Width — в ноль, а поле цвета границ Border Color должно оставаться пустым. Установите высоты верхнего (заголовок) и нижнего (сведения об авторских правах) фрей­мов в 30 пикселов, а ширину левого фрейма — в 100 пикселов. Если потом эти фреймы окажутся малы, мы их увеличим.
Свойства фреймов
С наборами фреймов мы разобрались. А что же с самими фреймами?
Выберите в панели Frames любой фрейм, скажем, самый верхний.
В поле ввода Frame Name вводится имя фрейма. Dreamweaver по умолчанию подставляет туда автоматически сформированное имя, и часто оно оказыва­ется весьма удачным. Но иногда его следует изменить. Например, в нашем случае лучше всего будет дать ему имя Header , обозначив таким образом отображаемое в нем содержимое.
Зачем фрейму необходимо имя, мы выясним позднее. Сейчас скажем толь­ко, что мы можем сослаться на нужный фрейм по его имени. Вообщето, если на фрейм не надо ссылаться, можно и не давать ему имени.
В поле ввода Src вводится имя файла Web -страницы, отображаемой во фрейме. Dreamweaver сам заполняет это поле при создании и сохранении страницы набора фреймов. Данное поле можно и не заполнять; в таком случае во фрейме ничего не будет отображаться.
Раскрывающийся список Scroll задает, будет ли фрейм содержать полосы прокрутки. Доступны четыре пункта:
Yes — полосы прокрутки есть всегда;
No — полос прокрутки нет даже тогда, когда содержимое фрейма не помещается в нем;
Auto — полосы прокрутки появляются только тогда, когда в них появляется необходимость (содержимое фрейма не помещается в нем);
Default — значение по умолчанию, зависящее от Web -обозревателя (как правило, аналогично Auto ).
Флажок No Resize позволяет запретить пользователю изменять размеры фреймов перетаскиванием их границ. Обычно пользователь может перетаскивать границы фреймов, изменяя их размеры. Для фреймов, отображаю­щих специальную информацию, таких как набор гиперссылок или заголовок сайта, лучше запретить это, иначе подобные фреймы будут выглядеть неаккуратно. Впрочем, Dreamweaver об этом за нас уже позаботился -включил данный флажок.
Раскрывающийся список Borders уже вам знаком. Однако его действие распространяется только на данный фрейм. Таким образом, вы можете задать наличие или отсутствие границ и у отдельного фрейма. Пункт Default этого меню позволит вам вернуться к параметрам набора фреймов.
В селекторе цвета Border Color вы можете установить цвет границы фрейма.
Поля ввода Margin Width и Margin Height позволяют задать, соответственно, горизонтальное и вертикальное расстояния между границами фрейма и его содержимым. Значения по умолчанию — 14 пикселов.
Выберите поочередно все четыре фрейма и установите их параметры, как указано в табл. 7.2. Остальные параметры оставьте в положении по умолчанию.
Установив параметры наборов фреймов и самих фреймов, сохраните страницу, выбрав пункт Save Frameset в меню File или нажав комбинацию кла­виш < Ctrl >+< S >.
Примечание
Имя фрейма задается атрибутом name тега < frame >. Адрес Web - страницы , ко­торая будет в нем отображаться , задается атрибутом SRC этого же тега . Остальные атрибуты перечислены в электронном руководстве по HTML , постав­ляемом в составе Dreamweaver .

1  2  3  4  5  6  7

Вверх