- •Российский государственный педагогический
- •Isbn 5-8064-0249-5 © е.З. Власова, т.Ю. Ильина,
- •Предисловие
- •Г л а в а 1. Возможности inteRnet
- •1.1 Привлекательность inteRnet для пользователя
- •Вопросы для повторения темы «Привлекательность inteRnet для пользователя»
- •1.2. Краткая история inteRnet
- •Вопросы для повторения темы
- •Примеры доменных адресов
- •1.4. Информационные ресурсы и сервисы inteRnet
- •1.5. Методы поиска информации в inteRnet
- •Вопросы для повторения изученных тем «Информационные ресурсы и сервисы inteRnet. Методы поиска информации в inteRnet. Www–броузеры»
- •Глава 2. Создание html-документов
- •2.1. Структура html-документа. Физические и логические стили текста. Списки
- •Текст документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные, команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Вопросы для повторения темы «Структура html-документа. Физические и логические стили текста. Списки »
- •2.2. Гипертекстовые ссылки в html-документах
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Возврат Стр.3 Стр.4
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •A friend друг
- •Основные команды (теги), используемые при написании html-документа
- •Основные команды (теги), используемые при написании html-документа
- •Cодержание документа
- •Вопросы для повторения темы
- •2.3. Использование элементов мультимедиа в html-документе
- •Основные команды (теги), используемые при написании html-документа
- •Комментарий
- •Звук в html-документе
- •Основные команды (теги), используемые при написании html- документа
- •Комментарий
- •Вопросы для повторения темы «Использование элементов мультимедиа в html-документе»
- •Г л а в а 3.
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Практическая работа 2
- •Содержание работы
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •1. Задания для самостоятельной работы
- •1 Вариант.
- •2 Вариант.
- •3 Вариант.
- •4 Вариант.
- •5 Вариант.
- •6 Вариант.
- •7 Вариант.
- •8 Вариант.
- •9 Вариант.
- •10 Вариант.
- •11 Вариант.
- •7 Вариант.
- •Адрес: http://www.Philol.Msu.Ru/win/chairs/rus_f/teach.Htm Проверка результатов обучения
- •Практическая работа 4
- •Содержание обучения
- •Основные команды (теги), используемые при написании html-документа
- •Проверка результатов обучения
- •Рекомендуемая литература
- •I. Базисные элементы (все документы на html должны содержать их)
- •II. Определение структуры (вид задаётся параметрами
- •IV. Списки
- •V. Ссылки
- •VI. Мультимедиа элементы
- •Оглавление
- •199106, С.-Петербург, Косая линия, д.15-а
Адрес: http://www.Philol.Msu.Ru/win/chairs/rus_f/teach.Htm Проверка результатов обучения
С помощью поисковой системы AltaVista найдите в Internet документ, на который вы бы хотели ссылаться в созданном вами документе doc3. Вставьте в текст документа doc3 гипертекстовую ссылку и просмотрите документ в броузере.
<HTML><HEAD><TITLE>Doc3</TITLE></HEAD><BODY>Мир растений это волшебное царство, в котором обычное сочетается с необычным, явное с тайным. </BODY></HTML>
Задание 2.Напишите свой документ с гипертекстовой ссылкой к документу в сети Internet.
Практическая работа 4
Т е м а: Физические и логические стили текста.
Ц е л и. Сделав данную практическую работу, обучаемый сможет:
проанализировать различия между физическими и логическими стилями текста;
объяснить причины применения физических и логических
стилей текста;
= выработать навыки оформления HTML-документов.
О б о р у д о в а н и е: IBM PC, WebEdit.
Содержание обучения
Задание 1. Наберите с помощью редактора WebEdit следующий документ:
<HTML><HEAD><TITLE>Style</TITLE></HEAD>
<BODY><DFN><FONT SIZE=+4>Моделирование</FONT></DFN>
<BLOCKQUOTE>исследование различных явлений и процессов на моделях
<SUP>1)</SUP></BLOCKQUOTE>
<CETER><BLOCKQUOTE>a<SUB>1</SUB>x<SUB>1</SUB>+b<SUB>1</SUB>
x<SUB>2</SUB>=c<SUB>1</SUB><P>a<SUB>2</SUB>x<SUB>1</SUB>+b<SUB>2 </SUB> x<SUB>2</SUB>=c<SUB>2</SUB></BLOCKQUOTE></CENTER>
"Казалось бы, что может быть общего между расчетом движения небесных светил
…и качкой корабля. Между тем, если написать только формулу и уравнение без слов, то нельзя отличить какой из этих вопросов решается:
уравнения одни и те же "
<BLOCKQUOTE><EM>русский академик </EM><STRONG>А.Н. Крылов. </STRONG>
</BLOCKQUOTE>
<P><P>1)<U> Виктор Пекелис </U><CITE>Маленькая энциклопедия о большой кибернетике</CITE>
</BODY>
</HTML>
Основные команды (теги), используемые при написании html-документа
<B> используется для выделения текста жирным шрифтом;
<I> используется для выделения текста курсивом;
<U> используется для выделения текста подчеркиванием;
<SUB> подстрочные символы;
<SUP> надстрочные индексы;
<FONT> размер шрифта;
<PRE> встраивание предварительно отформатированного текста;
<EM> используется для выделения слова или фразы;
<STRONG> используется для более заметного выделения слова или фразы;
<CITE> используется для выделения заголовка статей, названия книг;
<SAMP> используется для выделения образцов текста, выводимого на компьютерный дисплей;
<BLOCKQUOTE> используется для выделения длинной цитаты из основного текста;
<ADDRESS> для указания адреса, номера телефона;
<DFN> для выделения нового термина, встретившегося в тексте.
Помощь редактора WebEdit.
Стиль шрифта <I> находится в меню PHYSICAL , альтернативе ITALIC.
Стиль шрифта <B> в меню PHYSICAL, альтернативе BOLD.
Тег <SUB>, <SUP>, <EM>, <STRONG> можно найти в меню PHYSICAL, в альтернативах SUBSCRIPT, SUPERSCPIPT, EMPHASIS.
4. Для вставки в документ тега размера шрифта <FONT> используют меню PHYSICAL, альтернативу FONT, в диалоговой панели выбрать размер шрифта (FONTSIZE).
5. Стиль шрифта <U> в меню PHYSICAL, альтернативе UNDERLINED.
6. Теги <CITE>, <SAMP>, <DFN> расположены в меню LOGICAL, в альтернативах CITATION, SAMP, DEFINING INSTANCE.
7. Теги <PRE>, <ADDRESS>, <BLOCKQUOTE> в меню BLOCK, в альтернативах PREFORMATTED, ADDRESS, BLOCK QUOTE.
Задание 2. Запишите файл на диск и просмотрите документ в броузере.