Учебник Информатика. Базовый курс. Симонович С.В.. С. В. Симоновичаинформатикабазовый курс2е издание

Название	С. В. Симоновичаинформатикабазовый курс2е издание
Анкор	Учебник Информатика. Базовый курс. Симонович С.В..pdf
Дата	28.01.2017
Размер	17.96 Mb.
Формат файла
Имя файла	Учебник Информатика. Базовый курс. Симонович С.В..pdf
Тип	Книга #56
Категория	Информатика. Вычислительная техника
страница	67 из 76

и помещая содержимое каждой ячейки после тега

1 ... 63 64 65 66 67 68 69 70 ... 76

.
7. Введите еще один абзац текста, начав его с тега <Р>.
8. Сохраните этот документ под именем paragraph.htm.
9. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
10. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл paragraph.htm.
Посмотрите, как отображается этот файл. Установите соответствие между эле- ментами кода HTML и фрагментами документа, отображаемыми на экране.
В этом упражнении мы создали документ HTML с разметкой абзацев. Мы определили,
как влияют теги HTML на отображение соответствующих частей документа.
т
Упражнение
Создание гиперссылок
мин
Если это упражнение выполняется не сразу после откройте доку- мент first.htm в программе Блокнот.
2.
весь текст, находящийся между тегами и
Текст,
который будет вводиться в последующих пунктах этого упражнения, необхо- димо поместить после тега
Введите фразу: Текст до ссылки.
4.
тег:
5. Введите фразу: Ссылка.
6. Введите закрывающий тег .
7. Введите фразу: Текст после ссылки.
8.
под именем link.htm.
9. Запустите программу Internet Explorer
• Программы • Internet Explorer).

5 6 0 Глава
Публикация Web-документов
10. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте link.htm.
Убедитесь в том, что текст между тегами <А> и выделен как ссылка (цве- том и подчеркиванием).
Щелкните на ссылке и убедитесь, что при этом загружается документ, на кото- рый указывает ссылка.
13. Щелкните на кнопке Назад на панели инструментов, чтобы вернуться к преды- дущей странице. Убедитесь, что ссылка теперь считается «просмотренной» и отображается другим цветом.
В этом упражнении мы создали документ HTML, содержащий гиперссылки. Мы увиде- ли, как гиперссылки отображаются в документе, и научились пользоваться ими.
Упражнение
Создание изображения и использование
его на Web-странице
мин
1. Откройте программу Paint (Пуск • Программы • Стандартные • Paint). Задайте размеры нового рисунка, например 50x50 точек (Рисунок • Атрибуты).
2. Выберите красный цвет переднего плана и зеленый цвет фона. Залейте рису- нок цветом.
3. Инструментом Кисть нанесите произвольный красный рисунок на зеленый фон,
4. Сохраните рисунок под именем
(в формате GIF).
В некоторых версиях Windows программа Paint позволяет создавать рисунки GIF с прозрачным фоном. В этом случае диалоговое окно Атрибуты (Рисунок • Атрибуты)
содержит флажок Использовать прозрачный цвет фона.
5. Если это упражнение выполняется не сразу после предыдущего, откройте доку- мент first.htm в программе Блокнот.
6. Удалите весь текст, находящийся между тегами и
Текст,
который будет вводиться в последующих пунктах этого упражнения, необхо- димо поместить после тега
7. Введите произвольный текст (протяженностью 4-5 строк) и установите тек- стовый курсор в его начало.
8. Введите
9. Сохраните документ под именем picture.htm.
10. Запустите
Internet Explorer (Пуск • Программы • Internet Explorer).
Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл picture.htm. Посмотрите на получившийся документ, обращая особое внима- ние на изображение.
12. Вернитесь в программу Блокнот и измените значение атрибута:
Сохраните файл под тем же

