- •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
3.3.5. Вирівнювання тексту в елементах таблиці
За допомогою параметрів ALIGN і VALIGN можливо виконувати вирівнювання тексту, розташованого в елементах таблиці. У лістинг 3.9 приведений початковий текст документа HTML, що містить досить складну таблицю з багатошаровими заголовками, розташованими як зверху, так і зліва від таблиці. У операторах, що визначають елементи таблиці, використані різні комбінації параметрів вирівнювання.
Лістинг 3.9. Файл chap3\align.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Вирівнювання в таблицях</ТITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<TABLE BORDER>
<TR><TD><TH ROWSPAN=2></TH><TH COLSPAN=3>Тип вирівнювання</ТН></TD></TR>
<TR><TD><ТН>По лівому краю</ТН><ТН>Центруванню</ТН><ТН>По правому краю</ТН></TD></TR>
<TR><ТН ROWSPAN=2>Напрям</ТН><ТН>По вертикалі</ТН><ТD>Цього текст вировнен по лівому краю</TD><TD ALIGN=CENTER>Цей текст отцентрован</ТD>
<TD ALIGN=RIGHT>Цей текст вировнен по правому краю</ТD></TR>
<TR><ТН>По горизонталі</ТН><TD VALlGN=TOP>Bepxy</TD><TD ALIGN=CENTER>nocepeдине</TD><TD VALIGN=BOTTOM ALIGN=RIGHT>Внизу</TD></TR>
</ТАВLЕ>
</BODY>
</HTML>
Зовнішній вигляд таблиці показаний на мал. 3.10.
|
|
Тіп вирівнювання |
|
|
По лівому краю |
Центрування |
По правому краю |
||
Напрямок |
По вертикалі |
Цей текст вировнен по левому краю |
Цей текст отцентрюван |
Цей текст вировнен по правому краю |
По горизонталі |
Уверху |
Посередині |
Унизу |
|
МАЛ. 3.10. Різні способи вирівнювання тексту в елементах таблиці
3.3.6. Таблиці всередині таблиць
Таблиці можуть містити в своїх осередках багато які об'єкти, допустимі в документах HTML. Зокрема, можна розмістити всередині елемента таблиці іншу таблицю, створивши таким чином вкладені таблиці.
У лістинг 3.10 приведений початковий текст документа HTML, в якому створюється така вкладена таблиця.
Лістинг 3.10. Файл chap3\nested.htm
<!"DOCTYPE HTML PUBLIC -//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<ТITLE>Вкладати таблиці</ТITLE>
</HEAD>
<BODY BGCOLOR=#FFFFFF>
<TABLE BORDER>
<TR><TD>
<TABLE BORDER>
<TR><TD>01</TD><TD>02</TD></TR>
<TR><TD>11</TD><TD>12</TD></TR>
</TABLE>
</TD>
<TD>001</TD><TD>002</TD>
</TR>
<TR><TD>100</TD><TD>101</TD><TD>102</TD></TR>
<TR><TD>200</TD><TD>201</TD><TD>202</TD></TR>
</TABLE>
</BODY>
</HTML>
Ha мал. 3.10 показаний зовнішній вигляд таблиці, що містить в лівому верхньому осередку іншу таблицю.
МАЛ. 3.11. Вкладена таблиця
4. Графіка, анімація, відео і звук
У цьому розділі буде розказано про те, як надихнути сторінки сервера WWW, розмістивши на них графічні зображення, відеофрагменти, анімацію, а також звук, - словом, мультімедійну інформацію.
Для підготовки мультімедійной інформації можуть бути потрібні спеціальні додатки, такі, як графічні редактори, кошти введення і обробки звуку. Як приклад можна назвати такі графічні редактори, як Corel Draw і Adobe Photoshop.
Не виключено, що доведеться придбати відеокамеру, адаптер для введення відеосігнала від відеомагнітофона або відеокамери, а також редактор файлів з відеофрагментами. Раніше розглянуті основні кошти і методики, користуючись якими можна самостійно створювати невеликі відеофрагменти в форматі файлів AVI.
Якщо немає достатніх художніх талантів, необхідних для створення графічних зображень або відеофрагментів, можливо їх замовити у художника або придбати окремо. У будь-якому випадку треба потурбуватися про дотримання авторських прав на всю інформацію, яку мається намір опублікувати на сервері WWW, а також на всі додатки, які будуть встановлені як розширення сервера (програми CGI або розширення типу ISAPI).
