Автор работы: Пользователь скрыл имя, 08 Сентября 2014 в 20:20, курсовая работа
Современный период развития общества характеризуется сильным влиянием на него компьютерных технологий, которые проникают во все сферы человеческой деятельности, обеспечивают распространение информационных потоков в обществе, образуя глобальное информационное пространство. Неотъемлемой и важной частью этих процессов является компьютеризация образования. В настоящее время в России идет становление новой системы образования, ориентированного на вхождение в мировое информационно-образовательное пространство.
ЯЗЫК ПРОГРАММИРОВАНИЯ
Прежде всего ваш сайт должен быть динамическим (а не статическим). Это значит, что страницы сайта формируются из нескольких частей (например: заголовок, меню, основная часть, низ) в момент обращения посетителя
Что касается языков программирования, то используют сейчас несколько вариантов, основные: php, asp, parser…
БРАУЗЕРЫ
Браузер— это программа, с помощью которой просматриваются сайты. В 85–90% случаев — это Internet Explorer (так как он входит в комплект поставки Windows). Кроме того, используются Opera, FireFox и другие. Еще надо учесть, что у каждого браузера есть свои версии. В каждом браузере сайт будет отображаться немного по-другому.
Сайт должен нормально просматриваться и функционировать в наиболее распространенных броузерах: Internet Explorer (версии 5.0, 5.5, 6.0), Opera (7–я, 8–я, 9–я версии), Firefox. После создания сайта до подписания акта приемки необходимо проверить свой сайт в этих броузерах.
Для создания сайта я использовала программу MS FrontPage. Тему своего сайта я создавала в Adobe PhotoShop.
Для того, что бы начать работу по созданию сайта необходимо открыть MS FrontPage. Затем выбираем Файл→Создать.
Потом выбираем вкладку «Другие шаблоны страниц»
После этого на экране монитора появляется диалоговое окно «Шаблоны страниц»
Выбираем «Обычная страница», на экране появляется пустая страница. Затем надо применить мною созданную тему к сайту.
Слева располагается меню сайта.
Для того, что бы пункты меню работали, надо создать кнопку. Для этого выбираем
Вставка→Веб-компонент→
Для того, что бы создать гиперссылку необходимо выделяем нужный текст, нажимаем правую кнопку и выбираем в контекстном меню «Гиперссылка». Далее появляется окно добавления гиперссылки.
Выбираем страницу на которую должна ссылаться эта гиперссылка, а также выбираем рамку в которой будет открываться страница.
Также на моем сайте присутствует онлайн тест, который выполнен при помощи языка JavaScript. Вот сам скрипт:
<script language="JavaScript">
<!-- Hide JavaScript from Java-Impaired Browsers
function dataBase(test) {
var counter=0;
if (test.q0[1].checked) {counter++;}
if (test.q1[1].checked) {counter++;}
if (test.q2[0].checked) {counter++;}
if (test.q3[0].checked) {counter++;}
if (test.q4[1].checked) {counter++;}
if (test.q5[0].checked) {counter++;}
if (test.q6[1].checked) {counter++;}
if (test.q7[0].checked) {counter++;}
if (test.q8[0].checked) {counter++;}
if (test.q9[0].checked) {counter++;}
document.test.display.value = counter;
}
// End Hiding Script -->
</script>
Для запуска программы необходимо активировать мышью ярлык программы, расположенный на диске приложения.
Рисунок 5 – ярлык для открытия Web – сайта
Далее мы ищем ярлык главной страницы, показанный на рисунке 6, и активируем двойным щелчком мыши.
Рис. 6 – ярлык для запуска главной страницы
После запуска файла index.html открывается Internet Explorer или Opera, в котором отобразилась главная страница веб-сайта «PSYHOLOGY.RU» и главное меню. Главная страница изображена на рисунке 7
Тестирование Web-сайта заключается в проверке всех его ссылок, просмотре его страниц на мониторах с различной расширяемой способностью и различном количестве отображаемых цветов, просмотре различных браузерах и их версиях и во многом другом. Рассмотрим основные методы тестирования.
№ |
Выполняемое действие |
Ожидаемый результат |
Фактический результат |
1 |
Просмотр электронного пособия на мониторах с различной разрешающей способностью |
||
1.1 |
800х600 |
Предполагается появление полос прокруток. Информация должна отображаться корректно. |
Появляются полосы прокруток. Информация отображается корректно |
1.2 |
1280х960 |
Информация должна отображаться корректно |
Информация отображается корректно |
1.3 |
1280х1024 |
Информация должна отображаться корректно |
Информация отображается корректно |
2 |
Проверка возможности просмотра отображения цветов при различном качестве цветопередачи установленной на мониторе. |
||
2.1 |
16 бит |
Информация должна отображаться корректно |
Информация отображается корректно |
2.2 |
32 бит |
Информация должна отображаться корректно |
Информация отображается корректно |
3 |
Проверка электронного пособия при просмотре в различных браузерах и их версиях. |
||
3.1 |
Explorer |
Информация должна отображаться корректно |
Информация отображается корректно |
3.2 |
Opera |
Информация должна отображаться корректно |
Информация отображается корректно |
3.3 |
Mozilla |
Информация должна отображаться корректно. |
Некоторые графические элементы отображаются некорректно. |
4 |
Проверка гиперссылок, поиск и устранение нерабочих ссылок |
Все ссылки, используемые на сайте должны работать правильно. |
Все ссылки, используемые на сайте, работают правильно. |
5 |
Проверка правильности отображения шрифтов на различных браузерах и их версиях |
Все выше перечисленные браузеры должны отображать шрифты. |
Все выше перечисленные браузеры отображают шрифты. |
6 |
Проверка загрузки всех графических элементов, а также таблиц и фреймов электронного пособия (рисунки, презентации, и т.д.). |
Все графические материалы должны загружаться. |
Все графические материалы загружаются. |
7 |
Проверка орфографии на страницах электронного пособия. |
Орфографические ошибки не должны быть обнаружены. |
Орфографических ошибок не обнаружено. |
8 |
Проверка на соответствие содержания страниц электронного пособия контенту предусмотренного заказчиком. |
Контент соответствует. |
Современная степень развития коммуникационных ресурсов открыла перед разумным человечеством новые горизонты на поле образовательной деятельности, но при этом поставила и новые задачи. Решение одной из них - суть проделанной работы.
Бурное развитие информационных технологий, медленное, но неуклонное превращение компьютера из сакрального предмета, доступного лишь узкому кругу посвященных, в явление повседневной обыденности, появление Internet и т.д. – все это рано или поздно должно было затронуть и такую традиционно консервативную область, как отечественное образование. В последние годы все мы стали свидетелями появления сначала англоязычных, а затем и отечественных электронных энциклопедий, предоставляющих пользователям принципиально новые "степени свободы" нежели их традиционные, "бумажные" аналоги. Отсюда уже один шаг оставался до попыток создать принципиально новые учебные пособия – электронные учебники. В настоящее время, когда процесс создания таких учебников уже вышел за рамки отдельных частных экспериментов, когда предпринимаются активные попытки внедрить их в учебный процесс, и на этом пути уже накоплен некоторый опыт, можно, наконец, говорить о том, что определение самого термина "электронный учебник" и его концепция, которую первопроходцы-энтузиасты нащупывали практически вслепую, начинает, наконец, проясняться.
Результат проделанной работы- учебное пособие по психологии. Оно обладает современным дизайном и соответствует эргономическим и кинесиологическим требованиям к компьютерным средствам обучения. С помощью этого учебного пособия студенты могут пройти курс лекций по социальной психологии, найти литературу по данной теме, пройти всевозможные тесты и тренинги. Кроме этого, сайт будет являться хорошей помощью преподавателю в проведении уроков по данной дисциплине.
Главная страница
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Главная</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n])
return null;
}
// -->
</script>
</head>
<body bgcolor="#FFFFCC" onload="FP_preloadImgs(/*url*/
<table border="0" cellpadding="0" cellspacing="0" width="1237" height="855">
<tr>
<td valign="top">
<!-- MSCellType="DecArea" -->
<img border="0" src="2.jpg" width="322" height="218"></td>
<td valign="top">
<!-- MSCellType="ContentHead" -->
<img border="0" src="Безымянный.png" width="912" height="216"></td>
<td height="218"> </td>
</tr>
<tr>
<td valign="top">
<!-- MSCellType="NavBody" -->
<p>
<a href="Лекции">
<img border="0" id="img2" src="buttonC.jpg"
height="60" width="300" alt="Лекции" fp-style="fp-btn: Glow Capsule 4; fp-font:
Ludvig van Bethoveen; fp-font-size: 36; fp-font-color-hover: #FF0000"
fp-title="Лекции" onmouseover="FP_swapImg(1,0,/*
<p>
<a href="литература">
<img border="0" id="img3" src="button12.jpg"
height="60" width="300" alt="Литература" fp-style="fp-btn: Glow Capsule 4;
fp-font: Ludvig van Bethoveen; fp-font-size: 36" fp-title="Литература"
onmouseover="FP_swapImg(1,0,/*
<p>
<img border="0" id="img4" src="button1B.jpg"
height="60" width="300" alt="Тренинги" onmouseover="FP_swapImg(1,0,/*
<p>
<a href="тест">
<img border="0" id="img5" src="button1E.jpg"
height="60" width="300" alt="Тесты" onmouseover="FP_swapImg(1,0,/*
<td valign="top" height="636" colspan="2">
<!-- MSCellType="ContentBody" -->
<p align="center"> <img border="0" src="welcome7.gif" width="600" height="100"></p>
<p align="justify"><font size="4" face="American Retro"> </font>
<font size="6" face="American Retro">Вы находитесь на сайте
<span lang="en-us">psyhology.ru. </span>Здесь вы можете пройти курс
лекций по социальной психологии, ознакомиться с существующими учебными
пособиями в данной предметной области, пройти всевозможные тесты. Также
на сайте есть тренинги, которые помогут вам в общении. Они научат вас
правилам ведения беседы, поведению в обществе, что очень необходимо в
нашей жизни.</font></p>
<p align="right"> <font face="American Retro"><font size="6">Желаю
удачи!!!</font> </font> </td>
</tr>
<tr>
<td width="322"></td>
<td width="896"></td>
<td height="1" width="19"></td>
</tr>
</table>
</body>
</html>
Литература
<html>
<head>
<meta http-equiv="Content-Language" content="ru">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>Литература</title>
<script language="JavaScript">
<!--
function FP_preloadImgs() {//v1.0
var d=document,a=arguments; if(!d.FP_imgs) d.FP_imgs=new Array();
for(var i=0; i<a.length; i++) { d.FP_imgs[i]=new Image; d.FP_imgs[i].src=a[i]; }
}
function FP_swapImg() {//v1.0
var doc=document,args=arguments,
n+=2) { elm=FP_getObjectByID(args[n]); if(elm) { doc.$imgSwaps[doc.$imgSwaps.
elm.$src=elm.src; elm.src=args[n+1]; } }
}
function FP_getObjectByID(id,o) {//v1.0
var c,el,els,f,m,n; if(!o)o=document; if(o.getElementById) el=o.getElementById(id);
else if(o.layers) c=o.layers; else if(o.all) el=o.all[id]; if(el) return el;
if(o.id==id || o.name==id) return o; if(o.childNodes) c=o.childNodes; if(c)
for(n=0; n<c.length; n++) { el=FP_getObjectByID(id,c[n]); if(el) return el; }
f=o.forms; if(f) for(n=0; n<f.length; n++) { els=f[n].elements;
for(m=0; m<els.length; m++){ el=FP_getObjectByID(id,els[n])
return null;
}
// -->
</script>
</head>
<body bgcolor="#FFFFCC" onload="FP_preloadImgs(/*url*/
<table border="0" cellpadding="0" cellspacing="0" width="1237" height="855">
<!-- MSTableType="layout" -->
Информация о работе Создание автоматизированного учебного пособия по социальной психологии