- •Российский государственный педагогический
- •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-а
Основные команды (теги), используемые при написании html- документа
<ul> </ul> - используем для создания маркированного списка;
<li> - используем для задания пункта списка;
<a href=sound.htm>Фоновый Звук</a> - ссылка на html- документ с фоновым звуком;
<a href=golos.snd>Речь</a> - ссылка на звуковой файл.
Комментарий
1. Для работы программы 1 необходимо иметь на том же диске программы song.au sound.htm, golos.snd, а также html-документ, указанный в листинге № 1.
2. При создании web-страниц можно использовать готовые аудио - файлы или создать их самостоятельно. Получение аудио - файлов возможно, например, с таких серверов, как:
- html://www.realaudio.com;
- html://www.spies.com;
- html://www.npr.org;
- html://www.comcentral.com;
- html://www.ubl.com;
- html://www.mtv.com.
Для создания своих звуковых файлов (музыкальных или воспроизводящих речь) можно воспользоваться стандартной программой звукозаписи (SNDREC32.EXE), входящей в состав Microsoft Windows, или специальными пакетами.
Вопросы для повторения темы «Использование элементов мультимедиа в html-документе»
1. При создании HTML-документа вам необходимо использовать светло-зеленый фон и воспроизводить на нем желтый текст. Какие дескрипторы вы будете использовать?
2. Ваша web-страница работает в текстовом режиме. Какой атрибут дескриптора img используется для воспроизведения текста, который замещает иллюстрацию текстом?
3. Напишите дескриптор, который позволит расположить иллюстрацию размером 70х100 пикселей в правом верхнем углу рабочей зоны HTML-документа.
4. Создайте рекламную web-страницу вашего учебного учреждения.
5. Содержимое бегущей строки воспроизведите голосом в вашей web-странице.
Г л а в а 3.
ПРАКТИЧЕСКИЕ РАБОТЫ ПО РАЗБОТКЕ
HTML-ДОКУМЕНТОВ
ПРАКТИЧЕСКАЯ РАБОТА 1
Т е м а: Структура HTML-документа. Формати-
рование абзацев, горизонтальных линий
Ц е л и. Сделав данную практическую работу, обучаемый сможет:
работать с гипертекстовым редактором WebEdit;
создавать простейший Web-документ;
находить с помощью редактора WebEdit теги HTML, HEAD, BODY, HR, P;
редактировать текст Web-документа;
записывать документ на диск;
просматривать документ в броузере;
создавать собственные документы в формате HTML.
О б о р у д о в а н и е: IBM PC, WebEdit.
Содержание обучения
Задание 1. Наберите с помощью редактора WebEdit следующий документ:
<HTML><HEAD><TITLE>Doc2</TITLE></HEAD><BODY>Во второй главе определены этапы создания методики проблемного обучения информатике и на их основе разработана методика проблемного обучения информатике младших школьников.<HR><P><P>В третьей главе отражены результаты педагогического эксперимента, проводимого на кафедре информатики и вычислительной техники математического факультета РГПУ им. А.И. Герцена, а также в школах г. Санкт-Петербурга.
</BODY></HTML>
Основные команды (теги), используемые при написании html-документа
<HEAD> – заголовок документа;
<TITLE> – название документа;
<BODY> – текст документа;
<HR> – формирование горизонтальной линии;
<P> – ввод пустого абзаца.
Помощь редактора WebEdit:
1. Теги основной части документа: <HTML>, <HEAD>, <TITLE>, <BODY> находятся в меню PAGE.
2. Для вставки в документ стандартного горизонтального разделителя <HR> нажмите кнопку мыши на меню <MISC>, затем на альтер-нативе HORIZONTALE RULE.
3. Для создания пустого абзаца <P> выберите меню BLOCK, альтернативу PARAGRAPH.
Задание 2. Запишите созданный документ на диск А: в файл с именем DOC2. Нажмите кнопку мыши на меню FILE, затем на альтернативе – SAVE AS, в появившейся диалоговой панели выберите диск А: и наберите имя файла – DOC2.
Задание 3. Просмотрите документ в броузере. Нажмите кнопку мыши на пиктограмме, которая выглядит, как очки.
Задание 4. Запишите HTML-документ на диск С: в файл с именем DOC2. Нажмите кнопку мыши на меню FILE, затем на альтернативе SAVE AS, в диалоговой панели выберите диск С: и наберите имя файла – DOC2.