Фреймами (кадрами, рамками) називається спосіб розбиття вікна браузера на декілька прямокутних областей, в кожній з яких відображається окрема web-сторінка. Наявність фреймів дозволяє спростити переміщення по сторінках вузла. Зазвичай зліва в окремому кадрі поміщають зміст web-вузла, яке є завжди, незалежно від того, яка сторінка знаходиться в цей момент в основному кадрі праворуч. В результаті простим клацанням в лівому кадрі користувач може швидко завантажити в основну область браузера необхідну інформацію.
Щоб створити сторінку з фреймами, потрібно створити нову сторінку, вибрати в області завдань Інші шаблони сторінок і у вікні, перейти на вкладку Сторінка рамок. а потім вибрати потрібний шаблон. З'явиться нова сторінка, розбита на фрейми відповідно до обраного шаблоном. У кожному фреймі буде дві кнопки: Задати початкову сторінку і Створити сторінку. Кнопка Задати початкову сторінку дозволяє зробити посилання на вже існуючу web-сторінку. Кнопка Створити сторінку дозволяє заповнити фрейм, як нову сторінку.
При створенні гіперпосилань на сторінках з фреймами потрібно вказувати фрейм, в який буде виводитися сторінка, відкрита за гіперпосиланням. Для цього в діалоговому вікні Створення гіперпосилання потрібно натиснути на кнопку Вибір рамки і у вікні, вказати область виведення сторінки. Це може бути один з фреймів сторінки, сторінка цілком, нове вікно або батьківська сторінка.
Вставка кнопок. Навігація
Для переходу між сторінками можна використовувати не тільки гіперпосилання у вигляді тексту, а й кнопки. Для того, щоб вставити кнопку, потрібно вибрати в меню пункт Вставка-Змінюється кнопка. Вікно містить три вкладки: Кнопка, Шрифт і Малюнок. На вкладці Кнопка можна вибрати вид кнопки, задати напис на ній і створити гіперпосилання на сторінку, яка буде відкриватися при натисканні на кнопку.
Лабораторна робота № 12 FrontPage. Створення основних елементів WEB-сторінки
- навчитися робити розмітку сторінки за допомогою таблиць;
- навчитися створювати web-сторінки з фреймами;
- навчитися вставляти текст і форматувати його;
- навчитися вставляти списки і зображення.
1 Створіть у своєму робочому каталозі папку Мій web-вузол.
2 Запустіть програму FrontPage. Відобразити нову сторінку збережіть в папку Мій web-вузол під ім'ям titul.htm. Це буде «титульна» сторінка вашого сайту.
3 Щоб розбити сторінку на розділи, вставте в неї таблицю: Таблиця-Вставити таблицю. Таблиця повинна містити 1 стовпець і 2 рядки. Розміром кордону задайте значення 0. У верхній рядок таблиці впишіть назву вашої сторінки. Кордон другого рядка розтягніть вниз так, щоб вона займала частину сторінки. У нижній рядок вставте малюнок: Вставка-Рисунок-Из файла або Вставка-Рисунок-Картинки. Скорегуйте розмір малюнка так, щоб він займав всю осередок.
4 Всі малюнки, пов'язані з вашої сторінки, краще зберігати в окремій папці з назвою image. Створіть в папці Мій web-вузол відповідну вкладену папку.
5 Збережіть вашу сторінку, виконавши команду Файл-Зберегти все. FrontPage може запропонувати вам зберегти вставлений малюнок. У цьому випадку натисніть на кнопку Змінити папку в діалоговому вікні, і виберіть папку image. Якщо малюнок має формат, відмінний від GIF, JPEG або PNG, натисніть на кнопку Тип графічних файлів і вберу один із запропонованих форматів. Збережіть малюнок.
6 Для того щоб створити нову сторінку, розмічену за допомогою фреймів, виконайте команду Файл-Створити і в області завдань виберіть Інші шаблони сторінок. У діалоговому вікні перейдіть на вкладку Сторінка рамок і виберіть варіант Колонтитули і зміст. Збережіть сторінку в свою папку під ім'ям index.htm. Це буде домашня сторінка вашого сайту, що містить заголовок, розділ змісту і вікно для відображення сторінок.
7 Натисніть кнопку Створити сторінку заголовком (верхній фрейм) і впишіть туди назву вашого сайту. Відформатуйте назву на свій розсуд.
8 Натисніть кнопку Створити сторінку в лівому фреймі (зміст).
9 Натисніть кнопку Створити сторінку в нижньому колонтитулі. Клацніть правою кнопкою миші, виберіть у меню пункт Властивості рамки і у вікні, задайте властивості Висота рамки значення 1. Цей фрейм не знадобиться.
10 Натисніть кнопку Задати початкову сторінку в центральному фреймі. У вікні, виберіть у розділі Папка каталог з вашим сайтом, а в ньому - сторінку titul.htm.
12 Збережіть сторінку. FrontPage запропонує вам зберегти кожен фрейм як окрему сторінку. Збережіть фрейми в свою папку під іменами, наприклад, kolontitul.htm (для заголовка), soderzhanie.htm (для утримання), main.htm (для центрального фрейму) і blank.htm (для нижнього колонтитула).
13 Кожному фрейму на сторінці задайте свій фоновий малюнок. Для цього клацніть на сторінці правою кнопкою миші, виберіть у меню пункт Властивості сторінки. перейдіть на вкладку Форматування, поставте прапорець у розділі Шпалери та виберіть потрібний малюнок, натиснувши кнопку Огляд. Можна також скористатися стандартними темами MS Office. Для цього потрібно виділити фрейм, виконати команду Формат-Тема і в області завдань вибрати вподобану тему. Ще раз збережіть всі зміни.