- •З предмету _______“Web-технології та Web-дизайн”___________
- •Завдання на курсову роботу студента
- •1 Постановка задачі
- •2 Вступ
- •3 Теоретичні відомості
- •3.1. “Голова” документа
- •3.2. "Тіло" документа
- •3.3. Таблиці
- •3.4. Абзаци
- •3.5. Розмір шрифту
- •3.6. З'єднання з іншими документами
- •3.7. Фрейми
- •4. Карта сайту
- •5 Приклад тестування та результату роботи програми
- •Висновок
- •Література
- •Додаток а (Обов’язковий) Лістинг основної програми
3.6. З'єднання з іншими документами
Browser виділяє кольором або підкресленням ключові слова, що є зверненням до документа, або до частини документа позначеної «закладкой». Ця видима
частина посилання - вказівник, що дозволяє натисненням однієї клавіші миші швидко переміщатися від одного документа до іншого. Прихована частина посилання -адресна, дає інструкцію самому браузеру і описує адресу ресурсу.
Наприклад: Ссылка на Main.htm <приклад> -це видима частина посилання.
В текстовому редакторі дане посилання може виглядати так:
<а HREF="Main.htm">Ссылка на Main.htm</A>.
Тут ключові слова Посилання на Main.htm є гіперпосиланням на файл лежачий в тій же директорії, що і поточний документ. Посилання на файл NJStats.htm, що лежить у вкладеній теці AtlanticStates можна описати використовуючи слеш:
<а HREF="AtlanticStates/NJStats.htm">New Jersey</A>
Це так звані відносні посилання - даючі адреси ресурсів знаходяться на одному комп'ютері. Ви також можете використовувати абсолютне ім'я файлу (повна мережна адреса) ніби:
<а href="http://www.Atlantic.com/AtlanticStates/NJStats
.htm"> New Jersey</a>
Посилання які ви даєте на документи знаходяться в мережі повинні бути абсолютними. Всі внутрішні посилання (забезпечуючі роботу вашої сторінки) повинні бути відносними, що б уникнути постійних виправлень сторінки при перенесенні її в іншу теку.
Гіперпосилання можна давати не тільки на зображення і текст, а абсолютно на будь-які файли. Наприклад якщо ви хочете розмістити у себе посилання на піратський архів з грою Doom2 що знаходиться в одній директорії з вашою сторінкою то пишіть приблизно так: <а href="doom2.zip">Doom2</a> В цьому випадку браузер відкриває вікно з питанням про збереження даного файлу на диску користувача.
3.7. Фрейми
Подібно таблицям <table.htm> фрейми ділять екран браузера на частини. Відмінність полягає в тому, що сторінка містить фрейми, взагалі не є сторінкою,
оскільки не має тіла тобто тега BODY. В ній повинні розташовуються теги FRAMESET які створюють розмітку для завантаження на екран одночасно декількох WEB-сторінок. Ліва частина цього підручника що містить зміст є фреймом
в який постійно завантажена самостійна сторінка -contents.htm Правий фрейм за
вантажується різними документами залежно від викликаного гіперпосилання. Розглянемо приклад фреймового документа:
|
<html><head> <title>Main_document</title> </head> <FRAMESET COLS="300,*"> <FRAME SRC="aaa.htm" name="frame_a"> <FRAMESET ROWS="50%,*"> <FRAME SRC="bbb.htm" name="frame_b"> <FRAME SRC="ccc.htm" name="frame_c"> </FRAMESET> </FRAMESET> </html> |
Схема фреймового документа
|
Перший тег <frameset cols="300,*"> ділить вікно браузера на дві колонки розмір першої з них 300 пікселів, розмір другий (*) - все місце, що залишилося. Тег <frame src="aaa.htm" name="frame_a"> містить посилання на документ який завантажуватиметься в перший фрейм і одночасно привласнює самому фрейму ім'я, по якому надалі можна буде завантажувати в нього інші сторінки, даючи на них гіперпосилання з параметром target="frame_a" Наприклад щоб дати посилання з frame_a на документи які повинні мінятися в frame_b потрібно розташувати в frame_a сторінку містить приблизно наступне:
<а href="EEE.htm" target="frame_b">Документ ЕЕЕ</a>
<а href="uuu.htm" target="frame_b">Документ UUU</a>
Тег <frameset rows="50%,*"> ділить другу колонку на дві подовжні смуги по 50% кожна. Якщо при складанні обох значень результат нерівний 100%, то браузер сам розрахує розміри фреймів пропорційно заданим значенням. Наступні два тега задають імена і URL для кожної з одержаних смуг по черзі. frameset вимагає закриваючого тега на відміну від frame. Якщо в теге frameset одночасно використову
ються обидва параметри cols і rows то створюється проста фреймова сітка :
|
<frameset cols="33%,33%,33%" rows="50%,50%"> <frame name="fr_1" src="a.htm"> <frame name="fr_2" src="b.htm"> <frame name="fr_3" src="c.htm"> <frame name="fr_4" src="d.htm"> <frame name="fr_5" src="e.htm"> <frame name="fr_6" src="f.htm"> </frameset> |
Схема фреймовой сетки:
|