Смекни!
smekni.com

Информатика Базовый курс (стр. 165 из 188)

Первый вопрос возникает в том случае, если файлы на 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. Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон,