- •Розділ 1. Основні компоненти електронних видань
- •Розділ 1. Основні компоненти електронних видань
- •1.1. Текстова інформація
- •1.2. Напівтонові і кольорові ілюстрації
- •1.3. Анімаційна графіка
- •1.4. Відеоінформація
- •1.5. Аудіоінформація
- •Розділ 2. Технології гіпертекстових видань
- •2.1. Функції гіпертекстових електронних видань
- •2.2. Принципи побудови гіпертекстових видань
- •2.3. Математична модель гіпертексту
- •2.4. Гіпертекстові Web-документи
- •2.5. Підготовка публікацій у середовищі Adobe Acrobat
- •2.6. Технологія Help-файлів
- •2.7. Засіб доставки електронних видань
- •2.8. Класифікація і загальні принципи оформлення електронних видань
- •Розділ 3. Цифрове представлення текстової інформації
- •3.1.Стандарти кодування символів ascii, ansi, кои-8 і unicode
- •3.2.Формат pdf
- •3.3.Формат розмітки тексту rtf
- •Розділ 4. Графічні формати
- •4.1. Растровий формат gif
- •4.2. Формат графічних файлів png
- •4.3. Графічний формат jpeg
- •4.4. Формат tiff
- •5.1. Сімейство форматів mpeg
- •5.2. Звукові формати
- •5.3. Анімаційні файлові формати fli, flc, cel
- •Розділ 6. Програми перегляду Web-публікацій
- •6.1. Доступ до Web-сторінки в Internet
- •6.2. Програма перегляду ms Internet Explorer
- •6.3. Програма перегляду Netscape Navigator
- •7.4. Мова JavaScript
- •Визначення файлу для JavaScript
- •Використання JavaScript-виразів в якості значень html-атрибутів
- •Оголошення JavaScript-програми як оброблювача подій
- •7.5. Мова програмування сценаріїв php
- •Завантаження файлів
- •Регулярні вирази
- •7.6. Мова Perl
- •7.7. Мова моделювання віртуальної реальності vrml
- •Розділ 8. Програмування Web-сторінок у мовному середовищі html
- •8.1. Структура і форматування html-документа
- •8.2. Таблиці
- •8.4. Форми
- •8.5. Фрейми
- •8.8. Гіперпосилання
- •8.9. Таблиці стилів
- •Розділ 9. Автоматизація створення Web-публікацій. Програмний пакет Macromedia Dreamweaver
- •9.1. Призначення та функціональні можливості пакету
- •9.2. Структурна схема програмного пакету
- •9.3. Інтерфейс користувача і принципи його організації
- •9.4. Деякі типові процедури пакета Dreamweaver
- •9.4.1. Робота з текстом
- •9.4.2. Вставка зображень
- •9.4.3. Створення карти зображення
- •9.4.4. Робота з таблицями
- •9.4.5. Створення форм
- •9.4.6. Робота з фреймами
- •9.4.7. Робота із шарами
- •9.5. Використання інтерактивних можливостей і анімації
- •9.6. Створення Web-сайту
- •Розділ 10. Програмний пакет ms FrontPage
- •10.1. Функціональні можливості програмного пакету
- •10.2.Структурна схема пакету
- •Розділ 11. Створення мультимедійних видань. Програмний пакет Macromedia Director
- •11.1.Функціональні можливості програмного середовища
- •11.2. Інтерфейс користувача
- •Література
- •Технологія розробки електронних видань
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 буде ігноруватися.
8.7. Об'єкти
Функції мультимедіа у версії 4.0 мови HTML значно розширені за рахунок введення нового керуючого елемента HTML - OBJECT (Об'єкт). З його допомогою в Web-сторінки можна включати зображення, аплети (програми, що автоматично завантажуються і виконуються на машині користувача), відеокліпи й інші компоненти мультимедіа у форматі HTML. Передбачається, що цей керуючий елемент дасть змогу вирішити проблему включення нових і можливих у майбутньому типів пристроїв.
Елемент OBJECT дає змогу авторам HTML-документів вказувати інформацію, необхідну для представлення об'єкта агентом користувача: вихідний код, початкові значення і робітники дані. У цій специфікації термін "об'єкт" використовується для опису всіх об'єктів, що включаються в HTML-документи.
Для включення одного HTML-документа в іншій можуть використовуватися нові елементи IFRAME чи OBJECT. В обох випадках упроваджуваний документ не залежить від основного документа. Візуальні агенти користувачів можуть представляти впроваджуваний документ у вигляді окремого вікна в основному документі.
З об'єктами, що включаються, можуть бути зв'язані посилання. Використовуються стандартні механізми посилань, а також навігаційні карти (image maps). Нагадаємо, що навігаційній карті задаються геометричні області об'єкта, що включається, і кожній з них призначається посилання. При активізації посилання можуть викликати завантаження документа, запускати програму на сервері і т.д.
Керуючий елемент OBJECT - загальний впроваджений об'єкт. У записі HTML-документа початковий і кінцевий теги обов'язкові.
