Электронный учебно-методический комплекс по диiиплине "Введение в циркумполярное регионоведение" для студентов заочного обучения
Дипломная работа - Компьютеры, программирование
Другие дипломы по предмету Компьютеры, программирование
воспроизведения текстов). Однако современное применение HTML очень далеко от его изначальной задачи. C течением времени, основная идея платформонезависимости языка HTML была отдана в своеобразную жертву современным потребностям в мультимедийном и графическом оформлении.
Внешний вид страниц сайта оформлен с использованием каскадных таблиц стилей CSS. Cascading Style Sheets (CSS) - это набор параметров форматирования, который применяется к элементам веб-страницы для управления их видом и положением. CSS используется создателями веб-страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих веб-страниц. Основной целью разработки CSS являлось разделение описания логической структуры веб-страницы (которое производится с помощью HTML или других языков разметки) от описания внешнего вида этой веб-страницы (которое теперь производится с помощью формального языка CSS). Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях или методах вывода, таких как экранное представление, печатное представление, чтение голосом (специальным голосовым браузером или программой чтения с экрана), или при выводе устройствами, использующими шрифт Брайля.
Подготовка и редактирование изображений сайта осуществлялось в растровом графическом редакторе Adobe Photoshop. (Эдо?уби Фотошо?п) - многофункциональный графический редактор, разработанный и распространяемый фирмой Adobe Systems. В основном работает с растровыми изображениями, однако имеет некоторые векторные инструменты. Продукт является лидером рынка в области коммерческих средств редактирования растровых изображений, и наиболее известным продуктом фирмы Adobe. Часто эту программу называют просто Photoshop (Фотошоп).
Для включения в ЭУМК графического меню навигации используем язык JavaScript. JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык iенариев для придания интерактивности веб-страницам.
Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке.
Название JavaScript является зарегистрированным товарным знаком компании Oracle Corporation.
Электронный учебно-методический комплекс представляет собой web-сайт, страницы которого созданы с использованием жесткой (с фиксированным размером в пикселях) верстки таблицами. Был избран стандартный пример размещения блоков, с понятной и простой навигацией слева.
Блок HeaderБлок mainmenuБлок LБлок footerРис. 3. Структура страниц сайта
Страница сайта разбита на 4 блока: header, l, mainmenu,, footer (Рис. 2). Блоки header и реализован в графическом редакторе Adobe Photoshop в виде картинок в формате jpg.
Блок header(шапка) - это заголовок сайта, в котором размещаются логотип, в некотором смысле это лицо сайта.
Основным средством структуризации содержания любого материала является меню, которое широко используется в ЭУМК. Это первый элемент - каркас, с которого следует начинать проектирование ЭУМК. Меню отражает основные разделы ЭУМК, имеет столько уровней вложенности, сколько их идет в логике самой работы. В данном ЭУМК меню расположена с верхней стороны.
Блок L - в этом блоке отображается основная информация на странице ЭУМК, а также его видимое содержимое: графика, тексты, заставки.
Блок Footer (подвал) - нижняя часть сайта. Здесь обычно размещается дополнительная навигация, копирайты либо iетчик.
Задний фон представляет собой замощённую картинку размером 182х184, благодаря ровным краям, стык получается ровный и мягкий узор который не напрягает глаза.
Рис. 4. Фон ЭУМК
Таким образом, каждый блок представляет собой единый html-файл (рис. 5.), который хранится в созданной папке site .
Рис. 5. ЭУМК
Виртуальная галерея ЭУМК состоит из пяти разных файлов формата html. Галерея (рис. 6) была разделена на 5 частей, во избежание загромождения экрана монитора.
Рис. 6. Виртуальная галерея
Картины в виртуальной галереи увеличиваются и сменяются при наведении (рис. 7) курсора мыши на маленькие картины.
Рис. 7. Активная галерея
Выдвижное навигационное меню (рис. 8) написано на трех программных языках:
1)JavaScript
)html
)css
Рис 8. Выдвижное меню
.3 Результаты опытно-экспериментальной работы
Подготовить квалифицированные инженерно-технические кадры в сфере эксплуатации автотранспорта, которым в нашей республике уделяется все большее внимание, можно лишь на основе передовых технологий и собственных информационных продуктов. Успешность разработки электронных учебно-методических комплексов зависит от эффективности их инструментального (техники) и интеллектуального обеспечения, профессиональной квалификации и дидактических умений разработчиков.
В ходе исследования нами разработан уч?/p>