- •1. Як влаштований internet
- •1.1. Що таке мережа Internet
- •1.2. Сервери в мережі Internet
- •1.2.1. Сервери ftp
- •1.2.2. Сервери Gopher
- •1.2.3. Поштові сервери
- •1.2.4. Сервери новин
- •1.2.5. Сервери www
- •1.3.1. З'єднання з сервером www
- •1.3.2. Сервер www
- •1.3.3. Статичні і динамічні документи html
- •1.3. Як працює сервер www
- •1.3.4. Зв'язок сервера www з субд
- •1.3.5. Органи управління ActiveX
- •1.3.6. Що таке орган управління ActibeX?
- •1.3.7. Мови програмування Java, JavaScript і vbScript
- •2. Створення документів html
- •2.1. Перша сторінка html
- •2.2. Структура документа html
- •2.2.1. Заголовок документа
- •2.2.2. Тіло документа
- •2.2.3. Вирівнювання параграфів тексту
- •2.3. Шрифтовое виділення
- •2.3.1. Зміна розміру шрифту
- •Мал. 2.4. Зміна розміру шрифту
- •2.4. Колір в документах html
- •2.4.1. Позначення кольору
- •2.4.2. Зміна кольору фону документа html
- •2.4.3. Зміна кольору тексту
- •2.4.4. Колір в інших елементах документа html
- •2.5. Зміна зображення шрифту
- •2.5.1. Фізичне форматування символів
- •2.5.2. Логічне форматування символів
- •2.5.3. Вставка заздалегідь отформатированного тексту
- •2.5.4. Вказівка шрифту по його назві
- •2.5.5. Виділення параграфа горизонтальною лінією
- •2.6. Організація списків
- •2.6.1. Неврегульовані списки
- •2.6.2. Нумеровані списки
- •2.6.3. Список каталогів
- •2.6.4. Список визначень
- •2.7. Рядок, що Біжить
- •2.8.1. Скасування кэширования сторінки
- •2.8.2. Автоматичне перезавантаження документа
- •2.8.3. Автоматичне завантаження іншого документа
- •2.8.4. Включення додаткових заголовків http
- •2.8.5. Визначення набору символів
- •2.9. Таблиці стилів
- •2.9.1. Способи використання стилів
- •3. Таблиці в документах html
- •3.1. Найпростіша таблиця
- •3.2. Як змінити зовнішній вигляд таблиці
- •3.3. Приклади оформлення таблиць
- •3.3.1. Таблиці із заголовком
- •3.3.2. Об'єднання елементів таблиці
- •3.3.3. Багатошарові заголовки
- •3.3.4. Таблиці з підписом
- •3.3.5. Вирівнювання тексту в елементах таблиці
- •3.3.6. Таблиці всередині таблиць
- •4. Графіка, анімація, відео і звук
- •4.1. Розміщення графічних зображень
- •4.2. Як вибрати формат графічного файла
- •4.2.1. Формат jpeg
- •4.2.2. Формат gif
- •4.2.4. Який формат краще
- •4.3. Прозорі зображення
- •4.4. Підготовка черезстрочних зображень
- •4.4. Анімация
- •4.4.1. Редактор gif Construction Set
- •4.4.2. Редактор Microsoft gif Animator
- •4.4.3. Редактор PhotoImpact gif Animator
- •4.5. Відеофрагменти в документах html
- •4.6. Звук в документах html
- •5. Посилання у документах html
- •5.1. Універсальний ідентифікатор ресурсів url
- •5.2. Вставка посилання
- •5.2.1. Посилання на інші документи
- •5.2.2. Локальні посилання усередині документа
- •5.3. Використання графіки в посиланнях
- •5.3.1. Вставка графічного зображення в посилання
- •5.3.2. Сегментированная графіка
- •5.3.3. Додаток Map This!
- •5.4. Посилання на різноманітні ресурси Internet
- •6. ФреймИ
- •6.1. Структура документа з фреймами
- •6.2. Визначення параметрів фреймов
- •6.3. Приклад документа html із фреймами
- •6.4. Плаваючі фреймы
- •7. Додатки cgi
- •7.1. Створення форм
- •7.1.1. Опис форми
- •7.1.2. Створення органів керування для форми
- •7.1.3. Приклад документа html із формою
- •7.2. Передача даних програмі cgi
- •7.2.1. Метод get
- •7.2.2. Метод post
- •7.2.3. Що краще - get або post
- •7.3. Передача відповіді з програми cgi
- •7.4. Перемінне середовище для програми cgi
- •7.5. Приклади програм cgi
- •7.5.1. Програма cgihello
- •7.5.2. Програма controls
- •7.5.3. Програма aref
- •7.5.4. Програма counter
6.4. Плаваючі фреймы
Навігатор Microsoft Internet Explorer дозволяє створювати ще один різновид фреймов - так називані плаваючі фреймы.
Плаваючий фрейм вставляется в документ HTML аналогічно графічному зображенню (мал. 6.2).
Мал. 6.2. Зразок документа HTML із плаваючим фреймом
Можна використовувати плаваючий фрейм не тільки для розміщення тексту в тексті, але і для організації посилань на інші документи.
Навколо плаваючого фрейма може розташовуватися текст або інші графічні зображення. Можна вказувати для фрейма такі ж атрибути вирівнювання, як і для графічних зображень. На жаль, навігатори Netscape Navigator і NSCA Mosaic ігнорують плаваючі фреймы, що обмежує область застосування останніх.
Плаваючий фрейм вставляется в документ HTML за допомогою оператора <IFRAME>, що завжди використовується в парі з оператором </IFRAME>. Для цього оператора можна задавати параметр ALIGN, що задає вирівнювання тексту, розташованого біля плаваючого фрейма, параметри WIDTH і HEIGHT, що задають розміри фрейма, а також параметри HSPACE і VSPACE, що застосовуються в операторі <IMG>.
Ще один параметр, що допустим при описі плаваючого фрейма, - FRAMEBORDER. Він може приймати значення 1 або 0. Якщо значення цього параметра дорівнює одиниці, що плаває фрейм полягає в тривимірну рамку (використовується по умовчанню), а якщо нулю - рамка не відображається.
Параметр SCROLLING може приймати значення "yes", "no" або "auto". Якщо зазначене значення "yes", вікно плаваючого фрейма буде мати смуги перегляду. Якщо "no" - смуг перегляду не буде. У тому випадку, коли для параметра SCROLLING зазначене значення "auto", смуги перегляду будуть створюватися тільки при необхідності, коли вміст документа не поміщається у вікні фрейма.
Нижче приведений вихідний текст документа HTML, у який уставлений плаваючий фрейм (листинг 6.1).
Листинг 6.1. Файл chap6\lFrames\home. htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Плаваючі фреймы в документах HTML</TITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<Н2>Розміщення плаваючих фреймов у документах HTML</H2>
Ви можете уключити всередину документа HTML плаваючий фрейм:
<P><IFRAME SRC="include.htm" ALIGN=LEFT></IFRAME>
Якщо зазначене вирівнювання по лівій межі, текст, розташований поруч із плаваючим фреймом, буде розташований справа від фрейма
<BR CLEAR=LEFT>A Цей текст розташовується нижче фрейма.
</ВОDY>
</НТМL>
У цьому документі визначений плаваючий фрейм, у який завантажується документ HTML, розташований у файлі include. htm (листинг 6.2).
Для виконання примусового переходу до нового рядка після фрейма використаний оператор <BR> із параметром CLEAR=LEFT.
Листинг 6.2. Файл chap6\IFrames\include. htm
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Документ для плаваючого фрейма</ТITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<Р>Вміст цього документа відображається усередині плаваючого фрейма.
<Р>Воно відображається у вікні, що має вертикальну смугу перегляду.
<Р>Якщо вміст документа, завантаженого в плаваючий фрейм, не поміщається у вікні фрейма, користувач може пролистать його за допомогою цієї смуги перегляду.
</BODY>
</HTML>