Практическое занятие 5 6 1 13. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при измене- нии атрибутов.
14. Вернитесь в программу Блокнот и измените значение атрибута:
Сохраните файл под тем же именем.
15. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атрибутов.
Вернитесь в программу Блокнот и добавьте в тег атрибуты: HSPACE=40
VSPACE=20. Сохраните файл под тем же именем.
Вернитесь в программу Internet
щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы при изменении атри- бутов.
В этом упражнении мы научились вставлять изображения в документ. Мы как влияют атрибуты тега на способ отображения изображения.
Упражнение
Приемы форматирования текста
мин
1. Если это упражнение выполняется не сразу после предыдущего, откройте доку- мент first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами и
Текст, кото- рый будет вводиться в последующих пунктах этого упражнения, необходимо поместить после а его конкретное содержание может быть любым.
3. Введите тег
S!ZE="5" COLOR="BROWN">. Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
4. Введите произвольный абзац текста, который будет выводиться шрифтом,
заданным по умолчанию. Начните этот абзац с тега <Р>.
5. Введите теги:
FACE="ARIAL"
6. Введите очередной абзац текста, закончив его тегом
7. В следующем абзаце используйте по своему усмотрению парные теги: <В>
(полужирный шрифт),
(курсив), (подчеркивание), (вычеркива- ние), _{(нижний индекс), ^{(верхний индекс).
8. В следующем абзаце используйте по своему усмотрению парные теги: <ЕМ>
(выделение),
(сильное выделение),
(текст программы),
(клавиатурный ввод),
(пример вывода), (компьютерная переменная).
9. Сохраните полученный документ под именем format.htm.
10. Запустите программу Internet
• Программы • Internet Explorer).
Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл format.htm.}}

5 6 2 Глава 19. Публикация Web-документов
12. Изучите, как использованные элементы HTML влияют на способ отображения текста.
13. Вернитесь в программу Блокнот и измените документ так, чтобы элементы,
задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
14. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
Мы познакомились с некоторыми элементами языка HTML, которые могут использоваться для форматирования текста документа. Мы выяснили, как эти элементы воздействуют на отображение документа, и узнали, что такие элементы можно вкладывать друг в друга.
Упражнение 19.6. Приемы создания списков
мин
1. Если это упражнение выполняется не сразу после предыдущего, откройте доку- мент first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами и
Текст,
который будет вводиться в последующих пунктах этого упражнения, необхо- димо поместить после тега а его конкретное содержание может быть любым.
3. Вставьте в документ тег
TYPE="I">, который начинает упорядоченный
(нумерованный) список.
4. Вставьте в документ элементы списка, предваряя каждый из них

.
5. Завершите список при помощи тега
6. Сохраните полученный документ под именем list.htm.
7. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
8. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл list.htm.
9. Изучите, как упорядоченный список отображается в программе Internet Explorer,
обращая особое внимание на способ нумерации, заданный при атри-
TYPE=.
10. Вернитесь в программу Блокнот и установите текстовый курсор после оконча- ния введенного списка.
Вставьте в документ тег который начинает неупорядочен- ный (маркированный) список.
12. Вставьте в документ элементы списка, предваряя каждый из них тегом
13. Завершите список при помощи тега . Сохраните документ под тем же именем.
14. Вернитесь в программу Internet
щелкните на кнопке Обновить на па- нели инструментов. Посмотрите, как изменился вид страницы, обратив внима- ние на способ маркировки, заданный при помощи атрибута TYPE=.

Практическое занятие 5 6 3
Вернитесь в программу Блокнот и установите текстовый курсор после оконча- ния введенного списка.
16. Вставьте в документ тег
, который начинает список определений.
17. Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом
.
18. Вставьте в список соответствующие определения, предваряя их тегом
.
19. Завершите список при помощи тега
. Сохраните документ под тем же именем.
20. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Посмотрите, как при отображении ницы список определений.
[Ц Мы научились создавать списки средствами языка HTML и определять способ их нуме- рации (маркировки). Мы установили, как выглядят списки при их отображении в бра- узере Internet Explorer. Мы также научились создавать список определений.
7
Упражнение 19.7. Создание таблиц
мин
Если это упражнение выполняется не сразу после предыдущего, откройте доку- мент first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами и
Текст,
который будет вводиться в последующих пунктах этого упражнения, необхо- димо поместить после тега
В данном упражнении используется спи- сок номеров телефонов.
3. Введите тег WIDTH="100%">.
4. Введите строку:
5. Первая строка таблицы должна содержать заголовки столбцов. Определите следующим образом:
ALIGN="CENTER">
телефона
6. Определите последующие строки таблицы, предваряя каждую из их тегом

.
7. Последнюю строку таблицы задайте следующим образом:
первом этаже здания имеется бесплатный телефон-автомат.
8. Завершите таблицу тегом
9. Сохраните документ под именем table.htm.
10. Запустите программу Internet Explorer (Пуск • Программы • Internet Explorer).
11. Дайте команду Файл • Открыть. Щелкните на кнопке Обзор и откройте файл table.htm.

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