Лабораторна робота: HTML. Організація гіперпосилань між фреймами

  • Теорія
  • Завдання
  • Рекомендації

  • Організація посилань

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

    Для визначення імені кадру служить атрибут NAME. Наприклад, рядок <FRAME NAME="frame1"> створює кадр з ім'ям "frame1", на який можна зробити гіпертекстове посилання наступним чином:

    <A HREF="putfirst.html" TARGET="frame1"> Натисніть сюди,</A>
    
    щоб перейти на першу сторінку
    

    Атрибут TARGET гіпертекстового посилання містить ім'я кадру. При активізації цього посилання вміст кадру frame1, тобто файл first.html, розміщений у ньому при створенні, буде замінений файлом putfirst.html.

    Зауважте, що якщо атрибут TARGET відсутній, файл putfirst.html буде виведено в тому ж вікні або кадрі, де знаходиться покажчик посилання. Атрибут TARGET якраз і призначена для вказівки "Мети" - кадру, в якому повинен бути розміщений файл, певний атрибутом HREF. Цей принцип заміни файлів в одному кадрі при управлінні цим процесом з іншого кадру і лежить в основі навігації по сайту.

    Ім'я Призначення
    _blank Завантажує вказаний файл у нове вікно без назви
    _self Завантажує вказаний файл у кадр, звідки робиться виклик
    _parent Завантажує вказаний файл в старший (Батьківський) кадр сітки кадрів; якщо такий кадр не визначений, результат аналогічний дії _self
    _top Завантажує вказаний файл у повне вікно, руйнуючи всю структуру кадрів

    Кадри обов'язково потрібно присвоїти ім'я, інакше на нього не можна буде посилатися. Тому всім кадрам, зміст яких планується змінювати, повинні бути дані правильні імена. Імена кадрів повинні починатися з алфавітно-цифрового символу. Ваші імена не повинні починатися з символу підкреслення, так як він є першим символом зарезервованих імен кадрів, перерахованих у таблиці.


    Приклад
    Створіть файл frames.html у директорії public_html та запишіть у ньому наступні теги:

    <HTML>
    <FRAMESET ROWS="*,*">
    
    <FRAMESET COLS="*,*">
    
     <FRAME SRC="frame1.html" NAME="fr1">
     <FRAME SRC="frame2.html" NAME="fr2">
    </FRAMESET>
     <FRAME SRC="frame3.html" NAME="fr3">
    </FRAMESET>
    </HTML> 
    

    Після цього, створіть файли frame1.html, frame2.html, frame3.html і заповніть їх наступним чином:

    frame1.html:

    <HTML><BODY BGCOLOR=white>
    
    <H1>Frame1</H1>
    <A HREF=frame2.html TARGER="fr3">Посилання на 2 кадр</A>
    
    </BODY></HTML> 
    

    frame2.html:

    <HTML><BODY BGCOLOR=red TEXT=yellow>
    <H1>Frame2</H1>
    <A HREF=frame3.html TARGER=_top>Frame3 в усі вікно</A>
    
    </BODY></HTML> 
    

    frame3.html:

    <HTML><BODY BGCOLOR=purple>
    <H1>Frame3</H1>
    <A HREF=frame1.html TARGER=_self>Frame1 в це вікно</A>
    
    </BODY></HTML> 
    

    Тепер за допомогою браузера завантажте файл frames.html та подивіться на результат.