Визначення параметрів кадрів

Тег <FRAMESET> має два головних атрибути: ROWS і COLS, що задають розбивку на рядки й стовпці відповідно. Нижче приведений вид контейнера FRAMESET:

<FRAMESET ROWS=" список значень" COLS=" список значень ">

...

</FRAMESET>

Можна визначити будь-як число рядів і стовпців; необхідною умовою є вказівка хоча б одного з атрибутів ROWS або COLS.

Кадр не може бути єдиним: якщо ви визначили єдиний ряд і єдиний стовпець, то програма перегляду проігнорує контейнер FRAMESET, і екран залишиться порожнім. Якщо визначені, принаймні два ряди або два стовпці, інший атрибут може бути опущений (йому за замовчуванням буде привласнене значення, рівне 100%).

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

Приклад
Для завдання сітки кадрів із трьох рядів, висота яких 100, 240 і 140 пікселів відповідно, використовуйте тег

<FRAMESET ROWS="100,240,140">

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

Приклад
Тег <FRAMESET ROWS="25%, 50%, 25%"> задасть три кадри, розміром по 25%, 50% і 25% від висоти вікна браузера.

Щодо точності вказівки розмірів фреймів у відсотках можна не турбуватися: якщо сума значень не дорівнює 100%, то масштаб кадрів буде пропорційно змінений.

Завдання параметрів кадрів у відносних одиницях виглядає приблизно так:

<FRAMESET COLS="*,2*,3*">

Символ * позначає пропорційний розподіл вікна програми перегляду. У даному прикладі вікно буде розділено на три вертикальних кадри, перший з яких буде мати ширину - 1/6, другий - 2/6 (або 1/3) і третій - 3/6 (або 1/2) від ширини вікна браузера. Одиниця при указівці відносних значень може бути опущена.

Указівка значень атрибутів ROWS і COLS може бути і змішаним, що включає будь-яке сполучення абсолютних розмірів, процентних відносин і відносних значень, наприклад,

<FRAMESET COLS="100,25%,*,2*">

Тут першому кадрові привласнене абсолютне значення в 100 пікселів по ширині, другому - 25% від ширини вікна. Простір, що залишився, поділяється між третім і четвертим кадрами в пропорції 1 до 2.

Пріоритети у вказівках значень атрибутів такі: у першу чергу (ліворуч праворуч) приділяється місце для кадру з абсолютним значенням, потім - для кадру зі значенням у відсотках, і в останню чергу - для кадрів із відносними величинами.

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

При визначенні обох атрибутів виходить сітка кадрів, наприклад, тег

<FRAMESET ROWS="*,2*,*" COLS="2*,*">

задає сітку з трьох рядів і двох стовпців. У даному прикладі перший і останній ряди займають по 1/4, другий ряд - половину від висоти вікна. Перший стовпець займає 2/3, а другий - 1/3 ширини вікна браузера.

Тег <FRAME>

Тег <FRAME> визначає окремий кадр. Він повинний розташовуватися усередині контейнера FRAMESET.

Приклад

<FRAMESET ROWS="*,2*">

<FRAME>

<FRAME>

</FRAMESET>

Помітьте, що цей тег не є контейнером і, на відміну від тега <FRAMESET>, не має закриваючого тега.

Число тегов <FRAME> обов'язково повинне дорівнювати числу кадрів, визначених у теге <FRAMESET>. У нашому прикладі визначено два кадри, тому контейнер містить відповідну кількість тегов <FRAME>. Поки кадри нічим не заповнені.

У HTML тег <FRAME> має шість атрибутів: SRC, NAME, MARGINWIDTH, MARGINHEIGHT, SCROLLING і NORESIZE. Синтаксис використання цих атрибутів:

<FRAME SRC="URL" NAME="ім'я_вікна"

SCROLLING=yes|no|auto MARGINWIDTH="значення"

MARGINHEIGHT="значення" NORESIZE>

Використовувати всі атрибути необов'язково. Найчастіше ви будете користуватися тільки одним атрибутом - SRC. Рядок

<FRAME SRC="URL">

визначає URL-адреса вмісту кадру. Це звичайно, файл HTML-документа, розташований у тім же каталозі, що і документ, що містить контейнер FRAMESET, наприклад,

<FRAME SRC="first.html">

Цей документ, повинний бути повноцінним HTML-документом, тобто містити всі обов'язкові частини (контейнери HTML, HEAD, BODY і т.д.).

У випадку, якщо програма перегляду не зможе знайти зазначений файл, кадр не буде побудований, і браузер виведе повідомлення про помилку. Якщо ж у тегі зовсім не зазначений атрибут SRC, кадр буде створений і залишений порожнім.

Текст, заголовки, графіка й інші елементи не можуть прямо включатися в документ із кадрами. Усі вони повинні вводитися тільки за допомогою вказівки URL-адреси елемента. Якщо контейнер FRAMESET містить "стороннє тіло", воно буде виведено, а кадри цілком проігноровані.

Атрибут MARGINWIDTH=n задає розміщення ліворуч і праворуч від умісту кадру областей вільного простору висотою по n пікселів, а MARGINHEIGHT=n, відповідно, зверху й знизу.

Значення цих атрибутів завжди повинні вказуватися в абсолютних значеннях (пікселах). Так, тег

<FRAME MARGINHEIGHT="5" MARGINWIDTH="7">

створить внутрішню рамку на верхній і нижній границях кадру шириною в 5 пікселів, а на лівій і правій границі - шириною в 7 пикселів. Усередині цієї рамки дані виводитися не будуть. Ці атрибути не мають нічого загального з рамкою кадру, обумовленої браузером, або, що задається при допомозі атрибута BORDER.

