- •Министерство образования Иркутской области
- •Содержание
- •Введение
- •1 Общая часть
- •Понятия электронного учебного пособия
- •1.1.1 Виды электронных учебных пособий
- •Обзор программного обеспечения для разработки
- •1.2.1 Выбор среды разработки
- •2 Специальная часть
- •2.1 Постановка задачи
- •2.2 Программные средства реализации задачи
- •3 Технологическая часть
- •3.1 Руководство пользователя
- •3.2 Системно-технические требования
- •Заключение
- •Список использованных источников
- •Приложение а Листинг randompage.Js
- •Приложение б Листинг index.Html
- •Приложение в Листинг link.Html
- •Приложение г Листинг why.Html
- •Приложение д Листинг content.Html
- •Приложение ж Листинг stylesheet.Css
- •Приложение з Листинг 1.Html
- •Приложение и Листинг 2.Html
- •Приложение к Листинг 3.Html
- •Приложение л Листинг 4.Html
Обзор программного обеспечения для разработки
HTML – стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML преобразуется браузерами; полученный в результате преобразования форматированный текст отображается на экране.
CSS – стандартизированный язык разметки документов во Всемирной паутине. Большинство веб-страниц содержат описание разметки на языке HTML. Язык HTML преобразуется браузерами; полученный в результате преобразования форматированный текст отображается на экране.
JavaScript – прототипно-ориентированный сценарный язык программирования. Является реализацией языка ECMAScript. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам. Имеет большое количество фреймворков упрощающих разработку.
PHP – скриптовый язык общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков, применяющихся для создания динамических веб-сайтов. Мой выбор на него не пал, в связи с его сложностью его изучения по сравнению с HTML, так же из недостатков языка отмечается необходимость иметь web-сервер.
1.2.1 Выбор среды разработки
Для разработки был выбран язык разметки документов во Всемирной паутине HTML. Большинство веб-страниц в мире содержат описание на языке разметки HTML. Язык HTML интерпретируется браузерами; полученный в результате интерпретации форматированный текст отображается на экране монитора компьютера или мобильного устройства. Также HTML является теговым языком разметки документов.
Основными причинами послужили: кроссплатформенность, активное и перспективное развитие технологии, а так же обширная сфера применения.
2 Специальная часть
2.1 Постановка задачи
В курсовой работе необходимо разработать и создать ЭУММ для обучения человека с минимальными знаниями HTML, CSS, JavaScript. Показать процесс разработки и подстройки под себя элементов посадочной страницы, с помощью получаемых знаний из данного пособия. Для получения оптимального плана необходимо составить опорный план и впоследствии оптимизировать его.
Требования:
Для успешной работы и принятием пользователями ЭУММ необходимо: разработать интерфейс и его дизайн, брать информацию из нескольких источников, а затем выбирая всё лучшее из имеющейся информации, создать один качественный материал с понятной и чёткой структурой. Структурировать полученный материал по главам учебника, в соответствии с заявленным названием и информационным наполнением.
2.2 Программные средства реализации задачи
Sublime Text 3 чаше всего используется как редактор исходного кода и HTML, так же поддерживает плагины на языке программирования Python. Особенности программы заключаются в удобном и понятном интерфейсе. Авто дополнение кода позволяет набирающему пользователю код, в зависимости от используемого языка программирования, предлагать различные варианты завершения записи. В редакторе так же имеется возможность автоматического завершения переменных пользователя, что иногда позволяет избежать глупых ошибок и экономит время. Интерфейс программы изображён на рисунке 1.
Рисунок 1 – Интерфейс Sublime Text 3
