|
p align="left">Таким образом, в данной разработке электронного учебника самым приемлемым вариантом оказалось использование текстового редактора «Блокнот». 3. Технологический раздел 3.1 Выбор инструментария для программирования электронного учебника Для создания электронного учебника мною было принято решение воспользоваться следующими программами: · Блокнот -- это несложный текстовый редактор, используемый для создания простых документов. Наиболее часто программа «Блокнот» используется для просмотра и редактирования текстовых (TXT) файлов, но многие пользователи применяют программу «Блокнот» в качестве простого инструмента для создания веб-страниц. Программа «Блокнот» поддерживает только основное форматирование, поэтому случайное сохранение специального форматирования в документах, в которых должен остаться чистый текст, исключено. Это особенно полезно при создании HTML-документов для веб-страниц, так как особые знаки или другое форматирование могут не отображаться на опубликованных веб-страницах и даже могут приводить к возникновению ошибок. Файлы программы «Блокнот» могут быть сохранены в следующих кодировках: Юникод, ANSI, UTF-8 или Юникод Big Endian. Эти форматы обеспечивают большую гибкость при работе с документами, использующими различные наборы знаков. · Microsoft Office Picture Manager обеспечивает гибкие средства управления, редактирования и совместного использования рисунков. Пользователи могут просматривать все рисунки вне зависимости от того, где они сохраняются. Средство поиска рисунков помогает найти рисунки, автоматически выполняя поиск. Программа Office Picture Manager также помогает автоматически исправлять рисунки. Если требуется специфическая регулировка, можно выбирать отдельные инструменты редактирования. Программа Office Picture Manager предлагает также мощные средства совместного использования рисунков, позволяющие отправлять рисунки в сообщениях электронной почты или создавать узлы Microsoft SharePoint Picture Library в интрасети организации. · Smart Install Maker - это мощное и удобное средство для создания инсталляторов. Программа обладает удобным и интуитивно понятным интерфейсом, а также полным набором необходимых функций для создания профессиональных инсталляторов с минимальным размером, высокой степенью сжатия файлов и приятным интерфейсом. · Microsoft Office Word 2003 - это текстовый редактор, предназначенный для создания, просмотра и редактирования текстовых документов, с локальным применением простейших форм таблично-матричных алгоритмов. Текстовый процессор, выпускается корпорацией Microsoft в составе пакета Microsoft Office. · Nero - это мощный программный продукт необходимый для записи компакт-дисков. С помощью Nero можно записывать диски всех существующих в настоящие время стандартов, в том числе диски с данными, аудио, видео, писать CD и DVD. Может записывать сразу на нескольких приводах, поддерживает перепрожиг. Nero позволяет копировать или создавать свои собственные компакт-диски, при этом можно копировать даже защищенные компакт-диски. Интерфейс программы легко настроить на русский язык, именно из-за русского интерфейса, простоты и легкости работы программы Nero приобрела огромную популярность. · Paint.NET -это свободный образ программного обеспечения и манипуляции фото, использоваться на компьютерах с операционной системой Windows. Он поддерживает слои, неограниченные отмены, специальные эффекты и широкий спектр полезного и мощного инструментария. 3.2 Технология создания электронного учебника «Информационная безопасность» Электронный учебник был разработан в текстовом редакторе блокнот. Для того чтобы получить страницу электронного учебника, необходимо прописать следующие теги Далее сохранить этот файл в HTML формате (рис 6). Таким образом, мною была получена первая страница электронного учебника. Основной задачей был выбор цветовой гаммы для электронного учебника, самым оптимальным, на мой взгляд, оказался светло серо-голубой цвет. Этот цвет не вызывает раздражительной реакции на зрительные нервы и способствует долговременной работе с электронным учебником. Для отображения в учебнике выбранного цвета, необходимо прописать соответствующий код В обозревателе отобразится соответствующий цвет Теперь рассмотрим, как создавались некоторые страницы учебника: Главная страница электронного учебника «Информационная безопасность» На главной странице располагаются часы (текущее время), кнопки перехода («История колледжа», «Приступить к изучению»), также название электронного учебника. Для того, чтобы понять как все это получилось необходимо посмотреть HTML код страницы: <HTML><HEAD><TITLE>Информационная безопасность</TITLE><script language="JavaScript">function JSClock() {var time = new Date() var hour = time.getHours() var minute = time.getMinutes() var second = time.getSeconds() var temp = "" + hour temp += ((minute < 10) ? ":0" : ":") + minute temp += ((second < 10) ? ":0" : ":") + second document.clockForm.digits.value = temp id = setTimeout("JSClock()",1000) }</script> </head><body onLoad="JSClock()"BGCOLOR=lightgrey> <form name="clockForm"><center>Текущее время: <input type="text" name="digits" size="8" value=""></center></form> <a href=histori.html><img src=истор.jpg align=left alt="История НППК" border=0></a> <BR><BR><BR><center><font size=7 face="Comic Sans MS" color="darkblue"> Информационная безопасность</font></center><BR><BR><BR><BR> <a href="фрейм.html"><img src="изучить.jpg" align=left alt="Приступить к изучению" border=0></a><BR><BR><BR><BR><br><br><br><br> <font size=3 face="Comic Sans MS"><P align=right> Разработчик: Григорьева Анна. </P></font></BODY></HTML> Следующей рассмотренной страницей будет первая страница учебника: Эта страница создана с помощью фреймов <HTML><HEAD><TITLE>Информационная безопасность</TITLE> <FRAMESET ROWS="10%,*%" frameborder=1 framespacing=1> <FRAME NAME="head" SRC="head.html"> <FRAMESET COLS="20%,80%"> <FRAME NAME="index" src="index.HTML"> <FRAME NAME="main" src="main.HTML"></FRAMESET></HEAD></HTML> Здесь происходит разделение страницы на три части, в каждой из которых находится соответствующая информация. В верхнем фрейме располагается название электронного учебника (заголовок) и кнопка перехода на главную страницу, в левом - список, с помощью которого осуществляется переход на соответствующую страницу, в правом открывается информация при нажатии соответствующей темы из левого фрейма. Рассмотрим код каждой части фрейма в отдельности: Верхний фрейм (заголовок учебника): <HTML><HEAD><TITLE>Информационная безопасность</TITLE> <BODY BGCOLOR=lightgrey> <a href="главная.html" target="_top"><img src=к1.jpg align=left alt="на главную страницу"border=0></a><h1 align="center">Информационная безопасность</h1> </HEAD></HTML> В этом коде прописано заголовок страницы, цвет фона, кнопка перехода и название учебника. Левый фрейм: <HTML><BODY BGCOLOR=lightgrey> <HEAD><style>DIV.clTop{position:absolute; width:170} DIV.clSub{position:absolute; left:10; width:170} #divCont{position:relative; left:1; top:0; height:600; width:170;} A.clMain{font-family:Book Antiqua; font-size:14px; text-decoration:none; font-weight:bold; color:202020}A.clSubb{font-family:Book Antiqua; font-size:12px; text-decoration:none; color:darkblue}#divMain{position:absolute} </style><script language="JavaScript"> var stayFolded=false var unImg=new Image(); unImg.src='arrow.gif' var n = (document.layers) ? 1:0; var ie = (document.all) ? 1:0; var browser=((n || ie) && parseInt(navigator.appVersion)>=4) function makeMenu(obj,nest){ nest=(!nest) ? '':'document.'+nest+'.' this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+obj+'.style') this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document'); this.height=n?this.ref.height:eval(obj+'.offsetHeight') this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop; this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt return this} function b_showIt(){this.css.visibility="visible"} function b_hideIt(){this.css.visibility="hidden"} function b_vis()if(this.css.visibility=="hidden" function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y} function init(){ oTop=new Array() oTop[0]=new makeMenu('divTop1','divCont') oTop[1]=new makeMenu('divTop2','divCont') oTop[2]=new makeMenu('divTop3','divCont') oTop[3]=new makeMenu('divTop4','divCont') oTop[4]=new makeMenu('divTop5','divCont') oSub=new Array() oSub[0]=new makeMenu('divSub1','divCont.document.divTop1') oSub[1]=new makeMenu('divSub2','divCont.document.divTop2') oSub[2]=new makeMenu('divSub3','divCont.document.divTop3') oSub[3]=new makeMenu('divSub4','divCont.document.divTop4') oSub[4]=new makeMenu('divSub5','divCont.document.divTop5') for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }} function menu(num){if(browser){if(!stayFolded){ for(i=0;i<oSub.length;i++){if(i!=num){oSub[i].hideIt() oTop[i].ref["imgA"+i].src=unImg.src}}for(i=1;i<oTop.length;i++){oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)}}if(oSub[num].vis()){oSub[num].showIt() oTop[num].ref["imgA"+num].src=exImg.src}else{oSub[num].hideIt()oTop[num].ref["imgA"+num].src=unImg.src}for(i=1;i<oTop.length;i++){if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height</script></HEAD><body text="#202020" bgcolor="ivory" link="#0000FF" vlink="#FFA500" alink="#FF000" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0"> <!-- МЕНЮ --><div id="divCont"><div id="divTop1" class="clTop"> <a href="#" onclick="menu(0); return false" class="clMain"> <img src="arrow.gif" name="imgA0" width=12 height=12 alt="" border="0"> Информационная безопасность. Основные положения</a><br> <div id="divSub1" class="clSub"><br> <h3><a href="2.html" target="main" class="clSubb">-Основные составляющие национальных интересов РФ.</a><br></h3> <h3><a href="3.html" target="main" class="clSubb">-Интересы государства, общества, личности.</a><br></h3> <h3><a href="4.html" target="main" class="clSubb">-Информация. Свойства информации, пути получения.</a><br></h3> <h3><a href="1.html" target="main" class="clSubb">-Организационные, физико-технические, информационные, программно-математические угрозы. </a><br></h3> <h3><a href="31.html" target="main" class="clSubb">-Комплексное обеспечение ИБ государства.</a><br></h3> <h3><a href="32.html" target="main" class="clSubb">-Основные функции системы обеспечения ИБ РФ.</a><br></h3> <h3><a href="33.html" target="main" class="clSubb">-Внутренние и внешние источни-ки угроз ИБ РФ.</a><br></h3> </div><br></div><div id="divTop2" class="clTop"> <a href="#" onclick="menu(1); return false" class="clMain"> <img src="arrow.gif" name="imgA1" width=12 height=12 alt="" border="0"> Защита информации</a><br><div id="divSub2" class="clSub"><br> <h3> <a href="5.html"target="main" class="clSubb">-Элементы и объекты защиты информационной деятельности и обеспечения ИБ </a></h3><h3><a href="6.html"target="main" class="clSubb">-Технологии обеспечения безопасности обработки информации.</a></h3>
Страницы: 1, 2, 3, 4, 5, 6
| 
