Використання

Зауваження. В документі було використано вже знайомий тег < HR>, що визначає

горизонтальну лінію, з параметрами COLOR=" Red", ALIGN=" Center", SIZE=" 5" WIDTH=" 400". Тут

параметр COLOR задає червоний колір лінії, ALIGN – її розташування, параметр SIZE – товщину, а

параметр WIDTH – ширину в 200 пікселів. Використання цих параметрів та їх значення цілком

аналогічні до описуваних вище, що застосовуються до тексту та таблиць.

Вправа 8. Використання фреймів.

1. Створіть наступний WEB-документ, використовуючи текстовий редактор:

< HTML>

< TITLE> Документ з гіперпосиланнями < /TITLE>

< FRAMESET ROWS=" 30%, *" >

< FRAME SRC=" table.html" >

< FRAME SRC=" links.html" >

< /FRAMESET>

< /HTML>

2. Збережіть цей документ під іменем frames.html.

3. Подивіться, як відображається файл frames.html в браузері. Встановіть відповідність між

елементами HTML-коду і фрагментами документа, що відображаються на екрані.

4. Відредагуйте файл links.html наступним чином: в першому з тегів гіперпосилання < A> додайте

параметр TARGET= " Downright". Збережіть файл на диску.

5. Внесіть наступні зміни до файлу. Текст, що знаходиться між тегами < /TITLE> та < /HTML>

замініть на наступний:

< FRAMESET ROWS=" 30%, *" >

Фізико математичний факультет, кафедра Інформатики і ОТ

< FRAME SRC=" table.html" SCROLLING=" NO" NORESIZE NAME=" Downtop" >

< FRAMESET COLS=" 250, *" BORDER=" 10" >

< FRAME SRC=" links.html" NAME=" Downleft" >

< FRAME SRC=" picture1.html" NAME=" Downright" >

< /FRAMESET>

< /FRAMESET>

6. Збережіть змінений документ на диску, закрийте текстовий редактор та поновіть документ в

браузері.

7. Передивіться, як змінилося відображається у вікні браузера. Скористайтесь гіперпосиланнями, що

знаходяться у лівому нижньому вікні браузеру. Встановіть відповідність між елементами HTML-

коду і фрагментами документа, що відображаються на екрані.

8. Відредагуйте файл links.html таким чином, щоб посилання встановлене не картинку відкривалося

в верхньому фреймі.

9. Збережіть змінений документ на диску, закрийте текстовий редактор та поновіть документ в

браузері. Перевірте правильність внесених змін.

Якщо матеріали WEB-сайту згруповано логічно за темами базуються на декількох сторінках,

що пов’язані між собою за допомогою гіперпосилань, то такий сайт реалізовують із застосуванням

фреймів. Фрейм у перекладі з англійської означає кадр, рамка, прямокутна область. Фрейми

поділяють вікно браузера на частини, в яких відображають зміст сторінок сайту. Кожній сторінці має

відповідати свій html-файл. Кожна сторінка повинна мати логічний заголовок.

Зокрема, типовим є сайт, де вікно браузера поділене на дві вертикальні області. Наприклад, у

вужчій (до 25% від ширини вікна браузера) лівій області відображають зміст сайту у вигляді меню з

гіперпосилань на конкретні сторінки, а в іншій – правій – вибрану користувачем сторінку. Такий

підхід до конструювання сайту дає змогу постійно бачити зміст сайту і переглядати його сторінки у

будь-якій послідовності. Лівий фрейм, де знаходиться зміст сайту, називають навігаційною панеллю.

Навігаційну панель можна створити будь-якій частині вікна браузера. Часто у верхній частині

створюють третій вузький фрейм, де розташовують заголовок сайту, логотип фірми, рекламу,