Автор работы: Пользователь скрыл имя, 13 Сентября 2013 в 07:54, дипломная работа
Для подготовки структуры гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы – браузера.
ВВЕДЕНИЕ. СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ ЭЛЕМЕНТОВ ИНТЕРФЕЙСА 55
1 ОБЩАЯ ЧАСТЬ 7
1.1 Электронное учебное пособие. Дизайн ЭУИ 7
1.2.1 Основные требования к содержанию электронных учебных пособий 11
1.2.2 HTML тэги. Принципы создания страниц в формате html, php 13
1.2.3 Форматирование текста 24
1.2.4 Работа со стилями 26
1.2.5 Добавление мультимедийных фрагментов в ЭУИ 31
1.2.6 Разработка навигации ЭУИ. Гиперссылки 35
1.3 Интерактивность ЭУИ 39
1.4 Создание автоматизированной системы контроля 42
1.5 Создание и внедрение ЭУИ 43
2 СПЕЦИАЛЬНЫЙ ВОПРОС 45
2.1 Постановка задачи 45
2.2 Разработка дизайн макета ЭУИ 45
2.3 Описание программы 53
2.4 Возможности и особенности использования ЭУИ в системе образования 55
2.5 Инструкция пользователю по работе с программой 60
3 ЭКОНОМИЧЕСКАЯ ЧАСТЬ 62
3.1 Рассчитать величину затрат на создание и разработку ЭУИ 62
4 ОХРАНА ТРУДА 77
4.1Опасные и вредные производственные факторы и меры защиты от них 77
5 ТЕХНИКА БЕЗОПАСНОСТИ 86
5.1 Правила пожарной безопасности при обслуживании вычислительной техники 86
ЗАКЛЮЧЕНИЕ 89
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ 90
СОДЕРЖАНИЕ
ВВЕДЕНИЕ. СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ ЭЛЕМЕНТОВ ИНТЕРФЕЙСА |
55 |
1 ОБЩАЯ ЧАСТЬ |
7 |
1.1 Электронное учебное пособие. Дизайн ЭУИ |
7 |
1.2.1 Основные требования
к содержанию электронных |
11 |
1.2.2 HTML тэги. Принципы создания страниц в формате html, php |
13 |
1.2.3 Форматирование текста |
24 |
1.2.4 Работа со стилями |
26 |
1.2.5 Добавление мультимедийных фрагментов в ЭУИ |
31 |
1.2.6 Разработка навигации ЭУИ. Гиперссылки |
35 |
1.3 Интерактивность ЭУИ |
39 |
1.4 Создание автоматизированной системы контроля |
42 |
1.5 Создание и внедрение ЭУИ |
43 |
2 СПЕЦИАЛЬНЫЙ ВОПРОС |
45 |
2.1 Постановка задачи |
45 |
2.2 Разработка дизайн макета ЭУИ |
45 |
2.3 Описание программы |
53 |
2.4 Возможности и особенности использования ЭУИ в системе образования |
55 |
2.5 Инструкция пользователю по работе с программой |
60 |
3 ЭКОНОМИЧЕСКАЯ ЧАСТЬ |
62 |
3.1 Рассчитать величину затрат на создание и разработку ЭУИ |
62 |
4 ОХРАНА ТРУДА |
77 |
4.1Опасные и вредные производственные факторы и меры защиты от них |
77 |
5 ТЕХНИКА БЕЗОПАСНОСТИ |
86 |
5.1 Правила пожарной безопасности при обслуживании вычислительной техники |
86 |
ЗАКЛЮЧЕНИЕ |
89 |
СПИСОК ИСПОЛЬЗУЕМОЙ ЛИТЕРАТУРЫ |
90 |
ВВЕДЕНИЕ. СТРУКТУРА WEB ДОКУМЕНТА. ИССЛЕДОВАНИЕ
ЭЛЕМЕНТОВ ИНТЕРФЕЙСА
Для подготовки структуры гипертекстовых документов используется язык HTML (Hyper Text Markup Language – язык разметки гипертекстовых документов), предоставляющий широкие возможности по форматированию и структурной разметке документов, организации связей между различными документами, средства включения графической и мультимедийной информации. HTML-документы просматриваются с помощью специальной программы – браузера. Наибольшее распространение в настоящее время получили браузеры Navigator компании Netscape (NN) и Internet Explorer компании Microsoft (MSIE). Реализации NN доступны практически для всех современных программных и аппаратных платформ, реализации MSIE доступны для всех Windows платформ, Macintosh и некоторых коммерческих Unix-систем.
HTML является упрощенной версией стандартного общего языка разметки – SGML
(Standart Generalised Markup Language), который
был утвержден ISO в качестве
стандарта еще в 80-х годах.
Этот язык предназначен для
создания других языков
Структура HTML-документа состоит из текста, представляющего собой содержание документа, и тегов, определяющих его структуру и внешний вид при отображении браузером. Простейший html-документ выглядит следующим образом:
<html>
<head>
<title>Название</title>
</head>
<body>
<p>Тело документа
</body>
</html>
Как видно из примера, тег представляет собой ключевое слово, заключенное в угловые скобки. Различают одинарные теги, как, например, <p>, и парные, как <body> </body>, в последнем случае действие тега распространяется только на текст между его открывающей и закрывающей скобкой. Теги также могут иметь параметры – например, при описании страницы можно задать цвет фона, цвет шрифта и т.д.: <body bgcolor= «white» text= «black»>.
Текст всего документа заключается в теги <html>, сам документ разбивается на две части – заголовок и тело. Заголовок описывается тегами <head>, в которые могут быть включены название документа (с помощью тегов <title>) и другие параметры, использующиеся браузером при отображении документа. Тело документа заключено в теги <body> и содержит собственно информацию, которую видит пользователь. При отсутствии тегов форматирования весь текст выводится в окно браузера сплошным потоком, переводы строк, пробелы и табуляции рассматриваются как пробельные символы, несколько пробельных символов, идущих подряд, заменяются на один. Для форматирования используются следующие основные теги:
<p> – начало нового абзаца, может иметь параметр, определяющий выравнивание:
<p align=right>;
<br> – перевод строки в пределах текущего абзаца;
<u></u> – выделение текста подчеркиванием
Ссылка на другой документ
устанавливается с помощью тега
<a href= «URL»>…</a>, где URL – полный
или относительный адрес
1ОБЩАЯ ЧАСТЬ
1.1 Электронное учебное пособие. Дизайн ЭУИ
Создание эффективного электронного учебного пособия возможно только при использовании апробированных информационных технологий и педагогических методик.
Электронное учебное
пособие также как и любое
другое пособие является
Структуру электронного
учебного пособия как форму
содержания учебного материала
можно представить в виде
Рисунок 1 - Структура электронного учебного пособия
Весь процесс создания
Разработка концепции, т.е. основной идеи, опирающейся на стандарт дисциплины, методику проведения занятий.
Проектирование делится на функциональное и структурное. На этом этапе разрабатывается структура или архитектура приложения, а также проектируется механизм взаимодействия с пользователем. Выделяются основные и вспомогательные элементы, строится иерархическая структура информационных блоков. Разрабатывается пользовательский интерфейс и функциональные основные связи между отдельными блоками и экранами. Разрабатываются типовые шаблоны информационных блоков и собственно экранные формы.
Таким образом, результатом работы на этом этапе являются:
1. рабочий прототип в
виде структурной
2. комплект шаблонов
3. схема гиперссылок,
Рисунок 2 - Структура модуля-параграфа электронного учебного пособия
В настоящее время
существуют два основных
Проектирование обучающих
программ эмпирическим путём
обычно идет от учебного
Проектирование обучающих программ при теоретическом подходе осуществляется от проектирования образовательного процесса, рассматриваемого в единстве учебной и обучающей деятельности, к технологии и методике обучения, и лишь затем осуществляется машинная реализация.
Электронное учебное пособие - издание, созданное на достаточно высоком научно - методическом и техническом уровне, представляющее собой электронную запись учебной информации на магнитные носители или размещенную в сетях ЭВМ (локальных, региональных, глобальных).
Электронные учебные издания
могут иметь печатную копию и в зависимости
от полноты представления учебного материала
дисциплины подразделяются на электронные
учебники и электронные учебные пособия.
Электронный учебник - основное
учебное электронное издание по образовательной
дисциплине, полностью соответствующее
требованиям и основным дидактическим
единицам государственного образовательного
стандарта специальности.
Электронное учебное пособие - учебное электронное издание, частично или полностью заменяющее или дополняющее электронный учебник. Содержание электронного учебного пособия должно соответствовать требованиям и содержанию программы образовательной дисциплины, утвержденной в установленном ВУЗом порядке.
Электронное учебное издание дополнение к традиционным формам обучения. Этот “электронный лектор” призван не только сохранить все достоинства обычной книги (учебного пособия), но и в полной мере использовать современные информационные технологии, мультимедийные возможности, предоставляемые компьютером.
К таким возможностям могут относиться:
компьютерное моделирование процессов и объектов, требующих для своего изучения уникальных или дорогостоящих оборудования, материалов, реагентов, а также опасных для жизни и здоровья человека, и их наглядное представление;
В настоящее время под термином ''дизайн'' понимают именно проектирование структуры веб-ресурса, обеспечение удобства пользования ресурсом для пользователей.
Немаловажной частью проектирования ресурса в последнее время стало приведение ресурса в соответствие стандартам что обеспечивает доступность содержания для людей с ограниченными физическими возможностями и пользователей портативных устройств, также непосредственно с дизайном сайтов смежные в Интернете, то есть, продвижение и реклама созданного ресурса. Работа с заказчиком начинается с заполнения а, в котором заказчик излагает свои пожелания относительно визуального представления и структуры сайта, указывает на ошибки в старой версии сайта, приводит примеры сайтов конкурентов. Исходя из брифа, менеджер составляет техническое задание, учитывая возможности программных и дизайнерских средств. Этап заканчивается после утверждения технического задания заказчиком.
Важно сразу отметить, что этапы проектирования веб-сайтов зависят от многих факторов, таких как объём сайта, функциональность, задачи, которые должен выполнять будущий ресурс и многое другое. Однако, есть несколько этапов, которые в обязательном порядке присутствуют в планировании любого проекта. Электронный учебный курс (ЭУК) — это образовательное электронное издание или ресурс для поддержки учебного процесса в учреждениях общего, специального, профессионального образования, а также для самообразования в рамках учебных программ, в том числе нацеленных на непрерывное образование. ЭУК позволяет выполнять все основные методические функции электронных изданий:
Информация о работе Электронный учебник по языкам программирования С++