До побудованим вами кадрам автоматично додаються смуги прокручування, якщо зміст кадру більше його розміру. Іноді це може порушити естетику сторінки, тому в HTML передбачений атрибут SCROLLING тега <FRAME>, що має наступний формат:

<FRAME SCROLLING="yes|no|auto">

Цей атрибут може приймати одне з трьох значень: yes, no і auto. Останнє значення мається на увазі за замовчуванням, тобто коли атрибут не визначений. Якщо зазначено значення yes, смуга прокручування з'явиться в будь-якому випадку, значення no забороняє поява смуги. Визначення атрибута SCROLLING, наприклад, може бути наступним:

<FRAME SCROLLING=yes>

За замовчуванням розміри кадрів можуть легко змінюватися читачами, однак зрозуміло, що це може сильно порушити авторський задум. Тому ви, швидше за все, захочете використовувати атрибут NORESIZE тега <FRAME>, що забороняє можливість зміни вигляду вашої сторінки:

<FRAME NORESIZE>

Цей атрибут не має значень. Указавши його в одному кадрі, ви тим самим забороните змінювати розміри і всі суміжні кадри. Як правило, цього буває досить, щоб "закріпити" рамки всіх кадрів сторінки на місці.

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

Для визначення рамки кадру в HTML існують три атрибути: BORDER, FRAMEBORDER і BORDERCOLOR. Перший з цих атрибутів використовується тільки з тегом <FRAMESET> і встановлює ширину всіх рамок для всіх кадрів контейнера FRAMESET. Ця величина вказується в пікселах, наприклад,

<FRAMESET BORDER="10">

Якщо цей атрибут нульовий, то всі кадри контейнера будуть без рамок. За замовчуванням атрибут BORDER має значення 5.

Атрибут FRAMEBORDER використовується з тегами <FRAMESET> і <FRAME> і може приймати два значення: yes або no. У випадку yes рамка має тривимірну форму. Якщо FRAMEBORDER="no", рамка невидима, тобто вона має колір тла вікна браузера, установлюваного за замовчуванням.

За замовчуванням атрибут FRAMEBORDER має значення yes, тобто передбачає наявність тривимірної рамки. Рамка кадру буде невидимою, якщо значення FRAMEBORDER="no" установлено для всіх кадрів, суміжних із ним.

Атрибут BORDERCOLOR може використовуватися з тегами <FRAMESET> і <FRAME>. Йому може бути привласнене стандартне ім'я кольору або RGB-значення.

Приклад

<FRAMESET BORDERCOLOR="red" ROWS="*,*">

<FRAME SRC="first.html" BORDERCOLOR="#FF00FF">

<FRAME SRC="first.html">

</FRAMESET>

Тут атрибут BORDERCOLOR тега <FRAMESET> установлює червоний колір рамок ("red"), однак такий само атрибут тега <FRAME> скасовує це значення і визначає колір рамки першого кадру як фіолетовий. У результаті другий кадр, у якому колірний атрибут не визначений, буде мати частину рамки фіолетову (на стороні, суміжної з першим кадром), а іншу частину рамки - червону.

Якщо ж у двох суміжних кадрах визначені свої власні атрибути BORDERCOLOR, то жоден із них не буде мати сили. Колір їхніх рамок буде визначатися відповідним атрибутом контейнера FRAMESET.

Тег META

Спеціальна група інструкцій <META>, призначена в основному для опису й індексування документа пошуковими машинами. Усі теги META не видні при перегляді документа. Команди <META> вносяться в усередині блоку <HEAD>...</HEAD>. Закриваючий тег </META> заборонений

<META HTTP-EQUIV="Content-Type" CONTENT="text/html; CHARSET=Windows-1251">

Використовується для того, щоб браузер міг правильно відобразити вміст сторінки і для визначення пошуковою машиною мови, на якому написана сторінка

<META name="author" content="Arni Schwarz">

Використовується для вказівки імені автора. Пошукові системи можуть знайти потрібний сайт по імені автора (або знайти самого автора).

<META name="keywords" content="META, HTML, WWW, Web, павутина, пошук, визначення, рекомендації, приклади використання, підручник, керівництво, інформація, довідка, Netscape, Microsoft Internet Explorer">

Список термінів і ключових слів це те, що є самим головним при індексуванні Вашого сайта пошуковою машиною! Довжина вмісту тегів МЕТА "keywords" не повинна перевищувати 1000 символів

<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

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

<META HTTP-EQUIV="MSThemeCompatible" Content="No">

Підтримка інтерфейсу, використовуваного в Windows XP. Якщо ви користуєтесь Windows XP, то Internet Explorer 6 використовує новий зовнішній вигляд деяких елементів (кнопки, смуги прокручування), як у Windows XP. Ви може відключити цю підтримку

Порядок виконання роботи.

1. Використовуючи довідкову інформацію програми tags.chm ознайомитися із засобами створення фреймів та наданням довідкової інформації для пошукових систем (теги <FRAMESET>,<FRAME>, <META>).

2. Розглянути приклад, де використовуються теги перелічені у пункті 1. Відкрити за допомогою браузера файл Index.html, який знаходиться у папці “Лабораторна робота_4”, та перевірити його роботу шляхом почергових викликів HTML - файлів на які є посилання.

3. Продивитися та проаналізувати файл Index.html у вигляді HTML – коду. Зверніть увагу на атрибути та параметри, що використовуються в тегах. Довідкову інформацію отримайте з програми tags.chm.

4. Розробити персональну (довільну) WEB- сторінку із використанням фреймів. Можливо вікористання WEB- сторінок з попередніх лабораторних робот.

5. Розробити персональну (довільну) WEB- сторінку із використанням плаваючих фреймів (кількість не менше двох). Можливо використання WEB- сторінок з попередніх лабораторних робот.