Оставьте комментарий

HTML

На странице представлены задания и методические материалы по разработке электронных учебных изданий в формате HTML.

Изучение представленных материалов позволит вам:

  • ознакомиться с языком разметки гипертекста HTML, получив начальные представления о технологии разработки html-страниц,
  • овладеть навыками работы с программой Adobe Dreamweaver — специализированным html-редактором, упрощающим работу с веб-страницами.

1. Введение в теорию создания ЭУИ (презентация)

Задания:

  • выберите дисциплину, по которой будете создавать электронное учебное пособие (ЭУП).
  • подберите методические материалы для подготовки ЭУП.

2. Основы html

Задания:

3. Работа в DW. Форматирование текста, работа со стилями. Таблицы.

Задания:

  • создайте шаблон первой страницы ЭУ посредством табличной разметки (подробнее…)
  • разработайте дизайн страницы: создайте стили для тела страницы, таблицы, абзацев, заголовков, элементов оглавления, навигации и др.
  • на основе шаблона создайте остальные страницы ЭУ (работая пока только с текстом).

4. Мультимедиа в ЭУ

Задания:

  • подберите по тематике вашего ЭУП изображения и сохраните их в отдельную папку img.
  • вставьте изображения на страницы вашего ЭУП.
  • подберите подходящие видео материалы для размещения в ЭУП (видеофильмы, видеолекции, видеоролики из Интернета)
  • добавьте видеоматериалы на страницы вашего ЭУП.

5. Гиперссылки

Задания:

  • Организуйте по гиперссылкам переходы между страницами ЭУП, сделав активными элементы навигационной панели внизу каждой страницы (переходы  Назад, Далее).
  • Элементы оглавления сделайте активными ссылками на соответствующие страницы с содержанием этих глав и параграфов.
  • Замените «объемные» изображения по тексту пособия ссылками на отдельные файлы с этими изображениями.
  • На страницах ЭУП организуйте переходы к изучению дополнительной информации посредством задания внешних гиперссылок.

6. Тесты в ЭУ

Задания:

  • Разработайте тестовые задания для самопроверки по теме вашего ЭУП.
  • Создайте на основе шаблона html-страницу test.html.
  • В структуру (оглавление) ЭУП добавьте пункт самоконтроля, оформите его ссылкой на страницу test.html.
  • Используя примеры добавьте на страницу test.html разработанные тестовые задания (ограничение: «простой тест» на выбор одного варианта ответа и «разные типы вопросов» создаются в разных html-файлах).

7. Дополнительные элементы интерактивности

Задания:

  • Ознакомьтесь с дополнительными возможностями Dreamweaver, позволяющими повысить интерактивность и улучшить интерфейс ЭУ.
  • Добавьте подходящие элементы на страницы своего ЭУП.

Дополнительные материалы по курсу

HTML

Dreamweaver

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s

%d такие блоггеры, как: