http://leontyev.at.ua

1. ЭФФЕКТИВНЫЙ САМОУЧИТЕЛЬ
i^k
о
Крис Джамса,
Конрад Кинг,
Энди Андерсон
HTML, XHTML, CSS, JavaScript, PHP, ASP, ч
ActiveX. Текст, графика, звук и анимация
детально рассматриваются
Подробное руководство по HTML и XHTML
Разработка реальных WebИсчерпывающие сведения по CSS
приложений с помощью РНР
Профессиональная
Построение динамических сайтов с
обработка графического
использованием JavaScript
содержимого
Использование технологий ASP и ActiveX
О
книга-почтой
интернет-магазин

2. КрисДжамса, Конрад Кинг, Энди Андерсон
Эффективный самоучитель по
креативному Web-дизайну.
HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX.
Текст, графика, звук и анимация
Москва • Санкт-Петербург • Киев

3. HTML
& Web Design
Tips & Techniques
Kris Jamsa
Konrad King
Andy Anderson
McGraw-Hill/Osbome
New York • Chicago • San Francisco • Lisbon • London •
Madrid • Mexico City • Milan • New Delhi •
San Juan Seoul • Singapore • Sydney • Toronto

4. Эффективный самоучитель
по креативному
Web-дизайну
HTML, XHTML, CSS,
JavaScript, P H P, AS P, ActiveX.
Текст, графика, звук и анимация
КрисДжамса
Конрад Кинг
Энди Андерсон
ГТТТШВ торгом -«адимьскин дом
Ш DiaSoft
москва • Санкт-Петербург • Киев
2005

5. Б Б К 32.973.2
УДК 681.3.06(075)
Д78
Джамеа Крис
Д 78
Эффективный самоучитель по креативному Web-дизайну. HTML, XHTML, CSS,
JavaScript, P H P , ASP, ActiveX. Текст, графика, звук и анимация. Пер с англ./Крис
Джамса, Конрад Кинг, Энди Андерсон - М.: ООО «ДиаСофтЮП», 2005.- 672 с.
ISBN 5-93772-128-4
Книга одного из наиболее известных «гуру» в области Wfeb-дизайна, Криса Джамса, Эффективный самоучитель по креативному Web-дизайн. HTML, XHTML, CSS, JavaScript, PHP, ASP, ActiveX.
Текст, графика, звук и анимация является не просто очередным учебным пособием в этой сложной и
многогранной области, изобилующей множеством разнообразных технологий и приемов. Это настоящая «книга рецептов» для тех, кто желает быстро и эффективно получить минимальных набор знаний
и навыков, дабы немедленно приступить кразработке Web-сайтов профессионального качества. Удачно
подобранные примеры и их решения в реальных ситуациях, простой и точный стиль изложения, большой объем работающего кода и иллюстраций — вот лишь несколько очевидных достоинств книги,
выгодно отличающих ее от множества ей подобных. В ней приводятся оптимальные решения более чем
300 задач, возникаю щихв повседневной практике, программирования для Web. Подробно рассматриваются такие вопросы, как создание динамических сайтов с использованием HTML, JavaScript и
CSS-стилей, внедрение мультимедиа-элементов в Web-страницы, подготовка мультимедиа-содержимого, создание и использование Java-аплетов и ActiveX-объектов, написание серверных сценариев на
РНР и ASP, создание баз данных для Web и многие другие. Большое внимание уделяется вопросам
производительности и готовности Web-сайтов, а также методике повышения безопасности пользователей и защите критически важной информации.
Книга рекомендуется, в первую очередь, тем, кто совершает первые шаги в области разработки для
Wfeb, однако принесет несомненную пользу и профессионалам, за плечами которых имеется солидный
опыт создания Web-приложений.
ББК 32.973.2
Original edition copyright © 2003 by McGraw-Hill Companies as set forth in copyright notice of
Proprietor's edition. All rights reserved.
Russian language edition copyright © 2004 by DiaSoft Publishing House. All rights reserved.
Лицензия предоставлена издательством McGraw-Hill/Osborne.
Все правазарезервированы, включая право на полное или частичное воспроизведение в какой бы то ни было форме.
Материал, изложенный в данной книге, многократно проверен. Но поскольку вероятность технических ошибок все равно остается, издательство не может гарантировать абсолютную точность и правильность приводимых
сведений. В связи с этим издательство не несет ответственности за возможные ошибки, связанные с использованием книги.
Все торговые знаки, упомянутые в настоящем издании, зарегистрированы. Случайное неправильное использование или пропуск торгового знака или названия его законного владельца не должно рассматриваться как
нарушение прав собственности.
ISBN 5-93772-128-4 (рус.) © Перевод на русский язык. ООО «ДиаСофтЮП», 2005
ISBN 0-07-219394-8 (англ.) © McGraw-Hill/Osborne, 2003
© Оформление. ООО «ДиаСофтЮП», 2005
Гигиеническое заключение №77.99.6.953.П.438.2.99 от 04.02.1999

6. Оглавление
Введение
Глава 1. Основы языка HTML
12
19
Роль Web-браузеров и Web-страниц
Контейнернье HTML-дескригтгоры
HTML-дескригтторы разделов
Пустые HTML-дескригтгоры
Создание
Управление форматированием текста
21
23
24
25
Web-страницы
25
26
Атрибуты в HTML
;
Работа со шрифтами
;
Назначение одного и того же набора атрибутов множеству элементов страницы
28
29
30
Создание Web-страниц с помощью текстовых редакторов, текстовых процессоров
и
программ
компоновки
Web-страниц
Работа с относительными и абсолютными адресами файлов
30
34
Загрузка и установка персонального Web-сервера
Работа с персональным Web-сервером и публикация Web-страниц
Описание содержимого Web-страницы при помощи заголовка
Идентификация Web-документов с помощью определения типа документа
Вставка комментариев в Web-документы
Определение гарнитуры шрифта текста Web-страницы
Управление структурой текста с помощью дескрипторов абзаца и перевода строки
35
38
42
44
45
47
48
;
Изменение размера текста с помощью дескрипторов уровней заголовков и атрибута size дескриптора шрифта 52
Изменение цвета текста в HTML-документе
Добавление графики в Web-страницу с помощью базового дескриптора <img>
Изменение выравнивания текста и графики
53
55
57
,
Добавление гипертекстовых ссылок
Выделение отдельных букв и слов с помощью дескрипторов форматирования символов
Использование специальных символов в HTML-документах
Использование горизонтальных линий для структурирования Web-содержимого
Использование дескрипторов блоков цитирования для управления левым и правым отступами текста
Создание упорядоченных и неупорядоченных списков
Создание вложенных списков
,
Создание списков определений
59
61
,63
64
66
68
70
71
Использование дескрипторов предварительно форматированного текста для управления
отображением Web-содержимого
Отображение навигационного меню в фрейме Web-страницы
Одновременный вывод на экран нескольких Web-страниц
'
72
73
76
Глава 2. HTML-таблицы
79
Понимание HTML-дескрипторов, используемых для создания таблиц
83
Создание таблиц с ячейками, объединяющими несколько столбцов и несколько строк
Работа с шириной границы таблиц и ячеек
Работа с цветами границ таблицы и ячеек
Работа с фоновыми изображениями и цветами
Определение значения цветового атрибута
Работа с полями ячеек и расстоянием между ячейками таблицы
Задание размеров таблицы с помощью относительных и абсолютных значений
Задание размеров ячеек с помощью относительных и абсолютных величин
Выравнивание содержимого ячейки по горизонтали и по вертикали
Выравнивание таблицы на Web-странице
89
91
93
95
98
100
101
102
104
105

7. Оглавление
Управление шириной и высотой ячейки с помощью вставки прозрачного GIF-изображения
107
Обтекание текстом изображения
109
Отображение с помощью таблицы галереи миниатюр
Создание маркеров и списков с помощью таблиц и графики
110
112
Создание бокового навигационного меню с помощью таблицы
114
Добавление графики и ссылок в ячейки таблицы
Управление границами на Web-странице с помощью вложенных таблиц
Составление навигационной карты путем помещения фрагментов изображения в таблицу
115
116
117
Разрезание графического изображения на фрагменты для вставки в ячейки таблицы с целью создания
быстрозагружаемой Web-графики
Снижение времени, затрачиваемого Web-браузером на рисование таблицы
118
120
Имитация фреймовой Web-страницы с помощью таблицы
121
Привлечение внимания посетителя с помощью цвета фона ячеек
Визуальное выравнивание содержимого Web-страницы с помощью видимых границ таблицы
Управление расстоянием между колонками и шириной полей текста на Web-странице
123
124
126
Глава 3. HTML-формы
128
Обработка HTML-форм
Дескрипторы и атрибуты, используемые для создания форм
130
132
Создание на форме однострочного поля ввода
Создание на форме многострочного поля ввода
Проверка данных текстового элемента перед передачей результатов заполнения формы
Создание на форме флажков
-.
135
136
138
140
Создание на форме переключателей
Проверка выбора группы переключателей перед передачей результатов формы
142
143
Создание на форме выпадающего списка (меню выбора)
146
Проверка выбора элемента списка перед передачей результатов формы
148
Изменение элементов списка выбора н а основании введенных посетителем д а н н ы х . . . 1 5 0
Передача всех значений списка выбора на Web-сервер с использованием скрытых полей
152
Создание на форме кнопки Reset
153
Предотвращение случайной очистки посетителем элементов формы
155
Создание на форме кнопки Submit
156
Замена стандартных кнопок Submit и Reset другими графическими изображениями
157
Отправка результатов формы по электронной почте без использования Щ l-сценария
159
Управление расположением элементов и текста формы с помощью HTML-таблиц,
161
Создание клавиши быстрой навигации по форме с помощью дескриптора <label>
163
Указание Web-браузеру выполнять функцию проверки данных формы с помощью атрибута onClick
Передача значений Wfeb-серверу с помощью скрытых полей
Сокрытие ввода пользователя от просмотра в поле ввода пароля
165
166
167
Вставка на форму кнопки общего типа
Блокирование и разблокирование элементов формы • лету"
168
169
Глава 4. Каскадные списки стилей
172
Разделение содержимого и внешнего вида
Создание списка стилей
Добавление на Afeb-страницу каскадного списка стилей
Выбор типа шрифта с помощью свойства font-family.
Задание размера текста с помощью свойства font-size
Создание перекрывающегося текста
175
176
180
188
;
189
192
Выравнивание текста на Шэ-странице
194
Установка полей и высоты строк
Вывод текста в колонках
Работа с границами
Создание абзацного отступа и работа с интервалами между буквами, словами и строками
196
198
201
203

8. Оглавление
Использование в тексте начальных заглавных букв
205
Настройка внешнего вида гиперссылок
Создание эффекта отбрасывания тени
207
209
Использование графических границ
Расположение фоновых изображений и "водяных знаков"
210
212
Плавающие изображения и текст.
Настройка внешнего вида списков
215
217
Создание эффектов текста и изображений с помощью фильтров
Выравнивание надписей с элементами формы и добавление цветов в форму.
'.
219
222
Вывод на странице галереи миниатюр с заголовками
Управление курсором
224
227
Расположение элементов Web-страницы по слоям
Передача списка стилей через функцию проверки
229
231
Глава 5. XHTML и новые тенденции
234
Требования ксозданиюкорректныхХНТМЬдокументов
236
Что еще нужно знать о XHTML?
Преобразование H T M L B X H T M L C помощью HTMLTidy
245
249
Выбор правильного значения йОСТУРЕдля Web-страницы
Проверка Web-страницы с помощью функции проверки XHTML
Установка размера текста на XHTML-странице с помощью ключевых слов
Группировка элементов списка выбора XHTML-формы с помощью дескриптора <optgroup>
Добавлеия цветов в XHTML-таблицы с помощью правил каскадных списков стилей
Внедрение шрифтов на XHTML-страницу с помощью правил каскадных списков стилей
Вставка одной XHTML-страницы в другую с помощью внутритекстового фрейма
Одновременное обновление нескольких внутритекстовых фреймов XHTML-страницы
Изменение внешнего вида XHTML-страницы на основе типа целевой системы
253
255
259
261
263
265
268
271
274
Управление печатью XHTML-страницы Web-браузером
278
,
Глава 6. Графика
281
Понимание роли графики в Web-дизайне
•
Создание
Понимание форматов файлов изображений
Помещение Web-графики на Web-страницу
Учет скорости доступа в Internet
Соблюдение авторских прав при работе cWeb-графикой
282
Web-графики
283
284
286
287
288
Достижение баланса между текстом и графикой на Web-странице
289
Вопросы межплатформенной совместимости при создании графических изображений для Web-страниц 292
Задание размеров изображения вдескрипторе <img>
294
Работа с атрибутом alt и браузерами, не воспроизводящими графику.
296
Создание всплывающей подсказки с помощью атрибута title в дескрипторе <img>
Сжатие фотографий в JPEG-файл
Сохранение аппликаций и текста в файл формата GIF.
Создание видимости быстрой загрузки рисунков
Работа с форматами файлов PNG-8 и PNG-24
Преобразование графики в Web-изображения с помощью программ редактирования изображений
Создание Web-совместимых графических изображений на сканере
Создание цветных горизонтальных линий
Извлечение быстро загружающегося изображения-"наживки" с помощью атрибута lowsrc
Обеспечение правильного представления цветов с помощью Web-безопасной цветовой палитры
Создание графических гиперссылок
Создание мозаичного фона из графических изображений
Создание прозрачности в GIF-изображениях
Извлечение полноразмерного изображения после щелчка на пиктограмме
:
299
301
304
307
308
310
311
314
315
318
319
321
324
326

9. Оглавление
Предварительная загрузка и "фоновое" кэширование изображений
328
Расширение Web-безопасной цветовой палитры с помощью техники растрирования
331
Сглаживание краев текста, преобразованного в графический элемент,
за счет устранения контурных неровностей
333
Глава 7. Анимация, звук и видео
.-
Понимание роли анимации в Web-дизайне
Понятие подключаемого программного модуля
Понятие динамического HTML (DHTML)
336
338
338
339
'.
Работа с GIF-анимацией
341
Работа с Macromedia Flash
343
Использование Shockwave
345
Когда использовать и когда не использовать анимацию
346
Работа со звуком в Internet
Встраивание видео на Web-страницу
347
350 .
•
Монтаж видеоролика
'
Использование виртуальных экскурсий
Создание GIF-анимации с чистого листа
Управление GIF-анимацией с помощью внутренних параметров
Создание баннера с помощью GIF-анимации
Создание плавных переходов между кадрами GIF-анимации с помощью построения
1
351
354
356
358
360
промежуточных изображений
Включение в Web-сайт готовой Flash-заставки
363
365
Создание Rash-фильма с чистого листа
;
Построение анимации на основе текста с помощью FlaX
368
371
Передача потокового аудио и видео
Создание потокового медиа
372
374
Создание страницы с Web-камерой
Встраивание видео и аудио в страницу с помощью SMIL
375
377
Глава
8.
JavaScript
381
Вставка операторов JavaScript в HTML-код Web-страницы
Сокрытие сценариев от браузеров, не поддерживающих JavaScript
383
384
Понятие функций JavaScript
Передача значений в функцию и из функции
385
387
Зарезервированные слова JavaScript
Пояснение выполняемой сценарием обработки с помощью комментариев
388
388
Объявление переменных в сценарии или функции
Понятие операций JavaScript
Условная и повторяющаяся обработка
,
Вставка функций JavaScript в HTML-код Web-страницы
Отображение документа в устаревших браузерах, не поддерживающих сценарии
Хранение множественных значений в одной переменной с помощью массивов JavaScript
Принятие сценарием решений и выполнение соответствующей обработки
Принятие решений на основании двух или более условий
Выполнение кода, когда условие не истинно
Повторение операторов определенное число раз
Повторение операторов, пока условие истинно
".
Реагирование на события JavaScript
Выполнение операторов JavaScript в теле Web-страницы
;
Вызов определенной пользователем функции JavaScript
Вызов JavaScript-функции в обработчике события
Что такое обработчики событий JavaScript
,
Создание интерактивной навигационной панели с эффектом смены изображения при наведении курсора
389
390
392
393
393
394
395
397
398
399
400
401
403
405
407
409
.411

10. Оглавление
Использование массивов объектной модели
414
Обращение к объектам Web-страницы по имени (а не по позиции в массиве)
416
Использование содержимого объекта документа
Использование массива изображений JavaScript
417
420
Использование массива ссылок JavaScript
Изменение цветов Web-страницы с помощью JavaScript
423
425
,
Сохранение cookie-набора на жестком диске посетителя
Форматирование данных cookie-набора с помощью JavaScript
.427
429
Извлечение значения cookie-набора из cookie-файла
Удаление cookie-набора из cookie-файла
430
432
Экономия времени и усилий с помощью готовых (внешних) сценариев
434
Создание анимации с помощью события on Load
435
Отображение самоизменяющихся баннеров с помощью JavaScript
Направление гиперссылок на новые файлы "на лету"
436
438
;
Предварительное кэширование файлов для уменьшения времени отображения изображений
Создание бегущей строки с помощью JavaScript
Глава 9. Java-аплеты и объекты ActiveX
440
442
444
Как браузер выполняет Java-аплет
446
Почему выполнение Java-аплетов безопасно
448
Как браузер выполняет объект ActiveX
Помещение Java-аплета на Web-страницу.
449
451
;
Внедрение в Web-страницу объекта ActiveX
458
Настройка параметров безопасности Java и ActiveX
Создание всплывающего навигационного меню с помощью аплета
463
464
Анимация строки текста с помощью аплета
Отображение и печать календаря на любой год с помощью аплета
Отображение с помощью аплета отрывка, случайным образом выбранного из текстового файла
Создание с помощью аплета навигационного меню, выполняющегося в отдельном окне
Прокручивание содержимого файла по вертикали в прямоугольной области на экране с помощью аплета
Анимация синусоидальных колебаний изображения с помощью аплета
Редактирование исходного Java-кода для компиляции пользовательского аплета
Добавление в Web-страницу Internet-чата с помощью элемента управления ActiveX Microsoft Chat
467
468
469
471
474
477
479
484
Использование только объектов ActiveX в internet Explorer
487
Глава 10. РНР4
История PHP
Загрузка и установка РНР
Начальный и конечный дескрипторы РНР
Синтаксис РНР
'.
Переменные
Операции
Условная и циклическая обработка
Передача данных HTML-формы PHP-сценарию.
Использование РНР для обработки и извлечения результатов формы
Использование РНР для отправки сообщения по электронной почте
Определение, принимает ли Web-браузер посетителя cookie-наборы
Использование РНР и дискового файла для организации парольного доступа кWeb-сайту
Предотвращение перехода посетителей по ссылкам на сайт.
Использование PHP-сеанса для установки постоянного соединения между посетителем и Web-сервером
Создание базы данных MySQL и таблиц
Вывод на Web-странице результатов запроса B6a3yflaHHbixSQLB HTML-таблице
Использование РНР для генерации случайного пароля
Использование РНР и MySQL для организации парольного доступа KWeb-сайту.
490
493
494
496
498
500
502
503
510
514
518
520
522
525
526
528
531
533
535

11. Оглавление
Исключение возможнос т и изменения посетителями значений переменных с помощью U R L - а р г у м е н т о в : 5 3 8
Использование РНР и МувСХдля отслеживания положения посетителя наWeb-сайте
539
Определение IP-адреса посетителя для запросов Web-страницы, переданных через прокси-сервер
Предотвращение принятия одним посетителем PHP-идентификатора сеанса другого посетителя
Использование функций РНР для создания шаблонов Web-страниц
Использование РНР для внедрения на страницу функциональности выгрузки файла
541
543
544
546
Глава 11. Активные серверные страницы (ASP)
549
Что нужно, чтобы создавать и просматривать ASP-страницы
552
Начальный и конечный дескрипторы ASP
553
Сокрытие исходного ASP-кода от посетителя Web-сайта
555
Объекты ASP
Предотвращение вывода браузером устаревших ASP-страниц
557
558
Перенаправление Web-браузера на другую страницу
Хранение значений переменных между HTTP-запросами в cookie-наборах
570
572
Получение данных из формы с помощью коллекции Form
•
Получение данных из формы с помощью коллекции QueryString
575
578
Получение информации из коллекции ServerVariables
Использование драйвера МуООВСдля работы с СУБД MySQL
Организация доступа KWeb-сайту по имени пользователя и паролю
581
583
586
Запуск сеанса и работа с переменными сеанса
590
Выполнение запросов SQL и отображение результатов запроса в HTML-таблице
593
Отображение рекламных баннеров с помощью Microsoft Banner AcLRotator
597
Отслеживание показов и посещений в Microsoft Banner Ad Rotator
600
Обработка ошибоктипа "Код 404: файл не найден"
604
Глава 12. Безопасность и производительность
609
Угроза атак со стороны хакеров
Каким образом хакеры перехватывают и изменяют сообщения в сети?
610
610
Каким образом хакеры попадают в систему?
Каким образом хакеры блокируют доступ к вашей системе?
Каким образом хакеры атакуют CGI-сценарии?
614
617
617
Каким образом брандмауэры защищают ваш сайт?
Каким образом шифрование защищает передаваемые по сети сообщения?
Загрузкамустановка открытого ключа, цифровой подписи и идентификатора сервера
619
620
623
Создание защищенной Web-страницы на IIS-сервере
Установка программного брандмауэра
Настройка назначения портов в брандмауэре
Снижение подверженности сайта вирусам
Повышение производительности и уровня безопасности за счет блокировки принтера
624
626
628
629
и запрещения совместного использования файлов
Использование клиентских сертификатов для ограничения доступа пользователей
Анализ системных событий для обнаружения вторжений
Использование файловой системы NTFS
Отключение удаленных служб
Анализ уязвимых мест системы
Обработка данных кредитных карточек
Исследование цепочки производительности Web-сайта
Тип сетевого соединения
Скорость работы процессора
Создание набора Web-серверов
Контроль быстродействия сервера
633
634
636
639
643
646
646
648
650
651
653
654
Предметный указатель
т.
'
658

12. Об авторах
Конрад Кинг (Konrad King) — известный автор множества книг и консультант
по компьютерным системам, имеющий широкую клиентуру. В прошлом офицер
военно-воздушных сил Соединенных Штатов, Конрад имел дело как с мейнфреймами, так и со множеством разнообразных сетей на базе ШМ PC. Он писал, как самостоятельно, так и в соавторстве со многими известными людьми,
изрядное число книг, посвященных проектированию и реализации баз данных
на основе SQL, проектированию Web-приложений, а также программному обеспечению Microsoft Office, в том числе FrontPage и PowerPoint. В свободное от
писательской деятельности время Конрад занимается проектированием, разработкой и сопровождением Web-сайтов, установкой и поддержкой корпоративных
сетей и промышленного программного обеспечения, а также разработкой прикладных приложений на Visual C+ + , Visual Basic, DataFlex для множества платформ баз данных, основанных на SQL. Работая в области компьютерной инженерии с 1984 года, Конрад обладает обширными знаниями о том, что работает в
реальной действительности, а что нет.
Энди Андерсон (Andy Anderson) - художник и дизайнер, который использует
Photoshop, Illustrator и множество других известных графических пакетов, применяемых в Web-дизайне. Энди является автором многих трудов в области Web-дизайна, а также университетским профессором и популярным лектором в Соединенных Штатах, Канаде и Западной Европе. В свободное от работы время он
разрабатывает учебные планы и лекционные материалы для многих корпораций
и семинаров. Среди клиентов Энди дизайнеры и преподаватели из правительственных учреждений США, корпорации Боинг, Диснейленда и множества компаний из списка Fortune 500.
Крис Джамса (Kris Jamsa) — популярный автор более чем 90 книг по компьютерной инженерии, объем продаж которых значительно превысил один миллион
копий. Крис получил степень бакалавра компьютерных наук в Академии военновоздушных сил США, степень магистра компьютерных наук в Университете Невады (Лас-Вегас), степень доктора компьютерных наук в области операционных
систем в Университете штата Аризона, а также степень магистра бизнес-администрирования в Университете штата Сан-Диего. В 1992 году он вместе со своей
женой основал издательство Jamsa Press, специализирующееся на выпуске литературы компьютерной тематики. После того, как издательство Jamsa Press разрослось до представительств в 70 странах и до выпуска литературы на 28 языках,
оно было приобретено одной из крупнейших издательских компаний. В настоящее время Крис является основателем компании Jamsa Media Group, которая занимается выпуском высококачественных книг компьютерной тематики. Он также
является активным аналитиком новых технологий. Крис обитает на своем ранчо
в Хьюстоне, штат Техас, со своей супругой, тремя собаками и шестью лошадьми.
В свободное от работы за компьютером время, он занимается верховой ездой на
одной из своих лошадей по кличке Робин Гуд.

