- •Российский государственный педагогический
- •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, запишите на диск А: и просмотрите в броузере.
Практическая работа 2
Т е м а: Гиперсвязи в HTML-документах. Работа с
заголовками разных уровней. Форматиро-
вание символов. Списки в HTML-документах
Ц е л и. Сделав данную лабораторную работу, обучаемый сможет:
оформлять ссылку к документу на жестком диске;
выделять место в документе, на которое ссылается якорь гиперсвязи;
правильно использовать синтаксис якоря гиперсвязи, ссылающегося на мишень;
вставить в документ упорядоченные и неупорядоченные списки, заголовки разных уровней;
выбирать стиль шрифта;
центрировать текст документа;
закрепить практические навыки работы с гипертекстовым редактором WebEdit;
составлять HTML-документы с гипертекстовыми ссылками.
О б о р у д о в а н и е: IBM PC, WebEdit.
Содержание работы
Задание 1. Наберите с помощью редактора WebEdit следующий документ:
<HTML><HEAD><TITLE>Document1</TITLE></HEAD><BODY><H3>Тема:</H3><H1>Проблемное обучение информатике младших школьников</H1><CENTER>Содержание работы</CENTER><BR><P><I>Введение</I><P> <UL TYPE=square><LI><B>Глава 1. </B>Проблемное обучение информатике <OL><LI>Проблемное обучение в
<A HREF="#pr1"> психолого-педагогической литературе</A><LI>
<A HREF="#pr2">Основные условия</A> возникновения проблемной ситуации<LI>
<A HREF="#pr3">Проблемное обучение и МПОИиВТ </A></OL><LI>
<A HREF="file://localhost/c:\doc2.htm">Глава 2. </A> Разработка методики проблемного обучения информатике младших школьников <LI>
<A HREF="file://localhost/c:\doc2.htm">Глава 3.</A>Результаты педагогического эксперимента<P></UL><U>Заключение</U><HR><P><P><A NAME="pr1">
В первом параграфе первой главы дается общая характеристика проблемного обучения, рассматривается история этого явления, этапы его развития.</A> <HR><P><P>
<A NAME="pr2">Во втором параграфе первой главы рассматриваются правила создания проблемных ситуаций, типы проблемных ситуаций, задачи для создания проблемных ситуаций, этапы решения проблемной задачи <HR><P><P></A>
<A NAME="pr3">В третьем параграфе первой главы дан сравнительный анализ курсов методики преподавания математики, методики преподавания физики, методики преподавания основ информатики и вычислительной техники в средней школе </A>
</BODY></HTML>
Основные команды (теги), используемые при написании html-документа
<HTML> формат документа;
<HEAD> заголовок документа;
<TITLE> название документа;
<BODY> текст документа;
<HR> формирование горизонтальной линии;
<P> ввод пустого абзаца;
<H3> заголовки разных уровней в тексте документа;
<CENTER> расположение слова или фразы по центру;
<BR> простое окончание строки;
<I> для выделения текста курсивом;
<B> для выделения текста жирным шрифтом;
<U> для выделения текста подчеркиванием;
<UL>, <LI> (неупорядоченные списки) – применяется для оформления записей различных уровней;
<OL>,<LI> (упорядоченные списки) – все записи пронумерованы;
<A HREF=»file://localhost/путь»> гипертекстовая ссылка к документу на вашем жестком диске;
<A NAME=»имя мишени»> (мишень) место в документе, на которое ссылается якорь гиперсвязи;
<A HREF=»#имя мишени»> синтаксис якоря гиперсвязи, ссылающегося на мишень.
Помощь редактора WebEdit:
1. Теги основной части документа: <HTML>, <HEAD>, <TITLE>, <BODY> находятся в меню PAGE.
2. Для вставки в документ стандартного горизонтального разделителя <HR> нажмите кнопку мыши на меню <MISC>, затем на альтернативе HORIZONTALE RULE.
3. Для создания пустого абзаца <P> выберите меню BLOCK, альтернативу PARAGRAPH.
4. Для вставки в документ заголовка уровня <H3> нажмите кнопку мыши на меню HEADING, затем на альтернативу HEADING3. Аналогично <H1>.
5. Тег центрирования абзаца можно найти в меню BLOCK, альтернативе CENTERED.
6. Стиль шрифта <I>,<B>, <U> находится в меню PHYSICAL, альтернативах ITALIC, BOLD, UNDERLINED.
7. Для вставки в документ неупорядоченного списка <UL>,<LI> нажмите кнопку мыши на меню LIST, на альтернативу UN-ORDERED LIST и в диалоговой панели выберите square (квадрат). Затем в меню LIST выберите альтернативу LIST ITEM.
8. Гипертекстовая ссылка к документу на вашем жестком диске
<A HREF=»file://localhost/путь»>. Нажмите кнопку мыши на пиктограмме, которая выглядит, как якорь. В появившейся диалоговой панели наберите адрес документа (HREF)–C:\DOC2.HTM и щелкните мышью на слове – ANCOR.
9. Гипертекстовая ссылка на другой текст внутри того же самого документа
<A HREF=»#pr1»>. Нажмите кнопку мыши на пиктограмме, которая выглядит, как якорь. В появившейся диалоговой панели в HREF наберите #pr1.
10. Мишень <A NAME=»pr1»>. Нажмите кнопку мыши на пиктограмме, которая выглядит, как якорь. В появившейся диалоговой панели в NAME наберите pr1.
11. Тег перевода корретки <BR> можно найти в меню MISC, альтернативе LINE BREEK.