Цель работы: Научиться задавать свойства наборов фреймов в Macromedia Dreamweaver.
Задачи работы:
- Овладеть методикой работы с меню Insert подменю Frames.
- Получить навыки работы с кнопками вкладки Frames панели объектов.
Обеспечивающие средства: Сборник описаний практических работ; операционная система Windows XP, программа Internet Explorer; программа Macromedia Dreamweaver; персональный компьютер.
Требования к отчету: Итоги практической работы представить в виде файла lab25.html на диске
Технология работы:
Теоретический материал:
Типичный набор фреймов должен содержать набор гиперссылок для перемещения по страницам сайта, заголовок сайта, основное содержимое и сведения об авторских правах.
Под фрейм с основным содержимым сайта выделяется максимум места в окне Web-обозревателя. Набор гиперссылок — второй по важности фрейм в схеме. Web-сайт отличается от простого набора Web-страниц своей взаимосвязанностью через гиперссылки, связывающих разнородные страницы в единое целое. Обычно набор гиперссылок помещается в вертикальном фрейме, расположенном слева от основного содержимого, вдоль левой границы окна Web-обозревателя.
Заголовок сайта помещают в горизонтальный фрейм, расположенный сверху, вдоль верхней стороны окна Web-обозревателя.
Рис 25.1
Выполните не компьютере:
- Запустить программу Macromedia Dreamweaver.
- Создайте файл lab25.html в новой папке Сайт_2.
- Создать страницу согласно рисунку. Для этого понадобятся два набора фреймов: один, внешний, делящий окно Web-обозревателя на три части по горизонтали, и второй, внутренний, делящий средний фрейм надвое по вертикали.
- На вкладке Remote Info диалогового окна Site Definition в раскрывающемся списке Access выберите пункт None— мы с вами нигде не будем публиковать этот сайт. И имя нашего сайта будет Sample site 2.
- После создайте новую Web-страницу согласно рис 25.1. Включите в подменю Visual Aids меню View пункт-выключатель Frame Borders. Это нужно, чтобы Dreamweaver показал нам границы наших будущих фреймов. набор фреймов создать через вкладку Frames панели объектов. На рис. 25.2 показаны те ее кнопки, которые нам сейчас нужны. Голубым цветом закрашен текущий фрейм, т. е. тот, в котором в настоящий момент стоит текстовый курсор. Также можно воспользоваться пунктами подменю Frames меню Insert.
Рис. 25.2 Вкладка Frames панели объектов
6. Создать верхний фрейм, в котором будет помещаться заголовок сайта. Нажмем кнопку Top Frame. В результате получатся два фрейма, расположенные горизонтально, друг над другом.
7. Поставьте текстовый курсор в нижний фрейм и нажмите кнопку Bottom Frame. В результате получим еще один фрейм, но расположенный на этот раз ниже текущего.
8. Поместите курсор мыши на границу между верхним и средним фреймами (заголовок и основное содержимое). Измените размеры фреймов так, чтобы средний фрейм занимал максимум места на экране. Верхний и нижний фреймы сделайте совсем узкими.
9. Создайте левый фрейм — левый, где будет помещаться набор гиперссылок. Через подменю Frameset меню Modify.
Там находятся следующие пункты:
- Split Frame Left — создание фрейма слева от текущего;
- Split Frame Right — создание фрейма справа от текущего;
- Split Frame Up — создание фрейма сверху от текущего;
- Split Frame Down — создание фрейма снизу от текущего.
10. Сделайте текущим средний фрейм и выберите в подменю Frameset меню Modify пункт Split Frame Left.
11. Дайте готовой странице с набором фреймов название. Заполните его содержанием согласно рис25.1, согласовав тему с преподавателем. Оформите: задайте тип шрифта, размеры.
12. Сохранить файл как lab25.txt в блокноте и как lab25.html для просмотра в браузере.