Автор работы: Пользователь скрыл имя, 23 Марта 2014 в 19:18, курсовая работа
Актуальность темы. В настоящее время активно разрабатываются компьютерные инструментальные средства для ведения учебных курсов. Практически по всем направлениям учебных дисциплин создаются электронные учебники и самоучители. Однако создание и организация учебных курсов с использованием электронных обучающих средств, в особенности на базе Интернет - технологий, является непростой технологической и методической задачей. Тем не менее индустрия компьютерных учебно-методических материалов расширяется в силу их востребованности и социальной значимости. К примеру, компьютерные средства обучения полезны при самостоятельной и индивидуальной работе, они очень важны для личностно - ориентационной системы обучения.
Введение 3
Глава I. Теоретические аспекты программы EBook Maestro Free 7
1. Программа EBook Maestro Free 7
1.1. Описание элементов группы программы 8
1.2. Возможности программы 10
Глава II. Разработка цифрового образовательного ресурса 13
2.1. Структура файла в формате HTML 13
2.2.1. Создание таблиц в HTML 17
2.2.2. Гипертекстовые ссылки 20
2.2.3. Задаём цвет и размер текста 25
2.3.Компилирование 26
Заключение 31
Список литературы 33
1.Заголовок документа (<HEAD>). Внутри этого контейнера записываются параметры, общие для всей страницы. Для примера можно поместить сюда контейнер , позволяющий поместить текст для отображения в заголовке окна браузера.
2.Тело документа (<BODY>). Этот контейнер содержит всё то, что должен показать браузер внутри своего окна при открытии документа. Если документ содержит только текст, то этот текст нужно записывать именно здесь, если есть другие элементы (графика, таблицы, ссылки и т. д.). Элемент BODY должен встречаться в документе не более одного раза.
Если сравнить исходные тексты различных Web-страниц, можно легко увидеть сходство их структур. Это объясняется тем, что документы создаются по определенным правилам.
Ниже приведен шаблон типичного Web-документа. На его примере мы рассмотрим общие принципы построения HTML-страниц.
Для того чтобы понять структуру Web-страницы, нам необходимо подробно рассмотреть все элементы, входящие в приведенный ниже пример.
<HTML>
<HEAD>
<TITLE>исходная</TITLE>
</HEAD>
<BODY>тело документа
</BODY>
</HTML>
Если приведенный выше пример пояснить схематически, получится следующее:
Из схемы видно, что документ состоит из двух основных блоков – "заголовка" и "тела документа". Заголовок определяется с помощью элемента HEAD, а тело – элементом BODY.
Заголовок содержит "техническую" информацию о документе, хотя чаще всего используется только для обозначения его названия (см. элементTITLE).
Тело документа – самая важная составляющая. Именно в нем находится все то, что отображается на странице: текст, картинки, таблицы.
Заголовок создается с помощью элемента HEAD, между тегами которого размещаются элементы, содержащие техническую информацию о документе. Заголовок обычно располагается до тела документа.
Элементы, относящиеся к заголовку документа:
HEAD - определяет начало и конец заголовка документа. Является контейнером для элементов, содержащих техническую информацию о документе.
TITLE - определяет имя всего документа, которое отображается в заголовке окна браузера. Имя, как правило, отображается в заголовке окна браузера. Данный элемент обязателен для любого HTML-документа и может быть указан не более одного раза.
BASE - Указывает базовый адрес текущего документа (URL), который станет отправной точкой для расчета относительных адресов внутри документа. Элемент не имеет конечного тега. Обязательно присутствие хотя бы одного из атрибутов.
Таблицы в HTML организуются как набор столбцов и строк. Ячейки таблицы могут содержать любые HTML-элементы, такие, как заголовки, списки, абзацы, фигуры, графику, а также элементы форм.
Основные тэги таблицы
Таблица:<TABLE>...</TABLE>
Это основные тэги, описывающие таблицу. Все элементы таблицы должны находиться внутри этих двух тэгов. По умолчанию таблица не имеет обрамления и разделителей. Обрамление добавляется атрибутом BORDER.
Строка таблицы:<TR>...</TR>
Количество строк таблицы определяется количеством встречающихся пар тэгов <TR>..</TR>. Строки могут иметь атрибуты ALIGN и VALIGN, которые описывают визуальное положение содержимого строк в таблице.
Ячейка таблицы:<TD>...</TD>
Описывает стандартную ячейку таблицы. Ячейка таблицы может быть описана только внутри строки таблицы. Каждая ячейка должна быть пронумерована номером колонки, для которой она описывается. Если в строке отсутствует одна или несколько ячеек для некоторых колонок, то броузер отображает пустую ячейку. Расположение данных в ячейке по умолчанию определяется атрибутами ALIGN = left и VALIGN = middle. Данное расположение может быть исправлено как на уровне описания строки, так и на уровне описания ячейки.
Заголовок таблицы: <TH>...</TH>
Ячейка заголовка таблицы имеет ширину всей таблицы; текст в данной ячейке имеет атрибут BOLD и ALIGN=center.
Подпись:<CAPTION>...</CAPTION>
Данный тэг описывает название таблицы. Тэг <CAPTION> должен присутствовать внутри <TABLE>...</TABLE>, но снаружи описания какой-либо строки или ячейки. По умолчанию <CAPTION> имеет атрибут ALIGN=top, но может быть явно установлен в ALIGN=bottom. ALIGN определяет, где - сверху или снизу таблицы - будет поставлена подпись. Подпись всегда центрирована в рамках ширины таблицы.
Основные атрибуты таблицы
BORDER - Данный атрибут используется в тэге TABLE. Если данный атрибут присутствует, граница таблицы прорисовывается для всех ячеек и для таблицы в целом. BORDER может принимать числовое значение, определяющее ширину границы, например BORDER=3.
ALIGN - Если атрибут ALIGN присутствует внутри
тэгов <CAPTION> и </CAPTION>, то он определяет
положение подписи для таблицы (сверху
или снизу). По умолчанию ALIGN=top.
Если атрибут ALIGN встречается внутри <TR>,
<TH> или <TD>, он управляет положением
данных в ячейках по горизонтали. Может
принимать значения left (слева), right (справа)
или center (по центру).
VALIGN - Данный атрибут встречается внутри тэгов <TR>, <TH> и <TD>. Он определяет вертикальное размещение данных в ячейках. Может принимать значения top (вверху), bottom (внизу), middle (по середине) и baseline (все ячейки строки прижаты кверху).
NOWRAP - Данный атрибут говорит о том, что данные в ячейке не могут логически разбиваться на несколько строк и должны быть представлены одной строкой.
COLSPAN - Указывает, какое количество ячеек будет объединено по горизонтали для указанной ячейки. По умолчании - 1.
ROWSPAN - Указывает, какое количество ячеек будет объединено по вертикали для указанной ячейки. По умолчании - 1.
COLSPEC - Данный параметр позволяет задавать фиксированную ширину колонок либо в символах, либо в процентах, например COLSPEC="20%".
Гипертекстовые ссылки являются ключевым компонентом, делающим web привлекательным для пользователей. Добавляя гипертекстовые ссылки можно сделать набор документов связанным и структурированным, что позволяет пользователю получать необходимую ему информацию максимально быстро и удобно.
Так же можно использовать ссылки как для перемещения по документу, так и для перемещения от одного документа к другому. Однако, HTML не поддерживает возврат на предыдущую ссылку, если перемещение происходило внутри документа. Если вы используете ссылки внутри документа, а затем нажимаете на клавишу Back, то вы не перейдете на предыдущую ссылку, а вернетесь на ту часть документа, которую вы просматривали до этого.
Для создания гиперссылок используются теги. Список тегов в таблице 1.
Таблица 2. Теги
Гиперссылки | |||||||||||||
<a href="URL"></a> |
Создает гиперссылку на другие сайты. | ||||||||||||
<atarget="?"></a> |
Указывает в каком окне открывать гиперссылку.
| ||||||||||||
<a href="NAME"></a> |
Создает гиперссылку на другую страницу. |
<a href="mailto:EMAIL"></a> |
Создает гиперссылку вызова почтовой программы для написания письма по указанному адресу. |
<a href="#name"></a> |
Создает гиперссылку на метку текущей страници. |
<a name="name"></a> |
Отмечает часть текста, как метку для гипперссылок на странице. |
<a href="NAME#name"></a> |
Создает гиперссылку на метку другой страници. |
Рассмотрим в моем примере. Чтобы создать html страницу сперва надо создать на своем компьютере папку. Я создала D:/УЧЕБА/КУРСОВАЯ/01.html. Далее пишем туда html код:
<html>
<head>
<title>1.Представление
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<table width="100%" border="0" cellspacing="30" cellpadding="0">
<tr valign="middle">
<td width="100" align="left"> </td>
<td align="center"><h1>
<td width="100" align="right"><a href="02.html"><img src="images/butnext.jpg" width="95" height="40" border="0"></a></td>
</tr>
</table><div style="margin: 0 auto; display: inline-block;position: relative;left:35%;width: 45%;">
<p align="center">
</p>
<p><li><a href="02.html">Роль и место понятия языка в информатике</a></li>
<p><li><a href="03.html">Формальные
языки в курсе информатики</a><
<p><li><a href="04.html">Языки представления чисел: системы счисления</a></li>
<p><li><a href="05.html">Язык логики и его место в базовом курсе</a></li>
<p><li>Методика преподавания
линии представления
<ul>
<p><li><a href="06.html">Методические рекомендации по изучению темы «Системы счисления»</a></li>
<p><li><a href="07.html">Методические
рекомендации по изучению темы
«Язык логики»</a></li></ul>
</ul>
<p><li><a href="08.html">Лабораторный практикум</a></li>
<p><li><a href="09.html">Приложение</a><
</p>
<p align="center" class="Copyright">© 2014 год</p>
</body>
</html>
Затем нажимаем файл -> Сохранить, указываем D:/УЧЕБА/КУРСОВАЯ/index.html и нажимаем кнопку сохранить. После этого открываем эту страницу.
Рисунок 2. Проект
С помощью html тэга<font>вы можете задавать цвет и размер текста. Цвет текста задается атрибутомcolor, а размер – атрибутомsize
Как обычно создаюhtml страничку с указанным выше кодом. У меня получилось:
Рисунок 3. Цвет и размер шрифта
Как видите атрибут color задает
цвет текста, причем можно использовать
как RGB код (например #FF0000), так и названия
цветов. (напримерred,green,gray,
Когда все это проделано, и этот «сайт» работает на вашем компьютере, приступаем к созданию самой электронной книги. Для начала надо собрать все файлы и папки в одной директории на жестком диске. В нашем случае из папки D:/УЧЕБА/КУРСОВАЯ. Запускаем EBook Maestro.
Рисунок 5. Открываем программу
Открывается окошко. И в этой окошке вводим:
1шаг. Вводим необходимые
данные: название книги – «
Рисунок 6. Настройки файла
Нажимаем обзор(Browse), чтобы выбрать папку с файлами книги.
2 шаг. В нашем примере мы выбираем КУРСОВАЯ это папка содержит файлы для нашей книги.
Рисунок 7. Выбираем папку
3 шаг. Выбираем файл который будет открыт первым.
Рисунок 8. Файлы
4 шаг. Укажем путь к .ехе файлу готовой книги.
Рисунок 9. Путь книги
5 шаг. Теперь когда компилятор знает откуда брать файлы и куда сохранять книгу, можно запустить компилятор и получить книгу.
Информация о работе Возможности программы EBook Maestro при создании цора по информатике