|
|
Назаначение и функционирование программной средыСозданное пособие предназначено для изучения материала по дисциплине «Инфоратика» для 2 курсов. Оно содержит теоретический материал, тест, который необходим для проверки знаний, практические работы для отработки навыков, глосcарий предноздначин для быстрого поиска основных понятий дисциплины. Пособие удобно в работе. Им можно пользоваться, не имея специальных знаний в области информатики. Оно дает возможность быстро найти необходимую тему. Основные функции пособия: 1) Обучающая - это пособие студент сможет использовать для самостоятельной работы и легко сможет изучить материал самостоятельно, если он отсутствовал во время изучения материала на парах. Оно позволяет сделать изучение материала более удобным и интересным, чем чтение сплошного текста в книге. Пособие не загромождено большим количеством текста. Весь теоретический материал разбит на разделы; 2) Тесты - дают возможность проверить знания по всему изученному материалу; 3) В практических работах отрабатываются навыки; 4) Глоссарий - предноздначен для быстрого поиска основных понятий дисциплины.
Особенности применения языка HTML Для разработки электронного пособия использовались различные особенности языка HTML. Вот некоторые из них: форматирование текста, вставка изображений, текстовые и графические гиперссылки, фреймы, фоновые рисунки, работа с цветом, элементы программирования. Для форматирования текста существует большое количество элементов. При разработке данного электронного пособия использовались, следующие теги: <P> Для элемента Р. использовался атрибут выравнивания align. <BR> Элемент, обеспечивающий принудительный переход на новую строку. <BLOCKQUOTE></BLOCKQUOTE> Обозначает цитаты. Текст не претерпевает никаких изменений, но абзац располагается с отступом. <CENTER></CENTER > Этот элемент использовался для центрирования текста. Также использовался <DIV></ DIV > Элемент, похожий на предыдущий. Он позволил выравнивать содержимое по левому краю, по центру или по правому краю. Для этого стартовый тег содержит соответствующий атрибут: Align=”left” Align=”center” Align=”right” <B></B>
Выделяет текст в пособии жирным полужирным шрифтом. <I></i> С помощью этого тега была оформлена вся текстовая часть основного фрейма. <U></u> Использовалось и подчеркнутое начертание текста. Size=”размер шрифта” Установка, выполняемая этим атрибутом, имеет значение для элемента FONT (см. ниже), который позволил задать относительный размер шрифта. <FONT></font> Помимо изменения размера для элемента FONT использовался атрибут цвета: Color=”цвет” За описание стиля некоторых элементов в данном пособии отвечает: <STYLE></style>. В пособии также использовались изображения. Сочетание текста и графики придает любой страничке приятный вид и наглядность. Для вставки иллюстраций в документ используется тег <IMG>. Фрагмет вставки обычного рисунка: <img src="../СкуратоваТ и Чистякова Е/фоны/Новая папка (5)/stock-vector-boy-with-computer-34357399.jpg"> Любой документ смотрится эффектнее, если использовать фон: вставить рисунок или просто задать цвет. Фрагмент тегов фона и цвета, используемых в пособии: <body background="sersvtum68.jpg">
Каскадные таблицы стилей Для создания объемных заголовков в работе были использованы каскадные таблицы стилей. Довольно эффективны в документах HTML объемные заголовки. Они смотрятся лучше, чем обычные. Идея создания объемного заголовка такова: несколько надписей с одинаковым содержимым накладываются друг на друга с некоторым сдвигом по координатам. Фрагмент, кода программы создания объемного заголовка: <style> Каскадная таблица стилей для абзаца <style> a:visited { color="black" } a:hover { color=""}</style><link rel="stylesheet" type="text/css" href="css/1.css"></head> <body background="sersvtum68.jpg"> <p align=center><div style="position:absolute;top:21;left:50"> <p class=shadow><font size="7"><b>Содержание</b></font></p> </div <! Подсветка > <div style="position:absolute;top:16;left:49"> <p class=highlight><font size="7"><b>Содержание</b></font></p> </div> <! Передний план > <div style="position:absolute;top:19;left:48"> <p><font size="7" color="white"><b>Содержание</b></font></p> </div></p>
Среда разработки
Для разработки данного пособия применялся текстовый редактор Блокнот. Он прост в обращении и не требует специальных навыков, написания HTML кода. В нем удобно писать не только на HTML языке, но и на JavaScript. РАСЧЕТНО-КОНСТРУКТОРСКАЯ ЧАСТЬ 2.1 Описание исходных данных для проектирования
Исходными данными для проектирования явился материал предоставленный преподавателем информатики Челябинского профессионально-педагогического колледжа и консультантом по экономической части. В ходе разработки электронного пособия была исследована различная специальная литература и произведена выборка только самого основного, что могло бы помочь при разработке данного дипломного проекта.
Гипертекстовые технологии При разработке пособия “Информатика для 2 курса” использовались гипертекстовые технологии. Представлен переход по разделам пособия: темы, практические работы, глоссарий, справка, о программе. В разделах находятся ссылки на конкретный теоретический материал, а также переход по страницам пособия.
Рисунок 1 Структура электронного пособия
Структура электронного пособия представлена в таблице 1. Таблица 1 Структура электронного пособия
Основные элементы HTML Главная страница пособия представлена на рисунке 2.
Рисунок 2 Главная страница
Рисунок 3 Содержание
Рисунок 4 Разделы
Рисунок 5 Лекция
Рисунок 6 Практическая работа
Рисунок 7 Глоссарий
Рисунок 8 О программе
Рисунок 9 Тесты
Рисунок 10 Справка   Что способствует осуществлению желаний? Стопроцентная, непоколебимая уверенность в своем...  ЧТО И КАК ПИСАЛИ О МОДЕ В ЖУРНАЛАХ НАЧАЛА XX ВЕКА Первый номер журнала «Аполлон» за 1909 г. начинался, по сути, с программного заявления редакции журнала...  Что вызывает тренды на фондовых и товарных рынках Объяснение теории грузового поезда Первые 17 лет моих рыночных исследований сводились к попыткам вычислить, когда этот...  ЧТО ПРОИСХОДИТ ВО ВЗРОСЛОЙ ЖИЗНИ? Если вы все еще «неправильно» связаны с матерью, вы избегаете отделения и независимого взрослого существования... Не нашли то, что искали? Воспользуйтесь поиском гугл на сайте:
|
