Информатика Базовый курс (стр. 167 из 188)
20.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-crpaницы список определений.[Ц Мы научились создавать списки средствами языка HTML и определять способ их нумерации (маркировки). Мы установили, как выглядят списки при их отображении в браузере Internet Explorer. Мы также научились создавать список определений.
7
Упражнение 19.7. Создание таблиц
15 мин1.
Если это упражнение выполняется не сразу после предыдущего, откройте доку-мент first.htm в программе Блокнот.2.
Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.3.
Введите тег <TABLE BORDER="10" WIDTH="100%">.4.
Введите строку: <CAPTION ALIGN="TOP">CnncoK телефонов</САРТЮЫ>.5.
Первая строка таблицы должна содержать заголовки столбцов. Определите ее следующим образом: 
<TR BGCOLOR="YELLOW" ALIGN="CENTER"> <ТН>Фамилия<ТН>Номер телефона6. Определите последующие строки таблицы, предваряя каждую из их тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.
7. Последнюю строку таблицы задайте следующим образом:
<TRXTD ALIGN="CENTER" COLSPAN="2">Ha первом этаже здания имеется бесплатный телефон-автомат.8.
Завершите таблицу тегом <ДАВ1_Е>.9. Сохраните документ под именем table.htm.
10. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
11. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файлtable.htm.
564 Глава 19. Публикация Web-документов
12. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая особое внимание на влияние заданных атрибутов.
13. Измените ширину окна браузера и установите, как при этом изменяется внешний вид таблицы.
ГП Мы познакомились с приемами создания таблиц средствами языка HTML для представления данных. Мы научились создавать таблицы и изменять их вид при помощи атрибутов тегов HTML. 
Упражнение 19.8. Создание описания фреймов ^-/ 
15 мин1. Запустите текстовый редактор Блокнот (Пуск • Программы • Стандартные •Блокнот).
2. Введите следующий документ:
3. Сохраните этот документ под именем frames.htm.
4. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
5. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файлframes.htm.
6. Изучите представление нескольких созданных ранее документов в отдельныхфреймах.
7. Посмотрите, что происходит при изменении ширины окна браузера.
8.
Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.9. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будетотображен новый документ.
10. Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат кпредыдущему документу не нарушает структуру фреймов.
11.
Вернитесь в программу Блокнот и измените структуру и параметры фреймовпо своему усмотрению. Сохраните документ под тем же именем.Практическое занятие 565
12.
Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид ТМгб-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки. 
ГО Мы научились отображать в рамках одной Web-страницы несколько документов при помощи фреймов. Мы узнали, как фреймы отображаются в программе Internet Explorer. Мы исследовали особенности навигации с помощью гиперссылок по Web-странице, содержащей фреймы. 
Упражнение 19.9. Создание Web-документа с помощью редактора FrontPage
э
1. Запустите программу FrontPage (Пуск • Программы • Microsoft FrontPage).
2.
Введите в автоматически созданную Wefr-страницу произвольный текст документа.3.
С помощью панели инструментов Форматирование отформатируйте текст по собственному усмотрению.4.
Для создания таблицы щелкните на кнопке Добавить таблицу на панели инструментов Стандартная.5. Для добавления иллюстраций используйте кнопку Добавить рисунок из файлана панели инструментов Стандартная. Иллюстрации возьмите из папки \Windows.
6. Дайте команду Файл • Сохранить и задайте имя файла wysiwyg.htm. Подтвердитесохранение изображений, требующих преобразования формата.
7.
Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).8. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файлwysiwyg.htm.
9.
Убедитесь, что созданный документ правильно отображается браузером. Обратите внимание на наличие отличий вида документа при отображении в браузере и в программе FrontPage.10.
Измените ширину окна браузера и посмотрите, как при этом меняется вид доку-мента,11.
Вернитесь в программу FrontPage и щелкните на кнопке HTML-код.12. Изучите автоматически сгенерированный код HTML, определите, как с помощью тегов HTML реализованы использованные команды форматирования.
13. Оцените качество получившегося кода HTML.
LtJ Мы научились использовать редактор FrontPage для создания Web-документов. Мы узнали, как с его помощью форматируют текст документа, создают таблицы и вставляют изображения. Мы исследовали полученный при этом код HTML. 
566 Глава 19. Публикация Web-документовИсследовательская работа
Задание 19.1. Исследование методов созданияабзацного отступа в документах HTML
45мин Язык HTML не содержит «официальных» средств для создания абзацных отступов. Все браузеры, предназначенные для вывода текста на экран компьютера, выводят текст без отступа, вставляя пустую строку между отдельными абзацами. Создание абзацного отступа, таким образом, требует использования специальных приемов.1. Запустите текстовый редактор (например, Блокнот) и начните создание документа HTML. Введите теги структурных элементов и дайте документу заголовок, например Имитация абзацных отступов.
2. Введите небольшой абзац текста, который будет использоваться как эталон.Сохраните документ.
3.
Запустите браузер Internet Explorer и откройте в нем созданный документ. Отрегулируйте ширину окна программы так, чтобы исследуемый абзац занимал несколько строк.- Убедитесь, что он выводится без отступа.4. Добавление пробелов. Вернитесь к редактированию документа. Разместите после эталонного абзаца горизонтальную линейку (тег <HR>). Скопируйте эталонный абзац через буфер обмена, поместив копию ниже линейки. Добавьте в начало скопированного абзаца несколько пробелов. Сохраните документ.