
Первый вопрос возникает в том случае, если файлы на Web-сервере предполагается разместить в группе тематических каталогов. Он решается с помощью организационных мер в ходе работы над Weu-узлом. При формировании будущего узла на своем компьютере необходимо разработать структуру папок и сразу же размещать документы в соответствующих папках. Во внутренних ссылках следует использовать только относительные адреса документов. Перенос файлов и папок на Webсервер с сохранением структуры сохраняет работоспособность ссылок и корректность подключения вставных объектов (иллюстраций и мультимедиа). При таком подходе облегчается также обновление
Web-узла в целом или его отдельных файлов.

Для копирования нужных документов на We6-cepBep можно применять как передачу данных на съемном носителе, так и прямое копирование данных через Интернет. Последний способ более надежен. Чтобы воспользоваться им, следует узнать адреса, используемые при отправке файлов (обычно для публикации Wefe-страниц применяют протокол
FTP).

При использовании специализированных программных средств (например, редактора
FrontPage) инструменты публикации обычно предоставляет сама программа. Например, в
FrontPage; для этой цели служит команда Файл • Опубликовать Webузел. Во многих случаях организация, предоставляющая место для размещения We6-yзлa, сама определяет порядок публикации и предоставляет средства для ее выполнения.

Если доступ осуществляется по протоколу
FTP, необходимо узнать адрес каталога, а также имя пользователя и пароль для доступа к нему (доступ на запись по протоколу
FTP всегда защищается паролем). Для выполнения переноса файлов можно использовать программу
Internet Explorer. Введите адрес нужного каталога на панели Адрес и щелкните на кнопке Переход.
Программа Internet Explorer отобразит содержимое узла в виде, подобном папке локального компьютера. Для выполнения файловых операций можно использовать те же команды, что и на локальном компьютере: копирование, перемещение, переименование и удаление файлов (после подтверждения прав доступа).
Глава 19. Публикация Web-документов
Следует понимать, что при этих операциях используются довольно медленные линии связи, так что продолжительность передачи файлов может быть довольно велика. По завершении этих операций обновленный Web-узел может быть сразу доступен любым посетителям в Интернете.
Практическое занятие
У
Упражнение 19.1. Создание простейшей Web-страницы
15 мин
1. Запустите текстовый редактор Блокнот (Пуск • Программы • Стандартные • Блокнот).
2. Введите следующий документ:

3. Сохраните этот документ под именем first.htm.

И Перед сохранением убедитесь, что сброшен флажок Скрывать расширения для зарегистрированных типов файлов (Пуск • Настройка • Панель управления • Свойства папки • Вид). В противном случае редактор Блокнот может автоматически добавить в конец имени расширение .ТХТ.
4. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
5. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файлfirst.htm.
6.

Посмотрите, как отображается этот файл — простейший корректный документ
HTML. Где отображается содержимое элемента TITLE? Где отображается содержимое элемента BODY?
7. Как отображаются слова «Содержание» и «документа», введенные в двух отдельных строчках? Почему? Проверьте, что происходит при уменьшении ширины окна.

ПЛ В этом упражнении мы создали простейший документ HTML. Мы познакомились с особенностями форматирования документов HTML и их отображения при помощи браузера Internet Explorer.
Практическое занятие
Упражнение 19.2. Изучение приемов форматирования абзацев 
1.

Если это упражнение выполняется не сразу после предыдущего, откройте доку-мент first.htm в программе Блокнот.
2.

Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
3.

Введите заголовок первого уровня, заключив его между тегами <Н1 > и </Н1 >.
4. Введите заголовок второго уровня, заключив его между тегами <Н2> и </Н2>.
5. Введите отдельный абзац текста, начав его с тега <Р>. Пробелы и символы перевода строки можно использовать внутри абзаца произвольно.
6. Введите тег горизонтальной линейки <HR>.
7. Введите еще один абзац текста, начав его с тега <Р>.
8. Сохраните этот документ под именем paragraph.htm.
9. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
10. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файлparagraph.htm.
11.

Посмотрите, как отображается этот файл. Установите соответствие между эле-ментами кода
HTML и фрагментами документа, отображаемыми на экране.

ГП В этом упражнении мы создали документ HTML с разметкой абзацев. Мы определили, как влияют теги HTML на отображение соответствующих частей документа.
т
Упражнение 19.3. Создание гиперссылок
15 мин1.

Если это упражнение выполняется не сразу после предыдущего, откройте документ first.htm в программе Блокнот.
2.

УдалР1те весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необхо-

димо поместить после тега <BODY>.
3.

Введите фразу: Текст до ссылки.
4.

Введите тег: <AHREF=»first.htm»>.
5. Введите фразу: Ссылка.
6. Введите закрывающий тег </А>.
7. Введите фразу: Текст после ссылки.
8.

Сохраните документ под именем link.htm.
9.

Запустите программу
Internet Explorer {пуск • Программы • Internet Explorer).

Глава 19. Публикация Web-документов
10.

Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл link.htm.
11.

Убедитесь в том, что текст между тегами <А> и </А> выделен как ссылка (цве-том и подчеркиванием).
12.

Щелкните на ссылке и убедитесь, что при этом загружается документ, на кото-рый указывает ссылка.
13. Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к предыдущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.

ПЛ В этом упражнении мы создали документ HTML, содержащий гиперссылки. Мы увидели, как гиперссылки отображаются в документе, и научились пользоваться ими.
Упражнение 19.4. Создание изображения и использование его на Web-странице 1. Откройте программу Paint (Пуск • Программы • Стандартные • Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок • Атрибуты).
2.

Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рисунок фоновым цветом.
3. Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон,