Разработка web-сайта

Автор работы: Пользователь скрыл имя, 23 Октября 2014 в 19:51, дипломная работа

Краткое описание

Цель данного дипломного проекта – разработать технологию создания учебного пособия и проверить ее эффективность в реальном творческом проекте.
Реализация данной цели требует содержательного и методического решения следующих задач:
- изучить историю и теорию Web-дизайна
- разработать концептуальную модель учебника
- изучить Web-технологию и языки HTML и Java-Script и их возможности в Web-дизайне

Содержание

Введение 4
Распространение Internet 5
Концепция WWW 6
1. Информационное Обеспечение 9
1.1 Структура информационных потоков 9
1.2 Концептуальная модель учебника 1
2. Лингвистическое обеспечение 3
2.1 Создание Web-страницы с помощью языка HTML 3
2.2 Структура HTML документа 4
2.3 Форматирование текста 6
2.4 Фреймы 10
2.5 JavaScript 11
2.7 Дизайн учебника 12
3. Методическое обеспечение 14
3.1 Руководство по инсталляции 14
3.2 Руководство пользователя 14
4. Программное обеспечение 20
4.1 Выбор общесистемного программного обеспечения 20
4.2 Базовое программное обеспечение 21
4.3 Прикладное программное обеспечение 22
4.4 Руководство проектировщика 22
5. Техническое обеспечение 30
6. Промышленная экология 33
6.1 Понятие экологии 33
6.2 Экологические проблемы научно-технического прогресса 34
6.3 Классификация источников излучения и понятие ионизирующего излучения. Влияние ионизирующих излучений на окружающую среду и защита от них. 35
7. Мероприятия по охране труда и технике безопасности 44
7.1 Анализ условий труда операторов на вычислительных центрах 44
7.2 Меры по безопасности организации работ 46
7.3 Противопожарная защита 56
8 Технико-ЭкономическОЕ ОБОСНОВАНИЕ 59
Список использованных источников: 63

Прикрепленные файлы: 1 файл

razrabotka_websaita.doc

— 1.05 Мб (Скачать документ)

var currentpos=0,alt=1,curpos1=0,curpos2=-1

function initialize(){

startit()

}

function scrollwindow(){

if (document.all)

temp=document.body.scrollTop

else

temp=window.pageYOffset

if (alt==0)

alt=1

else

alt=0

if (alt==0)

curpos1=temp

else

curpos2=temp

if (curpos1!=curpos2){

if (document.all)

currentpos=document.body.scrollTop+1

else

currentpos=window.pageYOffset+1

window.scroll(0,currentpos)

}

else{

currentpos=0

window.scroll(0,currentpos)

}

}

function startit(){

setInterval("scrollwindow()",30)

}

window.onload=initialize

</SCRIPT><font face="Times New Roman,Arial">

<center><table height=350 width=750 border=0><tr><td></td></tr></table>

<p><font size=5 color=#00ffff><b>Наши будни</b></p>

<p><font size=4 color=#6699ff><br>Рабочий  день в школе начинается в 8:00 для преподавателей<br>и в 8:30 для  учеников. По понедельникам проводится  общешкольная<br>линейка, где делаются  объявления и поздравления отличившихся учеников.<br>Потом начинается непосредственно учебный процесс.</p>

<p>В нашей школе ученики, называемые  студентами, учатся<br>в 2 смены. Это  значит, что до обеда у них  государственная программа,<br>утвержденная  департаментом образования (как  в обычной школе),<br>а после обеда (у тех же детей) - американская, где дети изучают<br>все предметы на английском языке по американским учебным материалам,<br>или же наоборот, 1 смена - американская, 2 смена - государственная.</p>

<p>Читатель наверное знаком  с обычной школой, поэтому<br>мы расскажем здесь об особенностях американской программы<br>В классе работают в среднем 15 студентов 3 преподавателя<br> одновременно - 1 ведущий и 2 помощника. Как студентам,<br>так и преподавателям разрешается разговаривать только на<br>английском языке.<p>Студенты изучают 5 основных предметов,<br>которые в свою очередь могут иметь дальнейшее деление.<br>Так математика делится на алгебру и геометрию,<br>общественные науки - на географию и историю,<br>естественные науки - на биологию, физику, химию.<br>Помимо этого отдельно изучаются английский и<br>словообразование (этимология)</p><p>Каждый студент имеет индивидуальный учебный план и<br>соответствующий ему учебный материал, который определяется<br>после комплексного тестирования. Сам процесс обучения также<br>носит индивидуальный характер: студент самостоятельно ставит<br>цели на следующий день (выраженные в количестве страниц)<br>по каждому предмету, которые необходимо проработать.<br>Он сам переводит тексты, заучивает правила, отвечает их,<br>выполняет упражнения для закрепления</p><p>Ведущий преподаватель (супервайзер) ответственный за<br>академические успехи разъясняет возможные трудности<br>и вопросы, возникающие у студентов. Два другие <br>преподавателя (мониторы) спрашивают перевод текстов,<br>правила, новые слова и дают разрешение выйти из класса.</p>

<p>Другой важной особенностью  школы является библейская<br>направленность  нашей политики. Это не значит  что мы<br>христианская школа. Мы не нарушаем закон о светском<br>образовании. Это значит, что философия школы основана на<p><a href="principles.htm" target="_parent">традиционных принципах</a></p></p><p>Пожелания и комментарии пишите на нашу<br><br><b><tt><a href="mailto:kaes@nursat.kz">школу</p></a><p>или</p>

<p><a href="mailto:vasily@sys-pro.com">автору данного сайта</p>

</font></center>

<table height=350 width=750 border=0><tr><td align=center valign=top></td></tr></table>

</body></html>

 

Почему мы лучшие

 

<html>

<head><title>Почему мы лучшие</title></head>

<frameset rows="170,*" border=0>

<frame src="best1.htm" scrolling="no" marginheight="0" marginwidth="10">

<frameset cols="*,*" border=0>

<frame src="left.html" scrolling="no" marginheight="0" marginwidth="10">

<frame src="right.html" scrolling="no" marginheight="0" marginwidth="0"></frameset>

</html>

 

Верхний фрейм

<html><title>Почему мы лучшие</title>

<head></head>

<body background="bg.gif" body bgcolor=#000000 text=#66cc99 link=#66cc99 alink=#99ccff vlink=#339966><font face="Times New Roman,Arial">

<table width=100% height=10 border=0>

<tr align=center><td><font size=2><a href="javascript:history.go(-1)">

<b>Назад</b></a></font></td>

<td><font size=2><a href="index.htm" target="_parent"><b>

Главная страница</b></a></td>

<td><font size=2><a href="chores.htm" target="_parent"><b>Наши будни</a></b></font></td>

<td><font size=2><a href="principles.htm" target="_parent"><b>Основы нашей философии</b></a></font></td>

<td><font size=2><a href="laws.htm" target="_parent"><b>5 законов обучения</b></a></font></td>

<td align=center><font size=2><a href="history.htm"

target="_parent"><b>Наша история</b></a></font></td>

</tr></table>

<table width=100%><tr align=center><td><font size=5><b>Почему мы лучшие</b></font></td></tr>

</table>

<font size=3 color=##6699ff><b><br><align=center>

Школа Завтрашнего дня является лучшей школой по ряду причин. Давайте проведем краткий сравнительный анализ обычной общеобразовательной школы и Школы Завтрашнего Дня на примере КААШ (Казахстано-Американской Английской Школы)<br><table width=750 border=0><tr align=center><td width=250 valign=top><font size=4><b>КААШ</td>

<td width=250></td>

<td valign=top><font

size=4><b>Обычная школа</td></tr></body></html>

 

Нижний левый фрейм:

 

<html><head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Words</title>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body onload="dynAnimation()" language="Javascript1.2" body background="bg.gif" body bgcolor=#000000 link=#66cc99 alink=#99ccff vlink=#339966>

<p dynamicanimation="fpAnimelasticBottomFP1" id="fpAnimelasticBottomFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><font face="Times New Roman,Arial"><font size=3 color=#6699ff>

1. В классе в среднем 15 человек  и 3 преподавателя.<br>

2. Ученик занимается по индивидуальной  программе.<br>

3. Обучение ведется на английском  языке.<br>

4. Ученик сам ставит перед  собой цели и пытается их  достичь, что вырабатывает самостоятельность  и ответственность.<br>

5. Ученики находятся под постоянным  наблюдением преподавателей, даже  на переменах, поэтому у нас  не существует проблеммы курения, алкоголя или наркотиков в школе.</font></p></body>

</html>

 

Нижний правый фрейм:

<html>

<head>

<meta http-equiv="Content-Language" content="en-us">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Words</title>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body onload="dynAnimation()" language="Javascript1.2" body background="bg.gif" body bgcolor=#000000 link=#66cc99 alink=#99ccff vlink=#339966>

<p dynamicanimation="fpAnimelasticBottomFP1" id="fpAnimelasticBottomFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2"><font size=3 color=#6699ff face="Times New Roman,Arial">

1. В классе в среднем 30 учеников  и 1 преподаватель.<br>

2. Все дети занимаются по одной, единой для всех программе.<br>

3. -------------<br>

4. Ученик делает лишь то, что  говорит учитель, что в принципе не плохо, но лишает ученика самостоятельности.<br>

5. Дети предоставлены сами себе  на переменах со всеми вытекающими  отсюда последствиями.<br>

</font></p></body>

</html>

 

Наша философия

 

<html><head><title>Наша философия</title></head>

<frameset rows="30,*" border=0>

<frame src="refprinc.htm" scrolling="no" marginheight="0" marginwidth="0">

<frame src="allprinciples.htm" scrolling="yes">

</frameset>

</html>

 

Первый сверху фрейм:

<html><head><title>Наша философия</title></head>

<body background="bg.gif" body bgcolor=#000000 link=#00ccff vlink=#66cc99 alink=#99cc99>

<font face="Times New Roman,Arial">

<table width=100% height=3 border=0><tr><td align=center><a href="javascript:history.go(-1)"><font size=2>

Назад</a></td>

<td align=center><a href="index.htm" target="_parent"><font size=2>Главная страница</td>

<td align=center><a href="chores.htm" target="_parent"><font size=2>Наши будни</td>

<td align=center><a href="superbest.htm" target="_parent"><font size=2>Почему мы лучшие</td>

<td align=center><a href="laws.htm" target="_parent"><font size=2>5 законов обучения</td>

<td align=center><a href="history.htm" target="_parent"><font size=2>Наша история</td>

</html>

 

Второй фрейм:

<html><head><title>Библейские основы обучения</title></head>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body onload="dynAnimation()" language="Javascript1.2">

<p dynamicanimation="fpAnimhopWordsFP1" id="fpAnimhopWordsFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2">

<body background="bg.gif" body bgcolor=#000000 link=#66cc99 alink=#99ccff vlink=#339966><font face="Times New Roman,Arial">

<font size=4 color=#66cc99><b>

Пять законов обучения, о которых мы уже говорили, имеют свою основу в Библии:

</body></html>

 

Третий фрейм:

<html><head><title>Библейские основы  обучения</title></head>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body onload="dynAnimation()" language="Javascript1.2">

<p dynamicanimation="fpAnimelasticRightFP1" id="fpAnimelasticRightFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2">

<body background="bg.gif" body bgcolor=#000000 link=#66cc99 alink=#99ccff vlink=#339966><font face="Times New Roman,Arial">

<font size=4 color=#66cc99><b>

Закон I:<font size=3 color=#00ccff></b> "... И от всякого, кому дано много, много и потребуется, и кому много вверено, с того более взыщут. (Еванг. от Луки 12:48)</p>

</body></html>

 

Четвертый фрейм:

<html><head><title>Библейские основы обучения</title></head>

<script language="JavaScript" fptype="dynamicanimation">

<!--

function dynAnimation() {}

function clickSwapImg() {}

//-->

</script>

<script language="JavaScript1.2" fptype="dynamicanimation" src="animate.js">

</script>

</head>

<body onload="dynAnimation()" language="Javascript1.2">

<p dynamicanimation="fpAnimelasticRightFP1" id="fpAnimelasticRightFP1" style="position: relative !important; visibility: hidden" language="Javascript1.2">

<body background="bg.gif" body bgcolor=#000000 link=#66cc99 alink=#99ccff vlink=#339966><font face="Times New Roman,Arial">

<font size=4 color=#66cc99><b>

Закон II:</b><font size=3 color=#00ccff> "Ибо кто из вас, желая построить башню, не сядет прежде и не вычислит издержек, имеет ли он, что нужно для совершения ее" (Еванг. от Луки 14:28)</p>

</body></html>

 

Пятый фрейм, так же как и шестой седьмой и восьмой имеют такой же вид, с соответственно измененным немного текстом, поэтому мы не будем их здесь приводить.

 

5 законов обучения

 

<html><head><title>5 законов обучения

</title></head>

<frameset rows="20,*" border=0>

<frame src="reflaws.htm" scrolling="no" marginheight="0" marginwidth="0">

<frame src="laws2.htm" scrolling="no">

</frameset>

</html>

 

Верхний фрейм:

<html><head><title>5 законов обучения</title></head>

<body background="bg.gif" body bgcolor=#000000 link=#00ccff vlink=#66cc99 alink=#99cc99>

<font face="Times New Roman,Arial">

<table width=100% height=3 border=0><tr><td align=center><a href="javascript:history.go(-1)"><font size=2>

Назад</a></td>

<td align=center><a href="index.htm" target="_parent"><font size=2>Главная страница</td>

<td align=center><a href="chores.htm" target="_parent"><font size=2>Наши будни</td>

Информация о работе Разработка web-сайта