Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
5_FrontPage_Фреймы.doc
Скачиваний:
3
Добавлен:
07.09.2019
Размер:
861.18 Кб
Скачать

Сохранение фреймовой структуры

  • Сохраните работу, в меню File щелкнув Save as.

  • В открывшемся окне Save as в поле имени файла File name введите index.

Обратите внимание на то, что будет выделено окно, объединяющее все три фрейма, т.е. вы сохраняете под именем index.htm именно структуру страницы, а не содержание отдельных фреймов.

  • Щелкните кнопку Save в окне Save as.

  • Откроется еще одно окно сохранения, в котором будет выделен верхний фрейм. Введите имя верхнего фрейма — up.

Вставка ранее созданной страницы в структуру фрейма

Чтобы заполнить содержимое главного фрейма, используя созданную ранее страницу main.htm, выполните следующее.

  1. Щелкните кнопку Set Initial Page главного фрейма.

  2. В открывшемся окне Create Hyperlink выберите файл main.htm.

  3. Щелкните OK в окне Create Hyperlink.

  4. Сохраните изменения, щелкнув кнопку Save на панели инструментов Стандартная.

Создание кнопок-ролловеров на панели навигации

Создайте панель навигации в левом фрейме. Для этого создайте, используя кнопку New Page в поле левого фрейма, новую страницу. Установите для страницы нулевые поля. Установите в качестве фона графическое изображение из файла knopky_08.gif. Вставьте таблицу из 1 столбца и 6 строк (в соответствии с количеством кнопок будущей панели навигации). Установите следующие параметры: ширина — 40%, выравнивание — по левому краю, невидимые границы.

В первой ячейке созданной страницы создайте кнопку-ролловер.

  1. Вставьте в ячейку графическое изображение кнопки из файла knopky_02.gif.

  2. Щелчком выделите графическое изображение кнопки.

  3. в меню Format щелкните Dynamic HTML Effects.

  4. Н а открывшейся панели инструментов DHTML Effects в списке < Choose an event > (выберите событие, по которому происходит эффект) выберите Mouse over (при наведении курсора).

  1. в списке Apply (применить) выберите Swap Picture (смена рисунка).

  2. в списке <Choose Settings> (выбрать настройки) щелкните Choose picture (выбрать рисунок).

  3. В открывшемся окне Select Picture (выбрать рисунок) выберите второе графическое изображение кнопки с текстом (файл knopky_02-over.gif) и щелкните OK в окне Select Picture.

  4. Сохраните работу, щелкнув кнопку Save на панели инструментов Стандартная. В открывшемся окне Save as в поле File name введите knopky.

Обратите внимание, что в окне сохранения будет выделено именно поле левого фрейма.

Добавьте остальные кнопки-ролловеры, выбрав соответствующие файлы в папке images, в соответствии с приведенной ниже таблицей.

Текст кнопки

Кнопка в обычном состоянии

Кнопка при подведении курсора

Первобытные племена

knopky_03.gif

knopky_03_over.gif

Египтяне

knopky_04.gif

knopky_04_over.gif

Греки

knopky_05.gif

knopky_05_over.gif

Римляне

knopky_06.gif

knopky_06_over.gif

Современность

knopky_07.gif

knopky_07_over.gif

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]