Электронный учебник по языкам программирования С++

• справочно-информационные;
• контролирующие;
• функции тренажера;
• имитационные;
• моделирующие;
• демонстрационные.

С точки зрения информационно-коммуникационных технологий ЭУК — это информационная система комплексного назначения, обеспечивающая посредством единой компьютерной программы, без обращения к бумажным носителям информации, реализацию дидактических возможностей средств во всех звеньях дидактического цикла процесса обучения:

• постановку познавательной задачи;
• предъявление содержания учебного материала;
• организацию применения первично полученных знаний (организацию деятельности по выполнению отдельных заданий, в результате которой происходит формирование научных знаний);
• обратную связь, контроль деятельности учащихся;
• организацию подготовки к дальнейшей учебной деятельности (задание ориентиров для самообразования, для чтения дополнительной литературы).

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

 

 

1.2.1 Основные требования к содержанию электронных учебных пособий

 

 

 

    При сохранении информации на жестком диске компьютера, содержащую курс назвать соответствующим именем, например; Информационные технологии.

 Все рисунки должны  быть подписаны, (нумерация сквозная) и на них должны быть сделаны  ссылки в тексте. Размер текста  должен быть удобным для чтения  на 14 inch мониторе.

При открытии папки в ней  должен лежать только один файл, запускающий  главную страницу электронного учебного пособия с соответствующим именем (имя курса, index.html). Остальные файлы  должны быть распределены по папкам:

img (pie) - графика, картинки, анимация и т.д.

chapter (glaval, lecture3, part2, lab и т.п.) - содержание лекций, лабораторных, практик и т.д.

test - тесты, контрольные  задания, упражнения. d. file - все файлы не попавшие в выше описанные папки. Среди файлов обязательно наличие файла readme.txt с описанием, дублирующим инструкцию по пользованию пособием.

Таким образом, электронное учебное пособие должно соответствовать учебной программе и обычным требованиям к учебно-методическим изданиям (подтверждается методической комиссией факультета). Пособие может быть полностью оригинальным, т.е. публикуется впервые, либо может быть электронной версией ранее изданного учебно-методического пособия. Пособие может относиться к общему, специальному или факультативному курсу;

Иметь объем, достаточный  для раскрытия содержания соответствующего курса (или его части) и достижения учебно-методических целей;

 Содержать иллюстративные  элементы, способствующие достижению  учебно-методических целей (т.е.  в максимально возможной степени  использовать мультимедийные возможности  компьютера);

Быть разработано с  учетом специфики восприятия материала  с экрана монитора и загрузки по сети (небольшие главы, структурирование материала по обязательности и факультативности с соответствующим визуальным выделением, и др.);

Содержать ссылки как на другие разделы пособия, так при  необходимости - на внешние web-источники  и ресурсы;

Содержать контрольные вопросы  с возможностью самопроверки для  самостоятельной оценки студентом  степени освоения материала;

Язык пособия - русский (возможно дублирование на других языках);

Обеспечивать сбор (обратной связи) обучаемых и обучающих для процесса дальнейшего совершенствования учебного пособия.

Принцип наглядности: каждый модуль должен состоять из коллекции  кадров с минимумом текста и визуализацией, облегчающей понимание и запоминание  новых понятий, утверждений и методов.

Принцип ветвления: каждый модуль должен быть связан гипертекстными ссылками с другими модулями так, чтобы  у пользователя был выбор перехода в любой другой модуль. Принцип  ветвления не исключает, а даже предполагает наличие рекомендуемых переходов, реализующих последовательное изучение предмета.

