Выбор состава технических и программных средств
Исходя из целей курсовой работы, требуется создать программу, работающую под ОС Windows. В связи с тем, что разработанный алгоритм подразумевает использование графических возможностей, звука, анимации и параллельных процессов взаимодействия с пользователем, было принято решение использовать интегрированную среду разработки программ HTML. Данная среда разработки позволяет достаточно быстро создавать приложения для Windows.
Технические средства, достаточные для оптимальной работы программы:
- Windows 9x/ME/NT/2000/XP.
- Видео память не менее 1Mb. Ускоритель графики не требуется.
- Оперативной памяти не менее 16 Mb.
- Процессор Intel Pentium 166 и выше.
- Объем свободного места на жестком диске не менее 500 Мб.
- Манипуляторы: клавиатура и мышь.
Разработка рабочего проекта
Разработка программы.
Одним из основных критериев посещаемости электронного учебника является актуальность и практическое применение их информационного наполнения. Не на последнем месте находятся и такие характеристики как: стильное оформление; оптимальное наполнение графикой и анимацией; быстрая загрузка; правильность отображения в окне Web-браузера.
Поэтому при разработке стиля оформления страниц я обратила внимание на некоторые правила, основанные на факторах психологического восприятия информации с учетом принципов традиционного дизайна:
Нельзя перегружать страницы графикой;
Нужно стараться ограничивать максимальный объем размера кода страницы в 50 Кбайт (для сокращения размеров страницы рекомендуется использовать каскадные стили и скрипты);
Важно придерживаться одного стиля для всех страниц учебника;
Придерживаться принципа открытости системы для ее развития;
Правильно прорабатывать структуру учебника и навигационное меню ;
Избегать грамматических ошибок и использования сленговых выражений, которые понятны только узкому кругу посетителей. При использовании узкоспециальных терминов, которыми не владеет подавляющее большинство посетителей сайта, желательно делать поясняющие комментарии.
Фон страницы может быть как в виде рисунка, так и монотонным. Цвет отдельных объектов, фон страницы, таблиц и ячеек не должны доминировать над информацией, пользователь не должен отвлекаться дизайном страницы.
Некоторые из вышеперечисленных эргономических аспектов электронного дизайна в процессе работы написания исходных кодов удалось воспроизвести.
Фон Web-страницы спокойный не отвлекающий внимания от основной информации;
Спецификация программы
Наименование электронный учебник «Технические средства информатизации»
Состав учебника: состоит из нескольких файлов
1.Главная страница.
2.Содержание.
3.Папка где располагается текс учебника.
4.Основной код теста.
Текст программы
Ниже приведен элемент кода который Выводит данные учебника дает возможность просмотра и изучения учебника.
Index – Главная страница
<html>
<head>
<title>Электронный учебник ТСИ</title>
</head>
<frameset cols="320,*" frameborder="1" border="1" framespacing="1">
<frame src="frame/left.html" name="TableFrame" scrolling="YES" noresize>
<frame src="htmlTCU/Об учебнике.html" name="MainFrame">
</frameset>
</html>
Страница с содержанием
<html><head><title>Меню</title>
<style>
html { padding: 0px 0px 0px 0px;}
body {
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
background-image:url(image/fdVert.gif);
background-position:top;
color: #111111;
margin-left: 20px;
margin-top: 25px;
margin-bottom: 20px;
overflow: auto;
scrollbar-face-color: #969696;
scrollbar-shadow-color: #EFEFEF;
scrollbar-highlight-color: #EFEFEF;
scrollbar-3dlight-color: #CCCCCC;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
}
.zag {
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
font-size:25px;
cursor: default;
}
/* ещё не нажатые ссылки */
a:link {
color: #444444;
text-decoration: none;}
/* цвет ссылок */
a:visited {
color: #B4756A;
text-decoration: none; /* Нет подчёркивания */
}
/* цвет ссылок при наведении курсора */
a:hover {
color: #000084;
text-decoration: underline;
}
a:active {
color: #117711;
text-decoration: none;
}
</style>
</head>
<body>
<p class="zag">Содержание</p>
<a href="../htmlTCU/Об учебнике.html" target="MainFrame"><img src="image/039.gif" width="16" height="16" border="0">   Об учебнике</a>
<br>
<br>
<!------------------------------------------------------------------------------------>
<a href="13-2649.php" class="back_link" > ⇐ Назад