Цель работы: Научиться задавать свойства наборов фреймов в Macromedia Dreamweaver.
Задачи работы:
- Овладеть методикой работы c панелью Frames.
- Получить навыки работы с редактором свойств Properties
Обеспечивающие средства: Сборник описаний практических работ; операционная система Windows XP, программа Internet Explorer; программа Macromedia Dreamweaver; персональный компьютер.
Требования к отчету: Итоги практической работы представить в виде файла lab25.html на диске
Технология работы:
- Запустить программу Macromedia Dreamweaver.
- Откройте файл lab25.html в папке Сайт_2.
- Задайте с помощью редактора свойств Properties: через раскрывающийся список параметры фреймам:
Выберите в панели Frames какой-либо набор фреймов, например, самый внешний (заголовок). В редакторе свойств раскрывающийся список Borders позволяет задать наличие или отсутствие границ между фреймами набора. Выставите параметр Borders в Yes.
Поле ввода Border Width позволяет задать толщину границы в пикселах. Селектор цвета Border Color позволяет задать цвет границы. Задайте цвет границы, поэкспериментируйте.
Выберите следующий фрейм щелчком мыши. В поле ввода Value вводится значение высоты или ширины фрейма. Это значение может быть задано в пикселах или процентах.
Раскрывающийся список Units задает единицу измерения высоты или ширины фрейма. Доступны три пункта: Pixels — пикселы, Percent — проценты и Relative — все остальное пространство (аналогично вводу звездочки в поле Value). Выберите поочередно все наборы фреймов, проверьте значения их параметров и, если нужно, измените их. Значение Borders должно быть установлено в No, толщина границ Border Width — в ноль, а поле цвета границ Border Color должно оставаться пустым. Установите высоты верхнего (заголовок) и нижнего (сведения об авторских правах) фреймов в 30 пикселов, а ширину левого фрейма — в 100 пикселов. Выберите в панели Frames любой фрейм, скажем, самый верхний. Редактор свойств примет вид, показанный на рис. 26.1
Рис. 26.1 Вид редактора свойств при выделенном фрейме
В поле ввода Frame Name вводится имя фрейма. Дайте ему имя Header, обозначив таким образом отображаемое в нем содержимое. В поле ввода Src вводится имя файла Web-страницы, отображаемой во фрейме. Раскрывающийся список Scroll задает, будет ли фрейм содержать полосы прокрутки. Доступны четыре пункта:
- Yes — полосы прокрутки есть всегда;
- No — полос прокрутки нет даже тогда, когда содержимое фрейма не помещается в нем;
- Auto — полосы прокрутки появляются только тогда, когда в них появляется необходимость (содержимое фрейма не помещается в нем);
- Default — значение по умолчанию, зависящее от Web-обозревателя (аналогично Auto).
Флажок No Resize позволяет запретить пользователю изменять размеры фреймов перетаскиванием их границ (нежелательно для гиперссылок или заголовок сайта). Поля ввода Margin Width и Margin Height позволяют задать, горизонтальное и вертикальное расстояния между границами фрейма и его содержимым. Значения по умолчанию — 14 пикселов.
4. Задайте имена фреймам. Выберите поочередно все четыре фрейма и установите их параметры:
Фрейм Frame Name Scroll No Resize
Верхний(заголовок сайта) Header No *
Левый (набор гиперссылок) Nav No *
Основной (основное содержимое сайта) Main Auto *
Нижний (сведения об авторских правах) Copyright No *
5. Разработайте файлы, которые будут отображаться в каждом фрейме.
6. Сохранить файл как lab25.txt в блокноте и как lab25.html для просмотра в браузере.