Принцип регулирования: учащийся самостоятельно управляет сменой кадров, имеет возможность вызвать на экран любое количество примеров (понятие ``пример" имеет широкий  смысл: это и примеры, иллюстрирующие изучаемые понятия и утверждения, и примеры решения конкретных задач, а также контрпримеры), решить необходимое ему количество задач, задаваемого им самим или определяемого  преподавателем уровня сложности, а  также проверить себя, ответив  на контрольные вопросы и выполнив контрольную работу, заданного уровня сложности.

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

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

 

 

1.2.2 HTML тэги. Принципы создания  страниц в формате html, php

 

 

 

Таблица 1 - HTML теги

 

HTML теги
<html></html>	Начало  HTML документа
<head></head>	Конец  HTML документа
<body></body>	Определяет видимую часть  документа
Теги оглавления
<base href="www.?">	Указание браузеру от какого базового адреса все ссылки (кроме ссылок явно прописанных полностью)
<base target="?">	Указание браузеру от какого базового окна в котором открываются все ссылки (кроме ссылок с отдельным указанием данного параметра)
<meta name="allow-search" content="?">	Указание для поисковых  роботов как следует сканировать  данную страницу
<meta http-equiv="distribution" content="?">	Указание для поисковых  роботов относится ли данная страница к мировым
<meta name="robots" content="?">	Указание для поисковых  роботов как следует сканировать  данную страницу
<meta name="author" content="?">	Указание автора странички

 

 

Продолжение таблицы 1

 

<meta name="keywords" content="?">	Описание содержащийся информации (для поисковых машин)
<meta http-eguiv="content-type" content="text/plain;churset="?">	Указание браузеру в какой кодировке следует подгружать страницу (Window-1251, KOI8-R, KOI8-U, ISO-8859-5, UTF-8, UTF-16 и д.р.)  Некоторые хостинги (в основном иностранные) автоматически перекодируют страницы получаемые сервером в определенную кодировку. Поэтому уточняйте перед постановкой этого тега у поставщиков хостинга этот вопрос.
<meta name="description" content="?">	Ключевые слова странички (для поисковых машин)
<title></title>	Помещает название документа  в оглавление программы просмотра  страниц
Атрибуты тела документа
<body bgcolor="?">	Устанавливает цвет фона документа, используя значение цвета в виде RRGGBB - пример: FF0000 - красный цвет.
<body text="?">	Устанавливает цвет текста документа, используя значение цвета  в виде RRGGBB - пример: 000000 - черный цвет.
<body link="?">	Устанавливает цвет гиперссылок, используя значение цвета в виде RRGGBB
<body vlink="?">	Устанавливает цвет гиперссылок, на которых вы уже побывали, используя  значение цвета в виде RRGGBB
<body alink="?">	Устанавливает цвет гиперссылок  при нажатии.
Теги форматирования текста
<pre></pre>	Обрамляет предварительно отформатированный  текст.
<h1></h1>	Создает самый большой  заголовок

 

Продолжение таблицы 1

 

<h2></h2>, <h3>, </h3><h4></h4>, <h5>, </h5>	Создает заголовки промежуточных размеров
<h6></h6>	Создает самый маленький  заголовок
<b></b>	Создает жирный текст (не рекомендованный)
<i></i>	Создает наклонный текст (не рекомендованный)
<tt></tt>	Создает текст - имитирующий  стиль печатной машинки. (не рекомендованный)
<kbd></kbd>	Создает текст - имитирующий  стиль печатной машинки. (рекомендованный)
<var></var>	Название переменных отображается курсивом
<cite></cite>	Выделение цитат курсивом
<address></address>	Отображается курсивом в  виде отдельного абзаца
<em></em>	Наклонный текст (воспринимается поисковыми роботами как выделение)
<strong></strong>	Жирный текст (воспринимается поисковыми роботами, как особо сильное выделение)
<font size="?"></font>	Устанавливает размер текста в пределах от 1 до 7.
<font color="?"></font>	Устанавливает цвет текста
Гиперссылки
<a href="URL"></a>	Создает гиперссылку на другие сайты.
<a href="NAME"></a>	Создает гиперссылку на другую страницу.
<a href="mailto:EMAIL"></a>	Создает гиперссылку вызова почтовой программы для написания  письма по указанному адресу.
<a href="#name"></a>	Создает гиперссылку на метку  текущей страницы.
<a name="name"></a>	Отмечает часть текста, как метку для гиперссылок на странице.
<a href="NAME#name"></a>	Создает гиперссылку на метку  другой страницы.

 

 

 

Продолжение таблицы 1

 

Форматирование
<p></p>	Создает новый параграф
<p align="?"></p>	Выравнивает параграф относительно одной из сторон документа, значения: left, right, justify или center
<nobr>	Запрещает перевод строки.
<wbr>	Указывает где разбивать  строку для переноса при необходимости.
<br>	Вставляет перевод строки.
<blockquote></blockquote>	Создает отступы с обеих  сторон текста.
<dl></dl>	Создает список определений.
<dt>	Определяет каждый из терминов списка
<dd>	Описывает каждое определение
<ol></ol>	Создает нумерованный список
<li>	Определяет каждый элемент  списка и присваивает номер
<ul></ul>	Создает ненумерованный список
<li>	Предваряет каждый элемент  списка и добавляет кружок или  квадратик.
<div align="?"></div>	Важный тег используемый для форматирования больших блоков текста HTML документа, также используется в таблицах стилей
Графические элементы
<img src="name">	Добавляет изображение в HTML документ
<img src="name" align="?">	Выравнивает изображение  к одной из сторон документа, принимает  значения: left, right, center; bottom, top, middle
<img src="name" border="?">	Устанавливает толщину рамки  вокруг изображения
<img src="name" vspase="?">	Устанавливает поля сверху и снизу
<img src="name" hspase="?">	Устанавливает поля с боков
<img src="name" alt="?">	Всплывающая подсказка при  наведении на имидж
<hr>	Добавляет в HTML документ горизонтальную линию.