Приемы форматирования текста.
1. Откройте документ First.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>,а его конкретное содержание может быть любым.
3. Введите тег <BASEFONT SIZE=«5» COLOR=«BROWN»>.Он задает вывод текста по умолчанию увеличенным шрифтом и коричневым цветом.
4. Введите произвольный абзац текста, который будет выводиться шрифтом, заданным по умолчанию. Начните э
5. тот абзац с тега <P>.
6. Введите теги: <P> <FONT SIZE=«-2» FACE=«ARIAL» COLOR=«GREEN»>.
7. Введите очередной абзац текста, закончив его тегом </FONT>.
8. В следующем абзаце используйте по своему усмотрению парные теги: <B> (полужирный шрифт), <I> (курсив), <U> (подчеркивание), <S> (вычеркивание), <SUB> (нижний индекс), <SUP> (верхний индекс).
9. В следующем абзаце используйте по своему усмотрению парные теги: <EM> (выделение), <STRONG> (сильное выделение), <CODE> (текст программы), <KBD> (клавиатурный ввод), <SAMP> (пример ввода), <VAR> (компьютерная переменная).
10. Сохраните полученный документ под именем format htm.
11. Запустите обозреватель Internet Explorer.
12. Дайте команду Файл–Открыть. Щёлкните на кнопке Обзор и откройте файл format.htm.
13. Изучите, как использованные элементы HTML влияют на способ отображения текста.
14. Вернитесь в программу Блокнот и измените, документ так, чтобы элементы, задающие форматирование, были вложены друг в друга. Сохраните документ под тем же именем.
15. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы.
2.6 Приёмы создания списков.
1. Откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>, а его конкретное содержание может быть любым.
3. Вставьте в документ тег <OL TYPE="I">, который начинает упорядоченный (нумерованный список).
4. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
5. Завершите список при помощи тега </OL>.
6. Сохраните полученный документ под именем list.htm.
7. Запустите обозреватель Internet Explorer
8. Откройте файл list.htm.
9. Изучите, как упорядоченный список отображается в программе Internet Explorer, обращая особое внимание на способ нумерации, заданный при помощи атрибута TYPE=.
10. Вернитесь в программу Блокнот и установите текстовый курсор после окончания введённого списка.
11. Вставьте в документ тег <UL TYPE=«SQUARE»>, который начинает неупорядоченный (маркированный) список.
12. Вставьте в документ элементы списка, предваряя каждый из них тегом <LI>.
13. Завершите список при помощи тега </UL>. Сохраните документ под тем же именем.
14. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как изменился вид страницы, обратив внимание на способ маркировки, заданный при помощи атрибута TYPE=.
15. Вернитесь в программу Блокнот и установите текстовый курсор после окончания введённого списка.
16. Вставьте в документ тег <DL>, который начинает список определений.
17. Вставьте в список определяемые слова, предваряя соответствующие абзацы тегом <DT>.
18. Вставьте в список соответствующие определения, предваряя их тегом <DD>.
19. Завершите список при помощи тега </DL>. Сохраните документ под тем же именем.
20. Вернитесь в программу Internet Explorer и щёлкните на кнопке Обновить на панели инструментов. Посмотрите, как выглядит при отображении Web-страницы список определений.
Создание таблиц
1. Откройте документ first.htm в программе Блокнот.
2. Удалите весь текст, находящийся между тегами <BODY> и </BODY>. Текст, который будет вводиться в последующих пунктах этого упражнения, необходимо поместить после тега <BODY>. В данном упражнении используется список номеров телефонов.
3. Введите тег <TABLE BORDER=«10» WIDTH=«100%»>.
4. Введите строку: <CAPTION ALIGN=«TOP»> Список телефонов </CAPTION>.
5. Первая строка таблицы должна содержать заголовки столбцов. Определите её следующим образом:
<TR BGCOLOR=«YELLOW» ALIGN=«CENTER»>
<TH>Фамилия<TH>Номер телефона
6. Определите последующие строки таблицы, предваряя каждую из них тегом <TR> и помещая содержимое каждой ячейки после тега <TD>.
7. Последнюю строку таблицы задайте следующим образом:
<TR > <TD ALING=«CENTER» COLSPAN=«2»> На первом этаже здания имеется бесплатный телефон – автомат.
8. Завершите таблицу тегом < /TABLE >.
9. Сохраните документ под именем table. htm.
10. Запустите обозреватель Internet Explorer
11. Откройте файл table.htm.
12. Изучите, как созданная таблица отображается в программе Internet Explorer, обращая особое внимание на влияние заданных атрибутов.
13. Измените ширину окна обозревателя и установите, как при этом изменяется внешний вид таблицы.
Создание фреймов
1. Запустите текстовый редактор Блокнот.
2. Введите следующий документ:
<HTML>
<HEAD>
<TITLE> Описание фреймов < /TITLE >
< /HEAD>
<FRAMESET ROWS=«60%,*»>
<FRAME SRC=«table.htm» >
<FRAMEST COLS=«35%, 65%» NORESIZE>
<FRAME SRC=«first.htm»>
<FRAME SRC=«links.htm»>
</FRAMESET>
</HTML>
3. Сохраните этот документ под именем frames.htm.
4. Запустите обозреватель Internet Explorer.
5. Откройте файл frames.htm.
6. Изучите представление нескольких созданных ранее документов в отдельных фреймах.
7. Посмотрите, что происходит при изменении ширины окна обозревателя.
8. Проверьте, можно ли изменить положение границ фреймов методом перетаскивания при помощи мыши.
9. Щелкните на ссылке, имеющейся в одном из фреймов, и посмотрите, как будет отображен новый документ.
10. Щелкните на кнопке Назад на панели инструментов и убедитесь, что возврат к предыдущему документу не нарушает структуру фреймов.
11. Вернитесь в программу Блокнот и измените структуру и параметры фреймов по своему усмотрению. Сохраните документ под тем же именем.
12. Вернитесь в программу Internet Explorer и щелкните на кнопке Обновить на панели инструментов. Убедитесь, что измененный вид Web-страницы соответствует замыслу. Если это не так, вернитесь в программу Блокнот, найдите и исправьте ошибки.
БИБЛИОГРАФИЧЕСКИЙ СПИСОК
1. Леонтьев В.П. Новейшая энциклопедия персонального компьютера 2003 / В.П. Леонтьев. – М.: ОЛМА-ПРЕСС, 2003. – 920 с.: ил.
2. Симонович С.В. Специальная информатика: Универсальный курс: Учеб. пособие / С.В. Симонович, Г.А. Евсеев, А.Г. Алексеев. - М.: АСТ-ПРЕСС КНИГА: Информ-Пресс, 2002. - 480 с.: ил.
3. Информатика: Учебник / Под ред. Н.В. Макаровой. – 3-е изд., перераб. – М.: Финансы и статистика, 1999. – 768 с.: ил.
Пособие обсуждено и рекомендовано к внутривузовскому изданию на заседании кафедры «Информатика», протокол № 5 от 28.03.03., согласовано на заседании НМСС, протокол № 5 от 14.01.03.