13. 12
Введение
Введение
В настоящее время, в соответствии с оценками аналитиков, в Internet используется более 100 миллионов доменных имен (статистику по Internet можно найти
по адресу http://www.nua.com/surveys). При всеобщей доступности быстрых
подключений через цифровые абонентские линии и физические модемы и недорогом Web-хостинге, предлагаемом многими компаниями, десятки миллионов
пользователей создают свои персональные Web-сайты. К тому же сейчас, когда
число онлайновых пользователей оценивается более чем в 500 миллионов человек (причем это число растет со скоростью приблизительно 7% в месяц), Webразработчикам приходится искать пути использования новых технологий, которые могли бы оказать содействие в привлечении и удержании внимания
пользователей, путешествующих по безбрежным просторам Web.
Читая главы этой книги, вы узнаете о Web-технологиях и о том, как сразу же
применить их на своих Web-страницах. В каждой главе описывается, как можно
быстро индескрипторрировать ту или иную технологию, такую как динамическое
содержимое, безопасность, доступ к базам данных, а также обработку на стороне
клиента и на стороне сервера. Сначала вы познакомитесь с принципами технологии и узнаете, как лучше всего применить ее при разработке собственных Webстраниц. Затем вы сможете воспользоваться готовыми решениями, которые можно просто копировать и вставлять в код своих Web-страниц. И, наконец, вы
рассмотрите скрытые настройки и технологии, с помощью которых появится
возможность раскрыть весь потенциал Web-сайта.
Если ваша цель — создание быстрого, современного, запоминающегося Webсайта, то эта книга поможет вам достичь ее.
Для кого предназначена эта книга
Миллионы пользователей и профессиональных Web-разработчиков во Всемирной Паутине каждый день имеют дело с Web-страницами. Чтобы упростить свою
работу, многие Web-разработчики полагаются на помощь многочисленных программных средств Web-разработки. К сожалению, для того, чтобы использовать
новые Web-технологии в полном объеме и поддерживать на должном уровне производительность Web-сайта, на определенном этапе разработчикам приходится
закатывать рукава и углубляться в HTML-дескрипторы, атрибуты, правила каскадных таблиц стилей, язык JavaScript, активные серверные страницы, РНР и
многое другое.
Несмотря на огромное количество сайтов в Web, очень сложно будет найти
Web-разработчика, которому не хотелось бы, чтобы его сайт был быстрее, безопаснее и проще в обслуживании. Кроме того, пользователи, которые посещают
сайты, желают не только развлечений и актуального содержимого, но также хотят, чтобы это содержимое быстро загружалось. Большинство пользователей
предполагают, что сайты, преподносящие себя как безопасные, в действительности таковыми являются. Вне зависимости от содержимого, которое вы разместите на Web-сайте, пользователи ожидают качества, скорости и безопасности.

14. Введение
13
В этой книге рассматриваются сотни способов, с помощью которых Web-разработчики смогут повысить производительность своих сайтов, их безопасность и
качество содержимого, а также упростить их обслуживание. Для того чтобы выполнять действия, описываемые в этой книге, вам не нужно быть опытным программистом или сетевым администратором. Каждый практикум содержит простые в выполнении пошаговые инструкции, а также решения, которые вы можете
копировать и вставлять в свои Web-страницы. В главах этой книги вы найдете:
• Основы языка HTML, которые вам необходимо знать, чтобы создать свой
первый Web-сайт, и действия, которые вам необходимо будет предпринять,
чтобы разместить этот сайт в Web.
• Как с помощью HTML-таблиц организовывать информацию, представленную на Web-странице, и упорядочивать текст и графику.
• Как использовать каскадные таблицы стилей (Cascading Style Sheets), чтобы
в полной мере управлять форматированием текста внутри Web-страницы и
упростить ее обновления в будущем.
• Основные отличия XHTML от HTML, новые возможности XHTML, которые можно использовать в коде своих Web-страниц, а также способы "перевода" своих HTML-страниц на XHTML.
• Приемы, которые позволят вам эффективнее использовать графику в своих
Web-страницах и в то же время снизить длительность ожидания загрузки
изображений.
• Как создавать динамическое содержимое Web-страницы с помощью РНР и
активных серверных страниц (Active Server Pages).
• "Закулисные" операции, путем выполнения которых вы сможете с помощью параметров HTTP и CGI автоматизировать решения, используя тип
браузера пользователя, скорость подключения и не только.
• Методика защиты своего компьютера от хакеров и способы идентификации потенциальных слабых мест в защите компьютера, которыми могут
воспользоваться злоумышленники.
• Технологии индескрипторрации решений электронной коммерции и обработки кредитных карточек в собственном Web-сайте.
• Многое другое.
Что необходимо, чтобы пользоваться
описываемыми приемами
В этой книге описывается множество способов, с помощью которых вы можете повысить производительность своего Web-сайта, сделать его безопаснее и проще в обслуживании, а его содержимое — качественнее. В каждой главе вы найдете действия, которые сможете сразу же предпринять на своем Web-сайте.
Чтобы использовать описанные нами приемы, вам не потребуется какое-то
сверхмощное программное обеспечение или другие средства создания графики
художественного качества. Вам просто нужно будет потратить пять-десять минут

15. 14
Введение
на выполнение пошаговых инструкций практикума. Практикумы помогут вам
выгрузить из Web (причем совершенно бесплатно) все инструменты, которые вам
понадобятся.
Для профессиональных Web-разработчиков и программистов в этой книге рассмотрены методы использования сценариев для доступа ко многим низкоуровневым операциям. Каждый язык программирования, рассмотренный в этой книге,
встроен в браузеры, серверы или может быть без особых сложностей выгружен из
Web. Если вам не приходилось программировать на этих языках, не беспокойтесь: во вводной части каждой из глав изложены азы, необходимые для использования языка.
Что охватывает эта книга
Эта книга включает в себя двенадцать глав. В каждой главе описывается отдельная Web-технология, язык программирования или дизайнерский прием. В
каждой главе вы найдете всестороннее рассмотрение технологии или языка; далее следуют практикумы, выполнив которые, вы сможете быстро усовершенствовать свои Web-страницы, равно как и улучшить дизайн и повысить производительность Web-сайта в целом.
Глава 1. Основы языка HTML. Для начала, эта глава закладывает фундамент,
необходимый дизайнерам-новичкам в Web-разработке для использования приемов, которым они будут учиться на протяжении всех остальных глав книги. Дизайнеры узнают, как создавать HTML-страницы, как отображать страницы из
файлов, находящихся на их собственных компьютерах и как с помощью Web-сервера сделать эти страницы доступными для посетителей в Web.
Глава 2. HTML-таблицы. Внутри Web-страниц HTML-таблицы служат для дизайнеров мощным средством организации больших объемов данных с целью их
представления на экране. Многие Web-дизайнеры также используют таблицы,
чтобы лучше управлять выравниванием текста и графики на странице. Дизайнер
может, например, использовать таблицы для обтекания изображения текстом.
Кроме того, на Web-странице может присутствовать таблица пиктограмм, из которой пользователи смогут выбирать картинки, соответствующие которым большие изображения им хотелось бы выгрузить.
Глава 3. HTML-формы. Миллионы Web-сайтов взаимодействуют с посетителями с помощью форм. Формы могут запрашивать у посетителя разнообразнейшую
информацию, например, адрес доставки, личные данные или номера кредитных
карт для совершения покупок. Кроме того, формы дают пользователям возможность поиска конкретных товаров, услуг или содержимого на сайте, а, возможно,
и где угодно в Web. Формы разработчики создают с помощью HTML-дескрипторов. После отправки пользователем введенной им информации, Web-сервер выполняет специальную программу (разработчики называют ее сценарием (script)),
которая обрабатывает и, как правило, сохраняет данные. Из этой4 главы вы узнаете, как создавать формы с помощью HTML, как проверять введенную пользователем информацию с помощью JavaScript и как затем обрабатывать данные, отправленные пользователем.

16. Введение
15
Глава 4. Каскадные списки стилей. Внутри Web-страниц разработчики используют множество HTML-дескрипторов для форматирования текста, графики и
ссылок. Используя одни лишь HTML-дескрипторы, такие как <ь> для выделения
полужирным, <i> для выделения курсивом и т.д., Web-разработчик может форматировать текст Web-страницы в соответствии со своими пожеланиями. К сожалению, если форматирование впоследствии нужно будет изменить, разработчику
придется изменять значительное количество дескрипторов. Каскадные списки
стилей (Cascading Style Sheets) облегчают обслуживание Web-сайтов. С помощью
каскадных списков стилей Web-разработчики могут присваивать шрифт, цвет, выравнивание и многие другие атрибуты тексту, отображаемому на Web-странице.
Если впоследствии разработчику понадобится изменить внешний вид страницы,
он сможет просто изменить определение стиля, и изменения немедленно отразятся в тексте, к которому применен данный стиль. Кроме того, Web-дизайнерам, стремящимся к созданию высококлассных сайтов, каскадные списки стилей
дадут возможность реализовать точное позиционирование и даже наложение текста и графики для создания многочисленных эффектов.
Глава 5. XHTML и новые тенденции. Чтобы быть уверенными в том, что ваши
Web-страницы будут работать и выглядеть именно так, как вы того хотите, в
Web-браузерах следующего поколения, вы должны следовать рекомендациям консорциума W3C (World Wide Web Consortium). При тщательном соблюдении,
"правила" стандарта XHTML не позволят вам создать страницы с неправильным
синтаксисом, недостающими или "фирменными" дескрипторами и недействительными атрибутами. Избегая такого "плохого кода", вы обеспечите своим Webстраницам корректное представление и работоспособность во всех стандартных
Web-браузерах. Более того, обеспечив корректность описания Web-страницы (то
есть соответствие ее стандарту XHTML), вы дадите производителям Web-браузеров возможность обойтись без кода, разработанного, чтобы "угадывать" замыслы,
стоящие за неправильно сформированным HTML-кодом. Браузеры, разработанные для мобильных устройств (сотовых телефонов, карманных органайзеров, бортовых компьютеров для автомобилей и т.д.) должны быть небольшими, поскольку емкость памяти подобных устройств весьма ограничена. В этой главе
показано, как запускать приложение HTML Tidy, которое проверяет HTML-код
вашей Web-страницы, исправляет ошибки, если таковые имеются, и преобразовывает HTML-код в XHTML-код. Далее в главе вы найдете практикумы, которые
покажут, как расширить возможности языка разметки путем добавления новых
дескрипторов и атрибутов, а также практикумы, которые научат вас определять
тип браузера пользователя, чтобы ваши страницы отображались быстро и правильно в браузерах мобильных устройств.
Глава 6. Графика. На Web-страницах широко используется графика. К сожалению, многие сайты, предлагающие великолепные иллюстрации, теряют нетерпеливых посетителей, которые не желают сидеть и ждать в течение длительного
времени, необходимого для загрузки изображений. В этой главе вы узнаете о
приемах, таких как кэширование и предварительная загрузка, которые сможете
использовать в своем коде, а также настройках, с помощью которых появляется

17. 16
Введение
возможность существенно сократить время загрузки изображений. Кроме того,
вы узнаете о различных форматах файлов, а также в каких случаях следует использовать тот или иной формат. Кроме того, в главе рассматриваются цветовые
палитры и методы, которые помогут вам сделать свое содержимое "Web-дружественным". Наконец, профессионалы в графике узнают о способах, которые упрощают перенос изображений в Web.
Глава 7. Анимация, звук и видео. При доступности высокоскоростных подключений через модемы для физических линий либо цифровые абонентские линии,
на многих Web-сайтах для привлечения внимания пользователей используется
анимация, фоновая музыка и видео. В этой главе вы узнаете, как встраивать в
свои страницы разнообразную анимацию — от простой анимированной графики
до профессиональных Flash-анимаций. Кроме того, вы узнаете, как проигрывать
фоновую музыку во время просмотра ваших страниц посетителями, и как предоставлять по требованию потоковое видеосодержимое. Наконец, вы узнаете, как
вести радиовещание (точно так же, как это делают Web-радиостанции) со своего
Web-сайта.
Глава 8. JavaScript. JavaScript — это язык программирования, с помощью которого Web-дизайнеры могут автоматизировать задачи внутри Web-страницы. Webразработчики помещают операторы JavaScript в HTML-дескрипторы, определяющие страницу. Операторы JavaScript могут, например, проверять информацию,
введенную пользователем в форму. (Программа или сценарий могут обеспечивать
проверку наличия в каждом поле значения, равно как и корректность и содержательность значений.) Или же операторы JavaScript могут обеспечивать определенную обработку в процессе выполнения пользователем операций на странице. Например, с помощью JavaScript можно выводить на экран окно сообщения,
содержащее текст помощи, когда посетитель щелкает на гиперссылке "Справка".
Подобно тому, как браузер отображает содержимое HTML-страницы, он выполняет и операторы JavaScript. В этой главе вы сначала узнаете, как создавать простые JavaScript-приложения. Затем вы рассмотрите ряд решений, написанных на
JavaScript, которые сможете скопировать и вставить в свои Web-страницы.
Глава 9. Java-аплеты и ActiveX-объекты. На протяжении нескольких лет программисты использовали язык программирования Java для создания аплетов, которые могут выполняться на разнообразных платформах; это значит, что один и
тот же Java-аплет может работать на компьютерах под управлением операционных систем Windows, Linux и Macintosh. Java-аплеты дают программистам возможность автоматизировать решение тех или иных задач без риска инфицирования вирусами компьютеров пользователей, загружающих аплеты. В Web можно
найти бесчисленное количество "типовых" Java-аплетов, которые можно использовать в коде своих страниц. Из этой главы вы узнаете, как встраивать Java-аплеты в HTML-содержимое. Далее в главе рассматривается обеспечение поддержки
ActiveX-объектов для сайтов, функционирующих на Windows-платформах. В отличие от Java-аплетов, которые не создают угроз безопасности для загружающих
ИХ пользователей, ActiveX-объекты не накладывают ограничений на операции,
Которые может выполнять код. Следовательно, вы должны отдавать предпочте-

18. Введение
17
ние тем ActiveX-объектам, которые получены с сайтов разработчиков с хорошей
репутацией и содержат сертификаты подлинности. В главе 9 подробно описаны
предосторожности, которые следует соблюдать.
Глава 10. РНР4. РНР — это язык программирования, с помощью которого
разработчики создают динамическое (изменяющееся) содержимое Web-страниц.
Используя РНР, например, вы можете персонализировать содержимое своей Webстраницы, основываясь на информации, введенной пользователем в форму, или,
возможно, на информации, полученной из cookie-набора, ранее сохраненного
вашим сайтом на диске пользователя. Более 1 000 000 сайтов в Web используют
РНР для достижения целей динамизма. Прежде чем вы сможете пользоваться
РНР, вам необходимо установить на своем компьютере PHP-процессор. В этой
главе описываются этапы процедуры установки. Затем вы научитесь создавать
простые приложения на основе РНР Как уже упоминалось, РНР - это язык
программирования, и вводная часть главы закладывает фундамент, необходимый
для создания, тестирования и отладки PHP-программ. Далее в практикумах будет представлено несколько основанных на РНР решений, которыми вы сразу же
сможете воспользоваться в коде своих Web-страниц.
Глава 11. Активные серверные страницы. Подобно РНР, активные серверные
страницы (Active Server Pages — ASP) дают Web-разработчикам возможность создавать содержимое "на лету". Для создания активной серверной страницы (динамической Web-страницы) вы можете использовать множество языков программирования, в том числе VBScript, JScript (версия JavaScript компании Microsoft),
PerlScript, Python, Rexx и многие другие. Эта глава закладывает фундамент, основываясь на котором, вы сможете разрабатывать свои собственные решения, базирующиеся на активных серверных страницах. Кроме того, в этой главе содержатся решения для удовлетворения ряда распространенных потребностей
Web-страниц, таких, как создание и обработка cookie-наборов, обработка форм,
взаимодействие с базами данных, управление доступом к сайту с помощью имен
пользователей и паролей, отображение и отслеживание баннеров и т.д.
Глава 12. Безопасность и производительность. В этом году хакеры и компью-
терные вирусы обойдутся пользователям и предприятиям в более чем 12 миллиардов долларов! В этой главе вы узнаете, какие меры вы должны немедленно
принять, дабы более-менее надежно защитить свой сайт. Если вы в настоящее
время не пользуетесь брандмауэром для защиты своего сайта (или просто своего
компьютера), вы узнаете, как выгрузить, установить и сконфигурировать сайт. Вы
также узнаете, как ваш выбор файловой системы (программного обеспечения, с
помощью которого операционная система сохраняет файлы) может повлиять на
вашу способность защитить файлы (с помощью механизма разрешений и шифрования). Кроме того, эта глава описывает действия, которые вы должны предпринять для создания безопасных передач (осуществляющих обмен пакетами "за
кулисами" с использованием шифрования), и рассказывает, как выполнять транзакции с кредитными карточками. Наконец, в главе рассматриваются методы, с
помощью которых вы сможете повысить производительность своего сайта.

19. Введение
Как читать эту книгу
Хотя главы этой книги строятся на информации, содержащейся в предыдущих главах, мы сделали структуру этой книги такой, что вы можете обратиться к
любому практикуму и найти нужную вам информацию.
Чтобы помочь вам быстро находить требуемую информацию, в начале каждой
главы помещен перечень конкретных практикумов, содержащихся в главе. Если
вам нужно больше информации по той или иной теме, в каждой главе содержится вводный текст, призванный снабдить вас прочным фундаментом в данной области.
ПРАКТИКУМ
Просматривая страницы этой книги, ищите заголовки практикум , которые выделяют конкретные действия внутри каждого совета, которые вы сразу же можете
выполнить, дабы решить стоящую перед вами задачу.
Коды примеров
В главах этой книги представлено множество HTML-файлов, активных серверных страниц, JavaScript-кода, PHP-решений и это далеко не полный перечень.
Во многих случаях показанные нами решения можно применять в коде собственных Web-страниц. Все файлы этой книги доступны для выгрузки на Webсайте издательства ПО адресу http://www.diasoft.kiev.ua.

20. Глава 1
.
v:
.
...
-,;.••.••
Основы языка HTML
В этой главе
нагрузка и установка персонального web-сервера
' Управление персональным Web-сервером и публикация Web-страниц
I Описание содержимого Web-страницы при помощи заголовка
Идентификация документов с помощью определения типа документа
I (Document Type Definition)
Вставка комментариев в Web-документы
Определение гарнитуры шрифта для текста Web-страницы
I Управление структурой текста с помощью дескрипторов абзаца
и перевода строки
Изменение размера текста с помощью дескрипторов уровней заголовков
I и атрибута size дескриптора шрифта
1
I Изменение цвета текста в HTML-документе
I
I
I
•
I
I
I
Добавление графики на Web-страницу с помощью базового дескриптора
<img>
Изменение выравнивания текста и графики
Добавление гипертекстовых ссылок
Выделение отдельных букв и слов с помощью дескрипторов
форматирования символов
Использование специальных символов в HTML-документах
I Использование горизонтальных линий для структурирования
Web-содержимого
I Использование дескрипторов блоков цитирования для управления
I левым и правым отступами текста
I Создание упорядоченных и неупорядоченных списков
I Создание вложенных списков
' Создание списков определений
I Использование дескрипторов предварительно форматированного текста
для управления отображением Web-содержимого
I Отображение навигационного меню во фрейме Web-страницы
' Одновременный вывод на экран нескольких Web-страниц

21. 20
Глава 1. Основы языка HTML
э h зык разметки гипертекста (Hypertext Markup Language), или, как его чаще
ж Л называют, HTML, — это компьютерный язык, лежащий в основе World Wide
Web (Всемирной Паутины). Создавая Web-сайт, вы используете HTML для размещения текста, рисунков, анимации и, возможно, видео- и аудиоклипов на отдельных Web-страницах, из которых, собственно, и состоит сайт. Помимо этого, язык
HTML позволяет помещать на страницы гипертекстовые ссылки и интерактивные
кнопки, которые соединяют ваши Web-страницы с другими страницами того же
Web-сайта, равно как и с другими Web-сайтами по всему миру. Web-дизайн — это
исключительно творческий процесс, a HTML — всего лишь один из инструментов
(точнее, язык описания страниц), используемый при создании Web-страниц.
HTML — это язык разметки текста, а не язык программирования. Теоретически Web-страницу, созданную с использованием HTML, может просмотреть любой, у кого есть компьютер, какой-нибудь Web-браузер и доступ к Internet. На
самом же деле, способность пользователя видеть все содержимое Web-страницы
зависит от возможностей его Web-браузера. Web-браузеры (Web browsers) — это
программы, которые интерпретируют HTML-код Web-страниц и отображают
текст, рисунки и анимацию на экране компьютера посетителя сайта. Самостоятельно либо же с помощью других установленных программ, браузеры также воспроизводят звуковые или видео-файлы, вставленные в страницу с помощью
HTML-кода. Последние версии двух наиболее популярных Web-браузеров,
Microsoft Internet Explorer и Netscape Navigator, могут отображать практически
все из того, что можно поместить на Web-страницу с помощью HTML-дескрипторов.
Чтобы посетители могли обратиться к Web-страницам вашего Web-сайта, им
нужно сперва получить доступ в Internet и запустить Web-браузер. После того,
как Web-сервер отправит Web-страницу компьютеру посетителя, Web-браузер интерпретирует HTML-код из файла Web-страницы и отображает содержимое файла в форме текста и графических изображений в окне браузера.
Web-серверы и Web-браузеры используют для обмена данными протокол передачи гипертекста (HyperText Transport Protocol — HTTP). Помимо всего прочего,
HTTP-протокол определяет как способ отправки сообщений Web-браузерами и
серверами, так и структуру самих сообщений; Подробное рассмотрение типов и
структур HTTP-сообщений выходит за рамки этой книги. Однако для дизайна и
создания даже самых сложных Web-сайтов вам понадобится только принципиальное понимание потока HTTP-запросов и ответов (между Web-браузером и
Web-сервером), который показан на рис. 1.1.
1. Всякий раз, когда вы вводите Web-адрес (например, h t t p : / /
www.NVBizNet.com) в адресной строке своего браузера, последний отправляет Web-серверу через Internet HTTP-запрос файла.
2. Получив HTTP-запрос файла, Web-сервер извлекает запрошенный файл и
отсылает Web-страницу Web-браузеру.
3. Web-браузер анализирует файл Web-страницы, чтобы определить, есть ли в
нем вставленные файлы (такие, как графика, анимация, звук и т.д.), которые браузер должен получить с Web-сервера.

22. 21
Глава 1. Основы языка HTML
Web-сервер
DEFAULT.HTM
Web-текст
и другое
содержимое
Рис. 1.1. Обработка запроса Web-содержимого Web-сервером
4. Web-браузер отправляет Web-серверу несколько HTTP-запросов (по одному
на каждый нужный браузеру файл).
5. Получив HTTP-запросы файлов, сервер находит каждый из файлов и отсылает эти файлы Web-браузеру (по одному файлу на HTTP-запрос).
6. Web-браузер берет исходные файлы Web-страниц и следует инструкциям,
предоставляемым HTML-дескрипторами в файле, чтобы скомпоновать
Web-страницу и содержимое вставленных файлов в завершенный Web-документ, который затем отображается на экране.
Роль Web-браузеров и Web-страниц
Чтобы отвечать требованиям постоянно меняющейся конъюнктуры рынка и
сделать Internet доступным для всех, компании Microsoft и Netscape выпустили
версии своих Web-браузеров для всех имеющихся на рынке компьютерных платформ и операционных систем. Поскольку для того, чтобы Web-страница отобразилась на экране, HTML-код должен быть интерпретирован Web-браузером,
марка и версия браузера, используемого посетителями вашего Web-сайта, определяет, какие возможности HTML будут доступными. То есть, в двух словах, используемая версия браузера определяет, что будет видеть посетитель на экране.
Поэтому применение новейших, усовершенствованных возможностей языка
HTML и способов форматирования страницы на Web-странице не сможет гарантировать то, что каждый ее посетитель увидит все, что позволяет разместить на
странице сам язык HTML.
Разрабатывая Web-страницу, следует помнить о том, что не все посетители
вашего сайта будут пользоваться последними версиями Internet Explorer или

23. 22
Глава 1. Основы языка HTML
Netscape Navigator. Отдавайте предпочтение простейшим HTML-дескрипторам,
работать с которыми вы научитесь в этой главе, для большей части содержимого,
размещаемого на Web-страницах. Затем воспользуйтесь какими-то более усовершенствованными возможностями языка HTML, дабы "оживить" свой сайт и вынудить посетителей заходить на него снова и снова. Комбинируя простейшие и
усовершенствованные возможности языка HTML на одной и той же странице,
вы обеспечите всем посетителям доступ к жизненно важной информации, а те
посетители, в распоряжении которых имеются новейшие браузеры, действительно запомнят ваш сайт.
„ Web-страница состоит из набора HTML-инструкций, которые можно ввести в
файл с помощью любого текстового редактора. Как уже говорилось, Web-браузеры, подобные Netscape Navigator и Internet Explorer, следуют инструкциям в созданном вами текстовом документе, чтобы отобразить содержимое Web-страницы
на экране. (Содержимое (content) страницы — это текст, графика и прочие вещи
(такие, как видео- и аудиоклипы), которые вы помещаете на Web-страницу с помощью языка HTML).
Если вы думаете, что создать документ Web-страницы просто, то вы не ошибаетесь. Собственно говоря, создание Web-сайтов началось с простейших по своей сути намерений. В первоначальном стандарте языка HTML описывался несложный, простой в изучении язык, с помощью которого можно было создавать
содержащие один лишь текст документы, просматривать которые мог каждый, у
кого был доступ к Internet. Хотя комитет по стандартам HTML, консорциум
W3C (World Wide Web Consortium), ввел множество новых инструкций (называемых дескрипторами (tags) и атрибутами (attributes)) в язык HTML, все же даже
самую "богатую" Web-страницу можно создать, набрав простые HTML-команды в
документе, подготовленном в текстовом редакторе (подойдет даже Notepad
(Блокнот) из Windows). На Web-сайте W3C (www.w3.org) можно найти полное
описание различных Internet-технологий, включая HTTP, HTML, XHTML
(Extensible Hypertext Markup Language — расширяемый язык разметки гипертекста), XML (Extensible Markup Language — расширяемый язык разметки), CSS
(Cascading Style Sheets — каскадные таблицы стилей) и т.д.
Теперь, когда вы знаете, что такое Web-страница и в общих чертах представляете, как она создается, давайте взглянем на HTML-код какой-нибудь Web-страницы. Если у вас нет постоянного соединения с Internet, установите подключение по коммутируемой линии через вашего Internet-провайдера (поставщика
услуг Internet). Затем запустите Web-браузер и выведите на экран свою любимую
Web-страницу, набрав URL-адрес (Uniform Resource Locator — унифицированный
указатель информационного ресурса, то есть адрес Web-страницы) в адресной
строке браузера. Например, можно ввести в адресной .строке браузера h t t p : / /
www.osborne.com. Затем просто нажмите ENTER.
Web-браузер, в свою очередь, отправит Web-серверу HTTP-запрос Web-страницы, адрес которой был введен. После ответа Web-сервера, т.е. отправки Web-страницы вашему браузеру, браузер отобразит страницу на экране и запросит все
внедренные объекты (например, графические изображения), вставленные в стра-

24. Глава 1. Основы языка HTML
23
ницу. После того, как браузер извлечет и отобразит все содержимое страницы,
выберите View | Source (Вид | В виде HTML), чтобы вывести на экран HTML-код, с
помощью которого описана страница. (Если вы работаете с Netscape Navigator,
выберите View | Page Source (Вид | Источник страницы)). Далее Internet Explorer
отобразит HTML-код Web-страницы в редакторе Блокнот, тогда как Netscape
Navigator просто выведет HTML-операторы в новом окне. Пусть вас пока не волнует значение отдельных HTML-операторов — по ходу чтения этой книги вы узнаете о них практически все. Сейчас важно запомнить, что можно просмотреть
исходный код любой HTM L-страницы.
Контейнерные HTML-дескрипторы
В основе своей, Web-страница представляет собой текстовый файл, содержащий инструкции в форме HTML-кодов (называемых дескрипторами) и атрибутов. Дескрипторы — это команды, которыми впоследствии будет руководствоваться Web-браузер, чтобы отформатировать текст и вставить графические
изображения, которые должны присутствовать на Web-странице. Некоторые, однако не все, HTML-команды требуют как начального, так и конечного дескриптора: такие команды называются контейнерными {container) дескрипторами, поскольку инструкция в начальном дескрипторе применяется ко всему, что
содержится на Web-странице между начальным и конечным дескриптором.
Каждая HTML-команда (то есть каждый HTML-дескриптор) начинается со
знака "меньше" (<), вслед за которым идет имя дескриптора и атрибуты (если
таковые имеются), и заканчивается знаком "больше" (>). Чтобы создать конечный дескриптор для начального дескриптора, нужно поместить косую черту (/)
перед именем дескриптора. Таким образом, начальный дескриптор имеет вид
<имя_дескриптора [атрибуты]>, а конечный деСКрИПТОр — </имя_дескриптора>.
Имя дескриптора сообщает Web-браузеру назначение дескриптора; атрибуты
(если есть), идущие за именем дескриптора, предоставляют Web-браузеру дополнительную информацию, необходимую тому для выполнения инструкций дескриптора.
Например, приведенный ниже код служит иллюстрацией того, как начальный
и конечный дескрипторы абзаца (<р> </р>) заключают в себе, или содержат,
фрагмент текста. В данном примере, дескриптор <р> дает Web-браузеру указание
отобразить текст до дескриптора </р> с использованием правил форматирования
по умолчанию:
<р> Это пример абзаца. </р>
Если вы хотите, чтобы браузер отображал текст в абзаце определенным шрифтом и цветом, нужно будет добавить атрибуты, определяющие такие параметры,
как цвет, начертание, размер шрифта и т.д., в дескриптор <font>, который ставится после дескриптора <р> и перед текстом, внешний вид которого требуется
задать. (Мы рассмотрим атрибуты более подробно после того, как в следующих
двух разделах вы узнаете немного больше о дескрипторах.)

25. 24
Глава 1. Основы языка HTML
HTML-дескрипторы разделов
Для организации различных частей HTML-кода, которыми описывается Webстраница, используется набор дескрипторов разделов {section tags). Типы HTMLдескрипторов в каждом разделе определения HTML-страницы имеют конкретное
назначение:
• <htmi> </htmi>. Эти дескрипторы ставятся в начале и в конце HTML-документа. Как таковые, начальный и конечный дескрипторы <htmi> заключают в себе все прочие HTML-дескрипторы, с помощью которых описывается Web-страница.
•
<head> </head>. Начальный и конечный дескрипторы заголовка части
идут сразу же за начальным дескриптором HTML (<htmi>) и обозначают
заголовочную часть Web-страницы. С помощью дескрипторов в заголовочную часть Web-страницы можно включить такую информацию, как фамилия автора и дата создания страницы. Кроме того, в этот раздел помещаются дескрипторы, содержащие описательную информацию страницы,
чтобы поисковые системы могли добавлять ссылки на вашу страницу в
свои индексы. Из HTML-дескрипторов и информации, помещенной в раздел заголовка, браузер посетителя отображает только название Web-страницы. Название Web-страницы вставляется в заголовочной части между начальным и конечным дескрипторами заголовка (<titie> </titie>), как
показано в примере кода ниже перечня дескрипторов разделов.
•
<body> </body>. Начальный и конечный дескрипторы тела документа располагаются сразу же за разделом заголовка и обозначают тело Web-страницы. Раздел тела Web-страницы содержит дескрипторы, сообщающие Webбраузеру, что необходимо вывести на экран и как это будет выглядеть.
Приведенный ниже код демонстрирует правильное размещение HTML-дескрипторов разделов:
<html>
<head>
<title> Заголовок Web-страницы </title>
</head>
<body>
Сюда помещаются текстовое содержимое и дескрипторы тела документа
</body>
</html>