8.2. Таблиці. 8.5. Фрейми

8. 2. Таблиці

Таблиці призначені для упорядкованого розміщення інформації, виведеної на Web-сторінці. Таблиці в HTML організовуються як набір стовпців і рядків. Осередок таблиці може містити будь-які дані: заголовки, текст, списки, абзаци, зображення, гіперпосилання, компоненти форм тощо.

Авторам надається можливість працювати над структурою і компонуванням таблиці (наприклад, використання групи чи стовпців колонок тексту). Можливість дизайнера рекомендувати ширину стовпців дає змогу агентам користувачів відображати дані таблиці поступово (у міру їхнього отримання) і не чекати всієї таблиці до створення зображення у вікні браузера.

Структура таблиць у HTML включає рядки і стовпці, що можуть мати заголовки (headers - імена, титули, пояснення). Заголовок (елемент CAPTION) надає короткий опис таблиці. Можна також вказати і більш довгий опис (за допомогою атрибута summary) для зручності людей, що використовують агентів на базі абетки Бройля чи мови.

Таблиця в звичайному варіанті представляється в природньому вигляді, з узгоджено розташованими стовпцями. У HTML таблиці елементи звичайно називають осередками, щоб уникнути змішування з табличним елементом (TABLE element), що в описі HTML відповідає всій таблиці.

Рядки таблиці можуть групуватися в розділи заголовків, нижніх заголовків і тіла за допомогою елементів THEAD, TFOOT і TBODY відповідно. Групи рядків convey несуть додаткову структурну інформацію і можуть генеруватися агентами користувачів різними способами, що відображають цю структуру. Агенти користувачів можуть використовувати підрозділ на заголовки (тіло) нижні заголовки для підтримки прокручування тіла незалежно від заголовків. При друці довгих таблиць інформація з заголовків може повторюватися на кожній сторінці таблиці.

Більш того, автори можуть повідомляти властивості стовпців на початку визначення таблиці (за допомогою елементів COLGROUP і COL) таким чином, щоб агенти користувачів могли генерувати таблицю послідовно, а не чекати зчитування всіх даних таблиці перед тим, як почати генерацію.

8. 4. Форми

Форми використовуються для введення інформації. Їх можна порівняти з бланками чи анкетами: вони містять поля для заповнення, або списки для вибору одного з елементів і т. д. Важливим є визначення структури форми.

Форми реалізуються у виді наборів інтерфейсних елементів, створених засобами HTML, що надають користувачам можливість вводити інформацію і відсилати її на сервер. З погляду HTML, форма - це упорядкований набір елементів, що описують її структуру. У складі форми можуть використовуватися рядки введення, кнопки з залежною і незалежною фіксацією, списки і т. п. Звичайно форма має спеціальну кнопку SUBMIT, натискання якої приводить до відсилання вмісту форми на сервер для наступної обробки. Обробкою форм займаються сценарії CGI і ASP.

8. 5. Фрейми

Фрейми в HTML дають змогу авторам представляти документи в декількох розділах, що можуть бути незалежними чи вкладеними вікнами. Це забезпечує дизайнерам можливість залишати деяку інформацію видиму, у той час як інша інформація прокручується чи замінюється. Наприклад, в одному вікні в одному фреймі може відображатися статистичний баннер (рекламна картинка), у другому - навігаційне меню, а в третьому - сам документ, який можна прокручувати чи переходити до іншого за допомогою навігації в другому фреймі.

Візуально фрейм представляється у виді частини вікна чи перегляду сторінки. Дизайнер Web-сторінки розділяє екран браузера на частині. У результаті відвідувач Web-сторінки може вивчати одну частину сторінки незалежно від іншої частини. Фактично браузер, що розпізнає фрейми, завантажує різні сторінки в різні секції, чи фрейми, екрана. Наприклад, можна побудувати сторінку таким чином, щоб фірмовий знак і основні атрибути Web-сторінки були зафіксовані у верхній частині екрана (у виді статичної незмінної частини), у той час як іншу частину сторінки користувач прогортає звичайним способом. Можна розташувати збоку кнопки навігації, що не переміщаються, коли читач клацає на них мишею, так що змінюється тільки частина екрана, а сама смужка навігації залишається нерухомою.

Але вставка в Web-сторінку фреймів приводить до скорочення області візуалізації інших даних. Тому необхідно шукати оптимальний варіант представлення даних у Web-сторінці, у тому числі і з використанням фреймів.

Фреймова структура визначає спосіб організації екрана з фреймами і вказує, де знаходиться початковий вміст кожного фрейму. Для усіх фреймів задаються URL-адреси, що описують місцезнаходження даних. Як правило, на Web-сторінці з фреймовою структурою немає вмісту фреймів. Така сторінка звичайно описує тільки кадрову структуру екрана.

HTML-документ, що включає фрейми, відрізняється від HTML-документа без фреймів. Стандартний HTML-документ має один розділ HEAD і один розділ BODY. Документ із фреймами має розділ HEAD і роздягнув FRAMESET, що заміняє розділ BODY.

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

Керуючі елементи, розміщуються звичайно в розділ BODY, не повинні бути присутнім до першого елемента FRAMESET. Інакше елемент FRAMESET буде ігноруватися.