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

1







	Министерство образования и науки Республики Казахстан

	Карагандинский Государственный Технический Университет

	

	

	

	Кафедра

	Систем автоматизированного

	проектирования

	

	

	

	ПОЯСНИТЕЛЬНАЯ ЗАПИСКА

	

	к дипломной работе

	

	Тема: «Разработка web-сайта»

	

	

	Руководитель

	________ 

	Студент гр. _________

	____________________

	(фамилия, инициалы)

	(подпись) (дата)

	

	

	

	2009

	
СОДЕРЖАНИЕ

	

		Введение	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

		Приложения	66

		

	
Введение

	

	World Wide Web (WWW) – интеллектуальное достижение человечества в эпоху высоких технологий. На сегодняшний день WWW содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы – Web-браузеры, которые существенно облегчают пользование ресурсами WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом байтов WWW. 

	Web-страницы, поддерживая технологию мультимедиа, объединяют в себе различные виды информации: текст, графику, звук, анимацию и видео. От того, насколько качественно и красиво сделана та или иная Web-страница, зависит во многом ее успех в сети.

	Пользователю приятно посещать те Web-страницы, которые имеют стильное оформление, не отягощены чрезмерно графикой и анимацией, быстро загружаются и правильно отображаются в окне Web-браузера.

	Особую актуальность приобретает проблема разработки Web-сайтов учебных заведений и использование Internet-технологий в системе образования. [1;2] Всякий импульс к новому всегда и творческий и реакционный. Изобретение бумаги и книгопечатания вызывало опасение о разрыве человеческих взаимоотношений, с появлением кино высказывались мнения об исчезновении театра и т.п. Однако история показывает, что новые технологии занимают свои ниши в общественных отношениях, не заменяя традиционные, а дополняя их возможности. Подрастающее поколение более восприимчиво к различным новациям. Следовательно, актуальность постановки, изучения и решения проблемы целенаправленного использования Internet-технологий в образовании в целом и Web-дизайна для учебных заведений в частности, не вызывает сомнений. [3;4] Поэтому для дипломного проекта мы выбрали тему: Разработка электронного учебника по системе AutoCAD 2000.

	Цель данного дипломного проекта – разработать технологию создания учебного пособия и проверить ее эффективность в реальном творческом проекте.

	Реализация данной цели требует содержательного и методического решения следующих задач:

	изучить историю и теорию Web-дизайна

	разработать концептуальную модель учебника

	изучить Web-технологию и языки HTML и Java-Script и их возможности в Web-дизайне

	выявить эффективность программно-аппаратных средств в Web-дизайне

	составить методическое руководство по разработке и использованию учебника.

	провести апробацию разработанной технологии в реальном творческом проекте.

	

	Распространение Internet

	

	Internet - это самая большая мировая компьютерная сеть. Теперь Internet имеет приблизительно 150 миллионов пользователей более чем в 50 странах. WWW доступен в основном через Internet; но, говоря WWW и Internet мы подразумеваем не одно и то же. WWW можно отнести к внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в то время как Internet является внешней стороной глобальной сети в виде огромного количества кабелей и компьютеров.

	


	Рисунок 1

	

	На рисунке 1 страны, обозначенные черным цветом, имеют связь по Internet. Количество людей, которые имеют такой доступ, в этих странах становится все большее и большее. Страны, обозначенные белым цветом, могут работать по e-mail, в локальных сетях или не имеют ничего подобного вообще.

	

	Концепция WWW

	

	Так что же такое World Wide Web, или, как говорят в просторечии, WWW, the Web, или еще более простое - 3W? WWW - это распределенная информационная система мультимедиа, основанная на гипертексте. Давайте разберем это определение по порядку.

	Распределенная информационная система: информация сохраняется на огромном великом множестве так называемых WWW-серверов (servers). То есть компьютеров, на которые установленное специальное программное обеспечение и которое объединенные в сеть Internet. Пользователи, которые имеют доступ к сети, получают эту информацию с помощью программ-клиентов, программ просмотра WWW-документов. При этом программа просмотра посылает по компьютерной сети запрос серверу, который сохраняет файл с необходимым документом. В ответ на запрос сервер высылает программе просмотра этот необходимый файл или сообщение об отказе, если файл по тем или иным причинам недоступен. Взаимодействие клиент-сервер происходит по определенным правилам, или, как говорят иначе, протоколам. Протокол, принятый в WWW, называется HyperText Transfer Protocol, сокращенно - HTTP.

	Мультимедиа: информация включает в себя не только текст, но и двух- и трехмерную графику, видео и звук.

	Гипертекст: информация в WWW представляется в виде документов, любой из которых может содержать как внутренние перекрестные ссылки, так и ссылку на другие документы, которые сохраняются на том же самом или на любом другом сервере.

	Такие ссылки называют гиперссылками или гиперсвязями. На экране компьютера в окне программы просмотра ссылки выглядят как выделенные каким-нибудь образом (например, другим цветом и/или подчеркиванием) участка текста или графики. Выбирая гиперссылки, пользователь программы просмотра может быстро перемещаться от одной части документа к другой, или же от одного документа к другому. При необходимости программа просмотра автоматически связывается с соответствующим сервером в сети и запрашивает документ, на который сделана ссылка. Кстати, идея гипертекстового представления информации должна уже быть хорошо знакома пользователям разных версий системы Microsoft Windows. Именно по этому принципу построенна в Windows система подсказок (Help), с той лишь разницей, что гипертекстовая система подсказок Windows не является распределенной.

	Итак, Web-страница может содержать стилизованный и форматированный текст, графику и гиперсвязи с разными ресурсами Internet. Чтобы реализовать все эти возможности, был разработанный специальный язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки Гипертекста. Документ, написанный на HTML, представляет собой текстовый файл, который содержит собственно текст, несущий информацию читателю, и флаги разметки. Последние представляют собой определенные последовательности символов, которые являются инструкциями для программы просмотра; в соответствии с этими инструкциями программа располагает текст на экране, включает в него рисунки, которые сохраняются в отдельных графических файлах, и формирует гиперсвязи с другими документами или ресурсами Internet. Таким образом, файл на языке HTML приобретает вид WWW-документа только тогда, когда он интерпретируется программой просмотра. О языке HTML будет детально рассказано в следующих разделах, поскольку без знания основ этого языка невозможно создать Web-страницу для публикации в WWW.

	

	
1 Информационное Обеспечение

	

	1.1 Структура информационных потоков

	

	Структура информационных потоков рассматривает направление данных, циркулирующих в процессе создания учебника. Так, основными источниками информации служат:

	1. Методические указания по работе с пакетом AutoCAD, разработанные на кафедре САПР.

	2. Сам пакет AutoCAD и встроенный help.

	3. Предыдущие проекты учебника.

	4. Эксперты-преподаватели

	Рассмотрим подробнее каждый пункт. Кафедра предоставляет данные о теоретическом материале и лабораторных работах. 

	Все демонстрации и практические задания были выполнены в AutoCAD, оттуда же бралось описание некоторых приемов построения чертежа. 

		Ранее уже предпринималась попытка создать электронное учебное пособие по выполнению курсовой работы в AutoCAD. Из этого пособия были заимствованы задания и фреймовая структура документа.

			Эксперты-преподаватели любезно предоставили свои рекомендации по содержанию, стилю и оформлению учебника

		Все эти данные сходятся к художнику-дизайнеру, который превращает «сырой» материал в проект электронного учебника. После необходимой цензуры, согласования всех элементов содержания и оформления, Web-мастер завершает работу над сайтом. Более подробная схема представлена внизу на рисунке 2.

	

	

	

	

Рисунок 2 - Структура информационных потоков

	1.2 Концептуальная модель учебника

	
Концептуальная модель учебника представлена Web-страницами, из которых, собственно, и состоит учебник и их средой создания. Страницы, в свою очередь, представляют собой текстовые и графические объекты, а также способы их размещения. Как уже говорилось ранее, основной средой для работы служил простейший текстовый редактор Блокнот, код программы писался непосредственно в HTML [9;10;11]с использованием скриптов Java. [12;13;14;15] Для создания и обработки графики применялись графические пакеты Corel Draw 9 и Corel Photo Paint 9. 

	На всех страницах сайта, неотъемлемым атрибутом является заголовок и фон (см. рисунок внизу). Также обязательными элементами страницы служат текст, который может быть статичным на экране, может быть анимированным, причем его количество на экране напрямую влияет на размеры файла. Любой текст содержит параметры форматирования, такие как высота шрифта, начертание шрифта и др.

	Для навигации по сайту и для связи с автором существует система ссылок, которые характеризуются объектом ссылки (на кого производится ссылка, на документ внутри сайта или же на школу или автора сайта) и типом ссылки, которые могут быть текстовыми или графическими. Так на первой странице есть ссылка при нажатии на которую загружается OutLook Express, если он установлен на данной машине и пользователю предлагается написать письмо в автору.

	Без сомнения, любой сайт может и должен содержать графику. Графика, в свою очередь, характеризуется такими критериями как разрешение, размеры графического файла, его расширение, и цветовая палитра. Чем больше разрешение, чем богаче палитра цветов, тем более выгодно будет смотреться объект на экране и тем дольше, увы, он будет грузиться. Тоже самое касается и размеров изображения, – чем крупнее картинка, тем меньше людей ее увидят. Что же касается формата графики, то сейчас существуют два лидера, формат JPEG для фотографий и формат GIF для рисунков и рисованной анимации.

	

	Рисунок 3 -

	
1.3 Физическая модель данных учебника

	

	Физически учебник представляет собой текстовый файл, сохраненный в формате HTML или комбинацию текста и графики. Все файлы, составляющие сайт, представляют собой HTML документы, имеющие расширение htm (или же графические файлы с расширением .jpeg или .gif):

		filename.htm, 

	где filename – имя файла. Файлы называются английскими словами, начинающимися с маленькой буквы. Например, «Содержание» называется soderg.html, «Теория» - teory.html и т.д. 

	Графика представлена двумя типами файлов – формат jpeg для фотографий и формат gif для рисунков и анимации. Все фото и рисунки прошли необходимую оптимизацию и пастеризацию для уменьшения размера файла.[16;17;18] Например, самый большой графический файл, занимает всего 19 кб. Обычный размер html файлов в данном сайте – 1 кб, реже – 2 или 3 кб. Все это позволило свести размер учебника всего к 970 кб! 

	Структурная схема учебника представлена на рисунке 4 ниже.

	Большинство страниц сайта состоят из фреймов, [11] и для них существует своя система имен. В одном, обычно верхнем фрейме располагается система навигации по сайту – ссылки, остающиеся неподвижными при прокрутке экрана. Второй фрейм, нижний, содержит саму информацию страницы. 

	

	
2 Лингвистическое обеспечение

	

	Поскольку пользователь не в состоянии изменять учебник или как-то влиять на него, мы не будем рассматривать языки проектирования, а ограничимся языками программирования. При данной работе использовался язык гипертекстовой разметки HTML и язык описания Web-сценариев Java.

	

	2.1 Создание Web-страницы с помощью языка HTML

	

	Web-страницы могут существовать в любом формате, но в качестве стандарта принят Hyper Text Markup Language - язык разметки гипертекстов, предназначенный для создания форматированного текста, насыщенного изображениями, звуком, анимацией, видеоклипами и гипертекстовыми ссылками на другие документы, разбросанные как по всему Web-пространству, так и находящиеся на этом же сервере или являющиеся составной частью этого же Веб-проекта. 

	Можно работать на Web без знания языка HTML, поскольку тексты HTML могут создаваться разными специальными редакторами и конвертерами. Но писать непосредственно на HTML нетрудно. Возможно, это даже легче, чем изучать HTML-редактор или конвертер, которые часто ограничены в своих возможностях, содержат ошибки или проводят плохой HTML код, который не работает на разных платформах.

	Язык HTML существует в нескольких вариантах и продолжает развиваться, но конструкции HTML, скорее всего, будут использоваться и в дальнейшем. Изучая HTML и познавая его глубже, создавая документ в начале изучения HTML и расширяя его насколько это возможно, мы имеем возможность создавать Web-страницы, которые могут быть, просмотрены многими броузерами Web, как сейчас, так и в будущем. Это не исключает возможности использования других методов, например, метод расширенных возможностей, который предоставляется Netscape Navigator, Internet Explorer или некоторыми другими программами.

	Работа по HTML - это способ усвоить особенности создания документов в стандартизированном языке, используя расширения, только если это действительно необходимо.

	HTML был ратифицирован World Wide Web Consortium. Он поддерживается несколькими широко распространенными броузерами, и, возможно, станет основанием почти всего программного обеспечения, которое имеет отношение к Web.

	

	2.2 Структура HTML документа

	

	Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может быть использован любой текстовый редактор. 

	Обычно HTML-документ - это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag - специальные встроенные указания). Средствами HTML задаются синтаксис и размещение тегов, в соответствии с которыми, браузер отображает содержимое Веб-документа. Текст самих тегов Веб-браузером не отображается. 

	Все теги начинаются символом '<' и заканчиваются символом '>'. Обычно имеется пара тегов - стартовый (открывающий) и завершающий (закрывающий) тег (похоже на открывающиеся и закрывающиеся скобки в математике), между которыми помещается размечаемая информация:

	

	<p>Информация</p> 

	

	Здесь стартовым тегом является тег <P>, а завершающим - </P>. Завершающий тег отличатся от стартового лишь тем, что у него перед текстом в скобках <> стоит символ '/' (слэш).

	Браузер, читающий HTML-документ, отображает его в окне, используя структуру HTML-тегов. В каждом HTML-документе должны присутствовать три главных части: 

	A) Объявление HTML;

	B) Заголовок;

	C) Тело документа. 

	A) Объявление HTML 

	<HTML> и </HTML>. Пара этих тегов сообщает программе просмотра (браузеру) что между ними заключен документ в формате HTML, причем первым тегом в документе должен быть тег <HTML> (в самом начале документа), а последним - </HTML> (в самом конце документа).

	

	<HTML> 

	. 

	. 

	. 

	</HTML> 

	

	B) Заголовочная часть. 

	<HEAD> и </HEAD>. Между этими тегами располагается информация о документе (название, ключевые слова для поиска, описание и т.д.). Однако наиболее важным является название документа, которое мы видим в верхней строке окна браузера и в списках "Избранное (BookMark)". Специальные программы-спайдеры поисковых систем используют название документа для построения своих баз данных. Для того чтобы дать название своему HTML-документу текст помещается между тегами <TITLE> и </TITLE>. 

	

	<HTML> 

	<HEAD> 

	<TITLE>Моя первая страница</TITLE> 

	</HEAD> 

	</HTML> 

	
C) Тело документа. 

	Третьей главной частью документа является его тело. Оно следует сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый из них должен стоять сразу после тега </HEAD>, а второй - перед тегом </HTML>. Тело HTML-документа - это место, куда автор помещает информацию, отформатированную средствами HTML. 

	

	<HTML> 

	<HEAD> 

	<TITLE> Моя первая страница</TITLE> 

	</HEAD> 

	<BODY> 

	...................................... 

	</BODY> 

	</HTML> 

	

	2.3 Форматирование текста

	

	В разделе BODY все символы табуляции и конца строк браузером игнорируются и никак не влияют на отображение страницы. Поэтому перевод строки в исходном тексте HTML-документа не приведет к началу новой строки в отображаемом обозревателем тексте при отсутствии специальных тегов. Это правило очень важно помнить и не забывать ставить разделяющие строки теги, иначе у текста не будет абзацев, и он станет нечитаемым. 

	Для начала новой строки используется тег <BR> (сокр. от англ. break - прервать). Этот тег приводит к отображению браузером дальнейшего текста с начала следующей строки. Закрывающий для него тег не используется. Он удобен, если требуется с какого-то места писать с новой строки без начала нового абзаца, например, в стихотворении. Повторное его использование позволяет вставить одну или несколько пустых строк, отодвинув следующий фрагмент страницы вниз. 

	Сплошной текст без промежутков читается не очень легко, его неудобно просматривать и находить нужные места. Разбитый на абзацы, текст воспринимается гораздо быстрее. Для начала нового абзаца используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой строки, вставляет одну пустую строку. Но многократное повторение <P>, в отличие от <BR>, не приведет к появлению нескольких пустых строк, останется все та же одна пустая строка. 

	Внутри скобок тега кроме его названия могут размещаться также атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между собой пробелами (одним или несколькими), а пишутся в виде имя_атрибута="значение". Если значение не содержит пробелов, то кавычки могут быть опущены, но так делать не рекомендуется. Тег <P> может содержать атрибут ALIGN, определяющий выравнивание абзаца. По умолчанию абзац выравнен влево ALIGN="left". Возможны также выравнивания вправо ALIGN="right" и по центру ALIGN="center". При использовании атрибутов, после форматируемого текста следует использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает закрытие предыдущего, соответственно вложенные <P> невозможны. Выровнять текст по центру возможно также тегом <CENTER>. 

	Кроме использования этих тегов, для разрыва строк возможно использование символов конца строк и табуляций в самом HTML-документе. Для этих целей существует тег <PRE>. Весь текст, помещенный между тегами <PRE> и </PRE>, будет выводиться без изменений, то есть со всеми концами строк и табуляциями. 

	Например:

	<PRE>Это текст написан

	в две строки.</PRE> 

	В HTML-документе, кроме текста, могут содержаться горизонтальные разделительные линии. Они, как и текст, не требуют никаких внешних файлов. Тег <HR> выведет горизонтальную линию единичной толщины вдоль всей ширины страницы. Горизонтальная разделительная линия всегда приводит к разрыву строки, но пустых строк между линией и текстом не появляется. Тег <HR> может содержать несколько атрибутов. <HR SHADE> и <HR> дают контурную линию с трехмерным эффектом углубления. <HR NOSHADE> дает сплошную черную линию. Линия может не простираться во всю ширину страницы, а составлять лишь некоторую часть. Атрибут WIDTH задает ширину линии, в процентах от ширины всей страницы или в пикселах. Например, 50% - половина ширины страницы, 400 - ширина в 400 пикселов. Атрибут ALIGN может принимать значения, аналогичные его значениям для тега <P>, но выравнивание по умолчанию - по центру. Атрибут SIZE задает толщину линии в пикселах от 1 до 175; по умолчанию 1, но если <HR SHADE>, (линия - контурная), то добавляется толщина, необходимая для трехмерного эффекта углубления. 

	Линии, наряду с абзацами, позволяют выделить логические фрагменты текста. Но большое количество горизонтальных линий неприятно для посетителя вашей Веб-страницы, поэтому после каждого абзаца их ставить не следует. Они больше подходят для выделения целых разделов.

	В данной работе очень широко использовались таблицы, фреймы и их сочетания. Так, практически каждая страница сайта имеет в себе хотя бы одну таблицу. Теги HTML для создания таблиц первоначально были разработаны, чтобы представлять строки и столбцы табулированных данных. Однако для разработчиков таблицы быстро стали ценным средством управления разметкой Web-страниц. Таблицы позволяют создавать столбцы текста, задавать интервалы между элементами, сокращать размеры содержимого страницы способами, которые недоступны другим тегам форматирования HTML. Спецификация HTML 4.0 по таблицам значительно сложнее предыдущего стандарта 3.2. Она пытается привнести контекст и структуру в табличные данные и обеспечить системы для инкрементального вывода и вывода невизуальными средствами (такими как речевые броузеры и броузеры, работающие по системе Брайля). Пока эти средства находятся в стадии разработки, поэтому потребуется некоторое время, чтобы понять на практике, насколько они соответствуют стандартам. Сведения о том, что говорится в спецификации HTML 4.0 о таблицах, вы можете найти на сайте W3C по адресу http://www.w3c.org/TR/ REC-htmUO/struct/tables/html.

	Таблицы могут использоваться в различных целях. Например:

	

	Таблица 1

	Использование таблицы

	Иллюстрация

	Таблица данных

	Это пример таблицы в самом основном понимании – как строк и столбцов с текстовыми данными. Разумеется, таблица данных может быть значительно больше и сложнее, чем приведенная в данном примере

	Values that make up the Web Palette

	

	Decimal

	Hexidecimal

	Percentage

	

	0

	00

	0%

	

	51

	33

	20%

	

	102

	66

	40%

	

	153

	99

	60%

	

	204

	CC

	80%

	

	255

	FF

	100%

	Таблица 2

	Выравнивание текста

	Таблицы часто испол ьзуют чтобы более наглядно представить выводимый текст за счет создания эффектов, принятых в обычных печатных изданиях: разделения на столбцы, выступающие строки, интервалы 

	Facts

	

	Discography

	A list of everything that…

	

	Bio

	This is bio that A&M sends…

	

	Sights and Sounds

	

	Audio & Video

	Medicine:

	

	

	 * Fulll Length Video

	

	

	 * Clip in RealVideo

	

	

	 * 30 sec. WAV

	

	

	Bicycle song

	

	

	 * Clip in RealAudio

	

	

	 * 30 sec. WAV

	

	
Таблица 3.	

	Шаблон страницы

	Многие Web-дизайнеры используют большие таблицы в качестве контейнеров для создания структуры страницы. Одной из известных конфигураций является создание узких столбцов для пунктов навигации, как показано в приводимом примере. 

	Контейнер для большого изображения.

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

	Спецификация HTML 4.0 не рекомендует использовать таблицы для разметки страниц, отдавая предпочтение каскадным спискам стилей с абсолютным позиционированием. Но до тех пор, пока списки стилей не поддерживаются согласованно всеми браузерами, таблицы остаются наиболее надежным инструментом разработчика для создания страниц со сложной разметкой.

	

	2.4 Фреймы

	

	В данной дипломной работе все страницы сайта кроме первой содержат фреймы. Фреймы позволяют разделить окно браузера на небольшие части, каждая из которых выводит свой HTML документ. Поддержка фреймов, предложенная Netscape Navigator 2.0+, была вскоре использована и другими популярными браузерами. Основная спецификация фрейма работает с Netscape Navigator 2.0 и выше, а также с MicroSoft Internet Explorer, начиная с версии 3.0 .

	Главное преимущество фреймов заключается в том, что они обеспечивают неподвижность частей страницы, в то время как другие части прокручиваются. [19,27]Это важно, когда вы хотите, чтобы часть изображения оставалась постоянно на экране, например, навигационные значки или заголовки рекламных объявлений.

	Фреймы объединяют ресурсы, находящиеся на различных серверах. Например, вы можете использовать фреймы для объединения вашего собственного материала (и навигационной графики) с потоковым материалом дискуссий, генерируемым программным обеспечением на сервере поставщика.[21]

	Используя тег <no frames>, несложно добавить альтернативное содержимое для браузеров, которые не поддерживают фреймы. Это свойство встроено в систему фреймов.

	

	2.5 JavaScript

	

	JavaScript представляет собой язык написания сценариев на клиентской стороне, который вносит на Web-страницы элементы интерактивности и условного поведения. С помощью JavaScript вы можете выводить дополнительную информацию о ссылках, создавать интерактивные эффекты при работе с мышью, изменять при определенных условиях содержимое страниц, случайным образом отображать содержимое страницы, загружать содержимое в новые окна браузер и фреймов и (с некоторой помощью CSS) передвигать элементы по странице. Дополнительные руководства по JavaScript можно найти на страницах webcoder.com.

	Сценарии JavaScript обычно помещают непосредственно в документ HTML. Они могут находиться или в заголовке или в теле документа. В один документ можно поместить несколько сценариев. Пример синтаксиса:

	

	<SCRIPT LANGUAGE=”JavaScnpt”>

	Здесь находится сценарий 

	</SCRIPT>

	2.7 Дизайн учебника

	

	Элементы, без которых не обходится ни одна web-страница, — фон, текст и гипертекстовые ссылки — ставят интересную задачу гармонизации трех (или четырех, если учитывать цвет «посещенных» ссылок) цветов, занимающих в композиции резко различающиеся площади и выполняющих разные функции. Есть немало страниц с минимумом графики и достаточно ординарной композицией, которые привлекают и запоминаются исключительно своей цветовой гаммой.[19;20;21]

	Первое требование к паре цветов для фона и текста — достаточный контраст между ними, необходимый для комфортного, неутомительного чтения. Контраст этот должен, прежде всего, выражаться в различной яркости цветов, так как разница только в тоне или насыщенности не позволит сознанию различать текст и фон с достаточным автоматизмом, а для текста с небольшим кеглем его тональная окраска или степень насыщенности вообще с трудом различимы (кроме того, эти параметры цвета теряются на черно-белых устройствах вывода).

	Одно из возможных цветовых решений — со светлым текстом и темным фоном кажется более привлекательным. Поскольку буквы текста занимают существенно меньшую площадь, чем фон, любой достаточно темный цвет для текста норовит превратиться в черный. Поэтому для текста выгоднее выбирать светлый и насыщенный оттенок, которому, естественно, требуется темный фон. Нужно также учитывать, что светлый текст на темном фоне, хотя и уступает по комфортности длительного чтения черному тексту на белом, в небольших объемах меньше утомляет глаз, так как ограничивает общее количество света, получаемое от монитора (к сожалению, у многих пользователей мониторы настроены так, что белый фон страницы почти моментально вызывает резь в глазах).

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

	Есть, тем не менее, одно ограничение технического плана. Фоновый цвет, который хочет выглядеть именно цветом, а не бесцветным черным, обязан быть достаточно насыщенным, — «ночью все кошки серы», и слишком слабая примесь основного тона будет в темном цвете трудно различима, несмотря даже на большую площадь, занимаемую этим цветом. Насыщенность цвета текста может при этом поддерживать насыщенность фона, а может, контрастировать с ней. Чтобы подчеркнуть цвет фона, на экране расположены цветные мерцающие звездочки, имитирующие звездное небо. Выплывающая из бесконечности заставка школы создает эффект глубины изображения, придает плоским изображениям третье измерение.

	

	
3 Методическое обеспечение

	

	3.1	Руководство по инсталляции

	

	Чтобы разместить сайт в сети Internet, необходимо открыть сайт с адресом http://www.tbns.net/, затем перейти в окно "Free Services", далее на Web-Hosting, затем - SignUp Today, щелкнуть на SignUp Now! Следующий шаг – необходимо будет заполнить предложенную форму, при этом необходимо удостовериться, что ваше имя и адрес записаны верно. Вам будет выслана необходимая информация на ваш электронный счет, здесь важно не забыть свой пароль и пора подумать о будущем логине. Ваш сайт будет располагаться по адресу www.tbns.net/<ваш login>. Например, 

	если ваш логин = solidworks, то адрес будет

	address=www.tbns.net/solidworks

	Когда вы получите письмо от администратора, вам необходимо будет ответить на него. Далее в течении 2-х суток ваш счет будет установлен. После этого вы можете войти в свой счет с их первой страницы. Оттуда вы уже можете загрузить свои файлы на их сервер.

	

	3.2 Руководство пользователя



	Чтобы просмотреть сайт школы, пользователю необходимо иметь компьютер, модем, выход в интернет и браузер Internet Explorer 4.0 или выше.[22] Первая страница, на которую попадает пользователь, называется главной. (Рисунок 5) Она имеет вид таблицы, в ячейках которой расположены элементы страницы - гиперссылки, логотип школы и e-mail. Граница таблицы имеет толщину 0, поэтому ее на экране не видно.

	


	

	

	

	

	Рисунок 5 – Главная страница

	

	Сразу под анимированным логотипом школы Завтрашнего Дня, располагается текст в рамке, являющийся гиперссылкой, призванный заинтриговать читателя. При нажатии на этот текст, пользователь переходит на следующую страницу (см. рисунок 4 на стр. 39 и 6), где видные педагогические авторитеты высказываются о необходимости реформ, либо о состоянии народного образования в целом, что опять же подтверждает остроту вопроса реформирования школы. С этой страницы возможен переход только на главную страницу.

	

	

	

	

	

	

	

	

	Рисунок 6 – Современная школа

	

	Возвратясь на главную страницу, читатель уже понял, что с общественным образованием надо что-то делать, но что именно еще не решил. И тут Школа Завтрашнего Дня предлагает свой выход из ситуации. Именно так называется ссылка внизу экрана. При нажатии на нее читатель попадает на страницу, очень кратко, буквально в двух словах, представляющую ШЗД (Школу Завтрашнего Дня). (Смотрите рисунок 7) С этой страницы, как и впрочем, со всех остальных, можно перейти на любую другую страницу сайта. 

	

	

	

	

	

	

	

	Рисунок 7 – Школа завтрашнего дня

	

	Для этого существует удобная система навигации по сайту, представляющая собой закрепленные вверху экрана ссылки, остающиеся неподвижными даже при прокрутке страницы. Но вернемся к главной странице. 

	Слева от эмблемы расположена ссылка «Наша история», ее название говорит само за себя. (Смотрите рисунок 8) На странице представлена краткая история школы от идеи создания до настоящих дней с фотографией основателей - семьи Эккельбаргеров.

	

	

	

	

	

	

	

	Рисунок 8 – Наша история

	

	Под "Нашей историей" расположены "Наши будни", расказывающие о повседневной жизни школы. (Смотрите рисунок 9) Эта страница постоянно прокручивается без участия пользователя. На этой странице есть возможность связаться со школой по электронной почте или непосредственно с автором сайта. Справа от логотипа расположена ссылка «Почему мы лучшие», где в полной мере используется сценарий Java-Script для анимации текста. (Смотрите рисунок 10) На странице проводится сравнительный анализ ШЗД на примере Казахстано-Американской английской школы и обычной школы.

	

	

	

	

	

	

	Рисунок 9 – Наши будни

	

	Под этой ссылкой находится школьный е-mail, при нажатии на который запускается Outlook Express, если он установлен на данной машине.

	Помимо этих ссылок, в сайте еще присутствуют другие страницы, переход на которые возможен со всех страниц, кроме главной.

	

	

	

	

	

	

	

	

	Рисунок 10 – Почему мы лучшие

	
Так, есть страница, называемая "Основы нашей философии", которая изобилует таблицами, фреймами и Java скриптами. На этой странице анимированный текст	объясняет принципы, на которых построена ШЗД. 

	Кроме нее есть еще одна страница, которая называется "5 законов обучения". Педагогические исследования д-ра Ховарда и его команды привели к открытию 5 законов обучения, которые имеют свое обоснование в Библии. Эти законы, которые служат фундаментом для "Основ нашей философии" прошли многолетнюю практику по всему миру и отлично зарекомендовали себя.

	

	


	

	4 

	

	4. 

	

	

	
4. Программное обеспечение

	

	4.1 Выбор общесистемного программного обеспечения

	

	В качестве операционной системы была выбрана Windows 9x по целому ряду причин. [23;34]

	Во-первых, она является одной из наиболее распространенных на сегодняшний день. Создавать программу, работающую на основе OS/2, было бы не рационально. 

	Во-вторых, В Windows 9x, в частности 98, надежность компьютера повышается за счет применения новых мастеров, служебных программ и ресурсов, обеспечивающих бесперебойную работу системы.

	В третьих, в состав Windows 98 входит ряд программ, совместное применение которых повышает производительность компьютера.

	Проводник Windows 98 и Internet Explorer позволяют объединить ресурсы Web в едином представлении, что особенно важно, учитывая специфику данной работы.

	ОС Windows характеризуется тем, что предоставляет приложениям возможность создания пользовательского интерфейса на высоком уровне эргономичности и удобства. В то же время, для работы этой системы требуется от 16 до 128 Мб оперативной памяти в зависимости от версии. 

	ОС UNIX является антиподом Windows – практически отсутствие графического интерфейса, за исключение дополнительно загружаемой графической подсистемы X-Window. В то же время требования к оперативной памяти не превышают 2-4 Мб для отдельных модификаций. В отличие от Windows, код UNIX специально рассчитан под используемое оборудование, что привело к отсутствию понятия Plug&Play, но зато дало возможность создания высокопроизводительных приложений, интенсивно использующих комплекс технических средств.

	Так как пользователь работает только с программой Internet Explorer, на его машине необходима установка операционной системы на базе Windows. Наиболее подходящая – ОС Windows 98, являющейся недорогой, но в тоже время довольно мощной операционной системой, поддерживающей большинство современных технологий программирования и при этом нетребовательна к комплексу технических средств.

	

	4.2 Базовое программное обеспечение

	

	В качестве базового программного обеспечения используется браузер Internet Explorer 4.0 как для отображения работы, так и для редактирования, поскольку он способен определять ошибки в Web-сценарии.[25;26;33] Он является наиболее популярным и распространенным наряду с Netscape Navigator. Было решено не использовать самые последние версии, например 5-ю, так как далеко не все пользователи имеют обновленные версии, и некоторые эффекты были бы недоступны. По той же самой причине я не использовал Flash MacroMedia, который требует плейер для просмотра эффектов. Далеко не каждый пользователь его имеет, а, не имея, захочет его установить.

	Для непосредственного создания и редактирования HTML файлов использовался обычный Блокнот. Написание HTML кода вручную немного сложнее, чем использование специализированных пакетов, таких как, Front Page, но зато программист получает полную свободу над текстом программы, и объем файла получается значительно меньше. Этот факт нельзя игнорировать, учитывая не очень высокую скорость передачи информации по сети. Кроме того, при использовании пакетов, конечный продукт (web-страница) в браузере, далеко не всегда выглядит так, как он смотрится в процессе создания в редакторе. [27;34]

	Все графические элементы сайта были выполнены и отредактированы в пакете Corel Draw 9 и Сorel Photo Paint 9. К преимуществам этого редактора относят развитую систему управления и богатство средств настройки инструментов. Наиболее сложные композиции, близкие к художественным произведениям, получают средствами именно этого редактора. Сorel Photo Paint 9 позволяет создавать анимационные ролики в формате Gif, что очень удобно для размещения в интернете и кроме того, возможно изменять настройки каждого кадра. Более того, Сorel Photo Paint 9 является естественным дополнением к Corel Draw 9 и образует с ним единый графический пакет.

	

	4.3 Прикладное программное обеспечение

	

	Прикладное программное обеспечение представляет собой рекламный Web-сайт Казахстано-Американской Английской школы. На нем размещается информация о школе, призванная заинтересовать потенциальных учеников и их родителей, а также просто заявить о себе. На сайте представлена необходимость создания школы такого типа, история и описаны будни школы, концепция и принципы функционирования, а также сравнительный анализ с другими школами. Все это представлено в удобном для чтения формате, в отдельных случаях текст сопровождается графическими дополнениями – фотографиями, рисунками или анимацией. Как правило, страницы не несут слишком много информации, чтобы не перегружать пользователя, в этом нет необходимости, так как цель сайта, в первую очередь – реклама. Большинство страниц не имеют полосы прокрутки и это совершенно оправданно, так как многие посетители интернета просматривают лишь то, что видят на экране при загрузке. Сайт снабжен удобной системой навигации по всем страницам. Выполненные в отдельном фрейме, ссылки остаются всегда в верхней части экрана, дажа при прокрутке страницы. Схема страниц сайта представлена на рис.4

	
4.4 Руководство проектировщика

	

	Код данного сайта целиком и полностью написан в html с использованием Java Script в обычном текстовом редакторе Блокнот. При редактировании сайта не рекомендуется использование каких-бы то ни было пакетов для создания web-страниц, так как они неизбежно увеличивают размер файла за счет добавления своих собственных и совершенно ненужных тегов. Мы опустим из описания повторяющиеся моменты, а также простую, нетворческую работу, такую как, например, набивка текста и затронем только наиболее интересные эффекты и идеи. Описание сайта начнем с главной страницы.

	Главная страница (файл с именем index.htm)Сразу после раздела <head> идет объявление использования jscript и в нем объявление двух изображений для значка e-mail. Это сделано с той целью, чтобы они начали загружаться еще до того как данная кнопка будет активизирована.

	

	<head><title>Главная страница</title></head>

	<script language="jscript"><!--

	ims0=new Image() 

	ims0.src="e-mail40.gif"

	ims1=new Image() 

	ims1.src="e-mail50.gif"

	

	Далее следует объявление функции fly() и ее описание.

	

	function fly(){

	var ims=window.document.im1

	

	Тут объявляется переменная ims, которая обозначает графический файл - эмблемму школы

	if (ims.width>396){

	ims.width=405

	ims.height=80

	}else{

	ims.width+=5

	ims.height+=1}

	setTimeout("fly()",70)

	} Если размеры изображения меньше 396 пикселей по ширине, а они заведомо меньше, то ширина и высоты увеличивается соответственно на 5 и 1 пиксель соответственно с частотой 70 миллисекунд до тех пор пока не выполнится условие if (ims.width>396). Это условие выполнится, когда ширина картинки будет 400 пикселей. После этого устанавливаются конечные размеры - 405 на 80 пикселей. Численные параметры подобраны таким образом, что обеспечивается плавное увеличение эмблемы, создавая эффект анимации.

	

	//--></script>

	Фоном служит анимированный графический файл bg.gif, созданный в пакете Corel Photo Paint 9. В том же теге <body> вызывается функция fly().

	

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

	<center><font face="Times New Roman,Arial"><font size=4 color=#6699ff><b>

	

	Казахстано-Американская Английская Школа<br> 

	Школа завтрашнего дня в КарагандеОсновой страницы служит таблица, размером 750 на 350 пикселей.<table border=0 table height=350 width=750>

	<tr>

	<td width=150> Пустая ячейка таблицы

	</td>

	Здесь загружается рисунок с именем logo2.gif <td width=405 height=110 align=center valign=middle><br>

	<img name="im1" src="logo2.gif" width=0 height=0></td>

	<font size=3 color=#6699ff><b>

	<td width=150>

	</td></tr>

	Описание 2-го ряда таблицы, заполненного ссылками на другие страницы. <tr><td width=150 height=20 align=left><a href="history.htm">История создания</td>

	<td align=center><a href="exit.htm"><table width=320 height=10 border=1 cellspacing=0><tr><td align=center><font size=3 color=#6699ff><b><a href="exit.htm">Общественное образование терпит кризис.<br>Школа не решает задачи обучения<br>

	и самое главное, воспитания подрастающего поколения.<br>

	Где альтернатива современной школе?</b></td></tr></table></a></td>

	<td width=150 height=20 align=right><a href="superbest.htm">Почему мы лучшие</td></tr>

	Описание 3-го ряда таблицы<tr><td height=10><a href="chores.htm">Наши будни</a></td>

	<td align=center valign=middle><b><a href="kaes.htm">Школа Завтрашнего Дня предлагает свой выход</b></td>

	<td height=10 align=center><a href="email.htm">Описание кнопки почты: в памяти хранится 2 изображения кнопки - нажатой, ims0 и не нажатой, ims1.<ahref="mailto:kaes@nursat.kz" onMousedown="document.images['btn0'].src=ims1.src" onMouseup="document.images['btn0'].src=ims0.src" onMouseout="document.images['btn0'].src=ims0.src" onfocus="blur()">

	<img name=btn0 src="e-mail40.gif" border=0 alt="Пишите нам">

	</td></tr>

	</table></center>

	</body>

	</html>

	

	Все остальные страницы сайта содержат по 2 фрейма: 1 представляет собой систему навигации по сайту, и состоит из таблицы гиперссылок, которые остаются неподвижными на экране, а 2 - собственно сама страница. Первый фрейм, который похож для каждой страницы, называется именем, в котором есть буквы ref (от английского слова reference - ссылка). Например, refhist.htm - фрейм для страницы history.htm, refbest.htm - фрейм для страницы best.htm, reflaws.htm - фрейм для страницы laws.htm. Второй фрейм данной страницы называется тем же именем, но без букв ref и имеют в конце цифру 2. Сама страница целиком называется, так же как и второй фрейм, но без цифры 2. Для большей ясности возьмем конкретный пример: страница history.htm (Наша история)

	

	<html><head><title>Наша история</title></head>

	

	Во фреймовых документах отсутствует часть bоdy, вместо нее используется тег<frameset>.

	

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

	В данном случае описывается прямоугольная область экрана (строка) высотой 30 пикселей и шириной во весь экран без видимых границ.

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

	

	Здесь указывается имя файла, который будет загружаться во фрейм - refhist.htm, без полосы прокрутки и без полей.

	

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

	

	В этой строке описывается источник для 2-го фрейма - history2.htm" уже с полосой прокрутки.

	

	</frameset>

	</html>

	

	Соответственно закрываются фреймы и документ 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">

	

	Создаем таблицу шириной в экран и в ячейках описываем гиперссылки. Кнопка «назад» описывается скриптами javascript:history.go(-1).

	

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

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

	

	Во всех ссылках присутствует параметр _parent, чтобы документ, вызываемый по ссылке, загружался в отдельный, родительский фрейм. [28]

	

	<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="principles.htm" target="_parent"><font size=2>Основы нашей философии</td></html>

	

	2-ой фрейм представляет собой таблицу, в ячейках которой размещается текст и фотография семьи Экельбаргеров. Никаких специальных эффектов на этой странице нет, поэтому рассмотрим лучше один из фреймов страницы “Почему мы лучшие”. Сначала идет стандартная “шапка” HTML – файла – объявление документа и кодировки

	

	<html><head>

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

	

	Затем объявляем использование Java – script и используемых функций dynAnimation() и clickSwapImg()

	

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

	<!--

	function dynAnimation() {}

	function clickSwapImg() {}

	//-->

	</script>

	

	Указываем имя отдельного файла, где находится сам анимационный код "animate.js" 

	

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

	</script>

	</head>

	

	Загружаем функцию анимации, указываем ее тип - fpAnimelasticBottomFP1 и описываем фон документа, цвета ссылок.

	<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>

	Далее следует непосредственно сам текст страницы.

	Текст страницы

	

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

	

	
5 Техническое обеспечение

	

	В составе комплекса технических средств разработчика необходимо предусмотреть компьютер для администратора сайта. Характеристики КТС определяем в соответствии с требованиями ПО, установленного на его рабочем месте (смотрите пункт 4 пояснительной записки). Данная работа выполнялась в простейшем текстовом редакторе Блокнот, для которого системные требования минимальные. Для создания и обработки графических объектов использовалась программа Corel Draw 9 и Corel Photo Paint 9. Объем диска для инсталляции этих программ варьируется в зависимости от его конфигурации. Например, 2 Kб файл на FAT форматированном диске объемом 1 Гб займет 16 Кб и 32 Кб на 2 Мб диске. Инсталляция расчитывается на действительном размере файлов, а не на требуемом свободном пространстве. Поэтому, инсталлирование в большой, разбитый на логические диски, FAT – форматированный и заполненный HDD, может привести к проблемам в конце установки. 

	Для качественной работы с графикой рекомендуется выбирать монитор, поддерживающий 16 млн. цветов или палитру True Color.

	Для инсталляции Windows98, операционной среды, на которую рассчитано базовое ПО, система должна отвечать следующим минимальным требованиям:

	Компьютер Pentium с тактовой частотой не ниже 120 МГц

	16 Мб оперативной памяти.

	295 Мб на жестком диске

	Для типовой инсталляции Corel Draw и Corel Photo Paint необходимо иметь 192 Мб свободного места на диске.

	В соответствии с вышеперечисленными требованиями, выбираем минимальные характеристики для КТС:

	-Процессор Pentium или аналогичный AMD с тактовой частотой не ниже 120 МГц.

	-16 Мб оперативной памяти.

	-500 Мб HDD

	Необходимо наличие мыши и CD-ROM для инсталляции ПО. Internet Explorer 5 и Internet Tools Setup производит установку большинства файлов на тот диск, где находится папка Windows, вне зависимости от того, куда пользователь осуществляет инсталляцию. Чтобы удовлетворить требованиям Internet Explorer, необходимо освободить свободное пространство на том диске, где находится папка Windows.

	Оборудование предполагаем покупать в фирме Magicom, потому что цены на комплектующие невысокие и предоставляется бесплатное гарантийное обслуживание в течение года. В соответствии с прайс-листом на 26 апреля 2002 года (смотрите приложение на стр. 119), выбираем комплектующие к PII-300, максимально приближенные к требуемым:

	Процессор Celeron 433 Intel 128K PPGA – 4590 тг.

	ОЗУ DIMM SDRAM 32Mb – 1530 тг.

	Винчестер HDD 6.4Gb Fujitsu MPE3084AT UDMA–9792 тг.

	CD-ROM 52 sp Sony – 6426 тг.

	Модем Stream Motorola Voice 56 int PCI – 3060 тг.

	Материнская плата Slot1 440BAT i440BX AGP,AT, dual power 9945 тг.

	Видеокарта AGP 8 SG RAM Mb S3 TRIO 3D 2X – 3060 тг.

	Монитор LG563 15” - 18054 тг.

	Корпус Case MicroATX – 4284 тг.

	Клавиатура Keyboard 8001 AT/PS/2 – 1224 тг.

	Мышь Mouse 3x Alsi PS – 459 тг.

	Коврик для мыши – 153 тг.

	Итого получается 62577 тг. В перспективе возможно использование сканера, цифровой фото и видеокамеры для обновления сайта, но эти расходы не являются необходимыми и срочными на данный момент времени, поэтому они приниматься в расчет не будут. Для экономического обоснования дипломного проекта будет использована цифра 62577 тг.

	

	
6 ПромышлЕнная экология

	

	6.1 Понятие экологии

	

	Слово экология образовано от двух греческих слов: “oikos” – дом, жилище, страна и “logos” – наука. Таким образом, экология изучает наш “природный дом” и охватывает все живущие в нем организмы и происходящие функциональные процессы, делающие этот “дом” пригодным для жизни. В буквальном смысле экология – это наука об организмах “у себя дома”, наука, в которой особое внимание уделяется совокупности или характеру связей между организмами и окружающей их средой.[35]

	Охрана окружающей среды как самостоятельная проблема и научная дисциплина возникла около 1900 года, но ее название “экология” вошло в общий лексикон лишь в последнее десятилетие.

	Признанным родоначальником экологии считается немецкий ученый, медик, ботаник, зоолог, морфолог, а в целом крупный самобытный ученый Э. Геккель, который внес в науку много новых терминов, в том числе и “экология”. Он относит экологию к науке о природе, которую прежде всего интересуют живые существа, которая изучает их, но не с точки зрения коллекционера или систематизатора, а все стороны жизни биологических организмов. Она изучает также экономику природы как важнейшее условие существования общества, затрагивая, таким образом, не только биологические, но и экономические факторы.

	Многие авторы после Геккеля пытались дать определение экологии как науки. Каждый из них старался выделить ее отличительные особенности.

	Ф. Клементс (США) в 1920 г. назвал экологию наукой о сообществах;

	Ч. Элтон (Великобритания) в 1937 г. определил ее как науку, естественную историю, имеющую дело с социологией и экономикой животных;

	Х.Б. Одум (США) в 1959 г. заявил, что экология изучает структуру и функции природы;

	С.С. Шварц (бывший СССР) в 1972 г. назвал экологию наукой о зонах, управляющих жизнью растений и животных в естественной среде обитания;

	Р. Дажо (Франция) в 1975 г. дал определение экологии как науке, изучающей условия существования живых организмов и взаимосвязи между организмами и средой, в которой они обитают.

	В настоящее время можно считать, что экология является научной основой охраны окружающей среды, изучает условия существования (жизни) организмов, их отношения и связи между собой и окружающей природной средой. Однако систематические экологические исследования были начаты только в начале двадцатого столетия.

	Наряду с изучением экологии животных, растений, микроорганизмов и их сообществ за последние годы все больше и больше внимание ученых привлекает экология человека. Это и понятно, потому что в современных условиях важнейшую роль среди экологических факторов играет деятельность, т.е. антропогенные факторы, которые все заметнее приводят к изменению природы как среды обитания других видов или непосредственно сказываются на их существовании. Поэтому не учитывать роль человека и человеческого общества в существовании биогеоценозов (экосистем) нельзя.

	

	6.2 Экологические проблемы научно-технического прогресса

	

	Современный мир отличается необычайной сложностью и противоречивостью событий, он пронизан противоборствующими тенденциями, полон сложнейших альтернатив, тревог и надежд.

	Конец XX века характеризуется мощным рывком в развитии научно-технического прогресса, ростом социальных противоречий, резким демографическим взрывом, ухудшением состояния окружающей человека природной среды.

	Поистине наша планета никогда ранее не подвергалась таким физическим и политическим перегрузкам, какие она испытывает на рубеже XX- XXI веков. Человек никогда ранее не взимал с природы столько дани и не оказывался столь уязвимым перед мощью, которую сам же создал.

	В век научно-технического прогресса и промышленного подъема остро встал вопрос об усилении воздействия человека на природу. В отличие от животного, лишь приспосабливающегося к окружающей среде в процессе биологической эволюции, человек сознательно и активно изменяет ее для удовлетворения своих потребностей.

	Воздействие человека на природу обычно связано с стремлением достигнуть какой-либо цели. Однако они не всегда совпадают с возможностями биосферы. Воздействие человека на природу тем и отличается от воздействия на нее животного , что деятельность первого переходит ту грань, когда сохраняется биологическое равновесие.

	Действие ионизирующей радиации на живой организм интересовало мировую науку с момента открытия и первых же шагов применения радиоактивного излучения. Это неслучайно, так как с самого начала исследователи столкнулись с его отрицательными эффектами.

	Едва ли не главнейшее обстоятельство, которое обычно упускают из виду при анализе рассматриваемой проблемы, состоит в том что радиоактивные вещества и ионизирующие излучения являются одним из естественных, природных факторов. Это их важнейшее отличие от детергентов, пестицидов, инсектицидов и др. химических веществ, которыми человечество в последние годы интенсивно загрязняет биосферу.

	

	6.3 Классификация источников излучения и понятие ионизирующего излучения. Влияние ионизирующих излучений на окружающую среду и защита от них.

	

	Современные ядерно-технические установки обычно представляют собой сложные источники изучений.

	Любой источник излучения характеризуется:

	- видом излучения;

	- геометрией источника (формой и размерами);

	- мощностью и ее распределением по источнику;

	- энергетическим составом;

	- угловым распределением излучения.

	На практике источники встречаются в неограниченном многообразии указанных характеристик.

	Наиболее распространенные источники ионизирующих излучений - естественные и искусственные радиоактивные нуклиды (а их сейчас насчитывается около 2000) - являются источниками -, - и -излучений.

	Характерной особенностью этих излучений при воздействии их на живой организм является прямая или косвенная ионизация, поэтому они и называются ионизирующими излучениями.

	Действие ионизирующего излучения в определенных дозах вызывает эффекты, которые могут стать явными у самого облученного лица или проявиться у его потомства. То есть воздействие ионизирующих излучений на организм приводит к последствиям соматической и генетической природы.

	Соматические эффекты могут быть ранними (возникающими в период от нескольких минут до 60 суток после облучения) и отдаленными (соматико-стохастическими: увеличение частоты злокачественных новообразований, увеличение частоты катаракт, общее неспецифическое сокращение жизни).

	В настоящее время нет единой точки зрения ученых в толковании зависимости функции доза - эффект. Если эта функция не имеет порога, то рассматриваются, скорее, не сами эффекты, а вероятность их проявления. Тогда функцию называют стохастической. Если вредные эффекты излучения выявляются, начиная с какого-то определенного порога, то функцию называют нестохастической. При дозах, характерных для практики радиационной защиты, генетические эффекты рассматриваются как стохастические. В то же время в сравнительно низком диапазоне доз основной соматический эффект - канцирогенез - также принято относить к стохастическим эффектам.

	Нестохастические соматические эффекты характерны для отдельных органов и тканей: они проявляются в виде помутнения хрусталика глаза, незлокачественных повреждений кожи (эритемы), подавления функции клеток костного мозга, вызывающего гематологические нарушения, повреждения клеток гонад.

	Внешнее облучение - воздействие на организм ионизирующих излучений от внешних по отношению к нему источников излучения.

	Внутреннее облучение - воздействие на организм ионизирующих излучений радиоактивных веществ, находящихся внутри организма.

	Естественный фон излучения - ионизирующее излучение, состоящее из космического излучения и излучения естественно распределенных природных радиоактивных веществ (на поверхности земли, в приземной атмосфере в продуктах питания, в воде в организме человека и другое).

	

	Таблица 4 Искусственные источники радиации

	Источник

	Годовая доза

	Доля от

	

	мбэр

	мзв

	природ.фона, % (до 200 мбэр)

	1

	2

	3

	4

	Медицинские приборы (флюорография 970 мбэр, рентгенография зуба 3 бэра, рентгеноскопия легких 2-8 бэр)

	100-150

	1,0-1,5

	50-75

	Полеты в самолете (расстояние 2000км, высота 12 км) 5 раз в год

	2.5-5

	0.02-0.05

	1-2.5

	Монитор компьютера (работа по 8 часов в день)

	1,0

	0,01

	0,5

	АЭС

	0,1

	0,001

	0,05

	Глобальные осадки от испытаний ядерного оружия

	2,5

	0,02

	1,0

	Другие источники

	40

	-

	-

	Итого, мбэр/год

	150-200 

	
Персонал (профессиональные работники) - лица, которые постоянно или временно работают непосредственно с источниками ионизирующих излучений. К таким лицам также относятся операторы и пользователи ЭВМ.

	Предельно допустимая доза (ПДД) - наибольшее значение индивидуальной эквивалентной дозы за год, которое при равномерном воздействии в течение 50 лет не вызовет в состоянии здоровья персонала неблагоприятных изменений, обнаруживаемых современными методами.

	Допустимые уровни - нормативные значения поступления радиоактивных веществ в организм, содержания радиоактивных веществ в организме, их концентрация в воде и в воздухе, мощности дозы, плотности потока и т. п., рассчитанные из значений основных дозовых пределов ПДД.

	В порядке убывания радиочуствительности устанавливаются три группы критических органов:

	1 группа - все тело, гонады и красный костный мозг;

	2 группа - мышцы, щитовидная железа, жировая ткань, печень, почки, селезенка, желудочно-кишечный тракт, легкие, хрусталик глаза и другие органы, за исключением тех, которые относятся к 1-й и 3-й группам;

	3 группа - кожный покров, костная ткань, кисти, предплечья, лодыжки и стопы.

	Контроль мощности доз -излучения, а также плотности потоков нейтронов позволяет оценить эффективность применяемых защитных мероприятий, ориентировочно установить индивидуальные дозы облучения, оценить надежность используемых защитных средств.

	Основными задачами контроля являются:

	измерение дозы и потока нейтронов на рабочих местах;

	- измерение дозы -излучения и потоков нейтронов в смежных помещениях и прилегающей территории;

	измерение эффективности стационарных и передвижных защитных средств;

	установление контрольных уровней;

	установление радиационно-опасных зон при аварии.

	Для измерений мощности дозы -излучения и плотности потоков нейтронов применяют различные дозиметры стационарного, переносного или носимого типов.

	Детекторами излучения служат ионизационные камеры, газоразрядные или сцинтилляционные счетчики.

	Стационарные приборы позволяют вести непрерывный контроль мощности доз во многих точках помещений, где проводятся работы с источниками ионизирующих излучений, и имеют большие диапазоны измерений.

	Наряду со стационарными приборами измерения мощности экспозиционных доз рентгеновского, -излучений и потоков нейтронов осуществляют с помощью переносных дозиметров и радиометров, а также носимых дозиметров.

	Существуют следующие приборы контроля ДРГЗ-01, ДРГЗ-ОЗ, ДКС-05, ДКС-04 и др.

	По мнению Международной комиссии по ионизационной защите “целью ионизационной защиты является обеспечение защиты от вредоносного воздействия ионизирующих излучений отдельных индивидуумов, их потомства, человечества в целом и в то же время создание соответствующих условий для необходимой практической деятельности человека, во время которой возможно воздействие ионизирующих излучений”.

	Воздействие ионизирующих излучений на организм приводит к последствиям соматической и генетической природы. Соматические эффекты проявляются непосредственно у человека, подвергающегося облучению, а генетические – у его потомков. Соматические эффекты могут быть ранними (возникающими в период от нескольких минут до 60 суток после облучения) и отдаленными (соматико-стохастическими: увеличение частоты злокачественных новообразований, увеличение частоты катаракт, общее неспецифическое сокращение жизни).

	Конкретной целью ионизационной защиты является предупреждение вредных нестохастических эффектов и ограничение частоты соматико-стохастических эффектов до уровня, считающегося приемлемым. Нестохастические эффекты могут быть устранены установлением достаточно низкого предела эквивалентной дозы таким образом, чтобы минимальная доза, способная вызвать повреждения, не была достигнута в течение трудовой деятельности человека.

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

	Для оценки воздействия излучения применяют так называемый параметр риска R, равный средней индивидуальной вероятности смерти в результате облучения в дозе 10 мЗв. 

	Параметр риска в зависимости от типа отдаленных последствий колеблется в широких пределах. Параметр риска приведен в таблице 5.

	

	Таблица 5 Параметры риска в чел-бэр

	Отдаленные последствия

	Параметр риска

	Лейкемия

	210-5

	Рак щитовидной железы

	510-6

	Опухоли костной ткани

	510-6

	Опухоли легких

	210-5

	Опухоли других органов и тканей

	510-5

	Все злокачественные опухоли

	1.2510-4

	Наследственные дефекты

	410-5

	

	Если известна коллективная доза облучения, то ожидаемое полное число случаев смерти на всю профессиональную группу определяется по формуле 

	
N = RDk. 

	

	По современным оценкам среднегодовая смертность от профессиональных причин, включая несчастные случаи на производствах, не превышает 104 случаев в год.

	Для реализации главной цепи радиационной защиты достижения и сохранения необходимых условий радиационной безопасности при всех видах деятельности, где предполагается облучение человека, - вводятся основные дозовые пределы. Используя их, рассчитываются производственные характеристики, такие, как предельно допустимые уровни внешних потоков ионизирующих изучений и допустимые концентрации радионуклидов в воде и воздухе.

	Материалы, располагаемые между источником излучения и зоной размещения персонала или оборудования для ослабления потоков ионизирующих излучений, называют защитой.

	Защиту от ионизирующих излучений классифицируют по:

	- назначению;

	- типу;

	- компоновке;

	- геометрии.

	Защита от ионизирующих изучений должна обеспечивать:

	а) допустимый уровень облучения обслуживающего установку персонала;

	б) допустимый уровень радиационных повреждений “изменение прочностных характеристик, разрушение органических соединений, радиолиз воды и другие” конструкционных и защитных материалов;

	в) допустимый уровень радиационного энерговыделения и температурного распределения в конструкционных и защитных материалах.

	В соответствии с этим защиту подразделяют соответственно на:

	- биологическую;

	- радиационную;

	- тепловую.

	Радиационная и тепловая защиты, которые конструкционно часто бывают совмещены, необходимы только для мощных источников изучения ядерно-технических установок, таких, например, как ядерные реакторы. При

	работе с изотопными источниками нео6ходимость в радиационной и тепловой защите обычно не возникает.

	Защиты подразделяются на следующие типы:

	сплошная защита, целиком окружающая источники излучения;

	раздельная защита, когда наиболее мощные источники излучения окружает первичная защита (например, первичная защита активной зоны ядерного реактора), а между первичной и вторичной защитой имеются также источники излучения (например, система теплоносителя ядерного реактора);

	теневая защита устанавливается между источником излучения и защищаемой областью, размеры которой ограничиваются лишь “тенью”, “отбрасываемой” защитой. Особенно часто такая защита используется при ограничении массы и габаритов;

	частичная защита - ослабленная защита для областей ограниченного доступа персонала, например, на судне с реактором в качестве энергетической установки частичная защита может осуществляться в направлении дна.

	По компоновке выделяют гомогенную (из одного защитного материала) и гетерогенную (из различных материалов) защиты.

	По форме внешней поверхности наиболее часто на практике встречается плоская, сферическая и цилиндрическая защиты.

	По распространению нейтронов в средах можно выделить следующие группы материалов:

	- легкие водородосодержащие (водород, вода, полиэтилен, гидриды металлов) - эффективные замедлители нейтронов;

	- легкие, не содержащие водород (углерода карбид бора), используемые при технических или технологических ограничениях на введение в защиту водородосодержащих сред;

	- материалы, состоящие из элементов со средним атомным номером (бетон, породы, минералы);

	- тяжелые материалы (железо, свинец, молибден, вольфрам, титан) для снижения потоков -квантов (улучшают свойства защиты от быстрых нейтронов благодаря высоким сечениям неупругого рассеяния этих элементов);

	- металловодородосодержащие среды.

	Водород как материал защиты не представляет практического интереса, но как элемент он является хорошим замедлителем нейтронов и главным компонентом в большинстве защит от нейтронов. Барьерная защита из водорода обладает наилучшими защитными свойствами от нейтронов, отнесенными к единице массы.

	Вода - наиболее часто используемый в защите водородосодержащий материал. Это обусловлено высокой ядерной плотностью водорода в воде, невысокой стоимостью, легкодоступностью, способностью заполнять все отведенное для нее пространство без образования щелей, пустота раковин в защите. Характеристики ослабления нейтронного излучения в воде рассчитаны и измерены достаточно полно.

	

	
7 Мероприятия по охране труда и технике безопасности

	

	7.1 Анализ условий труда операторов на вычислительных центрах

	

	Одним из основных направлений научно-технического прогресса является развитие электронной вычислительной техники и ее широкое применение в производстве, научно-исследовательских и проектно-конструкторских работах, плановых расчетах и сфере управления. В последнее время значительно расширился парк выпускаемых электронных вычислительных машин (ЭВМ). Уменьшение стоимости, габаритов, потребляемой энергии вместе с ростом вычислительных возможностей позволяет использовать ЭВМ в гораздо более широких масштабах, чем прежние поколения вычислительной техники. Широкое использование вычислительной техники в народном хозяйстве не только позволило повысить производительность труда, но и породило ряд проблем, в том числе и защиту работающих от вредных факторов, связанных с применением вычислительной техники.

	Операторы ЭВМ, программисты и другие работники ВЦ сталкиваются с воздействием таких физически опасных и вредных производственных факторов, как повышенный уровень шума, повышенная температура внешней среды, отсутствие или недостаток естественного света, недостаточная освещённость рабочей зоны, электрический ток, статическое электричество, электромагнитное излучение и др. Многие сотрудники ВЦ связаны с воздействием таких психофизиологических факторов, как умственное перенапряжение, перенапряжение зрительных и слуховых анализаторов, монотонность труда, эмоциональные перегрузки.[36]

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

	На температуру внешней среды большое влияние оказывают источники теплоты. Основным источником теплоты являются: ЭВМ, вспомогательное оборудование и приборы освещения. На суммарные тепловыделения помещений ВЦ оказывают влияние внешние источники теплоты, теплота, поступающая через окна от солнечной радиации и приток теплоты через непрозрачные ограждения конструкции. Их интенсивность зависит от района, ориентации помещения по частям света, материала наружных ограждений, цветовой гаммы и т.д. Повышенная температура внешней среды не создаёт нарушения состояния здоровья работающего, но вызывает дискомфортные ощущения, ухудшает самочувствие и понижает работоспособность.

	Правильно спроектированное и выполненное освещение обеспечивает высокий уровень работоспособности, оказывает положительное влияние на работающих.

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

	Действие шума не ограничивается только на органы слуха. Через нервные волокна шум передаётся в центральную и вегетативную нервные системы, а через них воздействует на внутренние органы, приводя к значительным изменениям в функциональном состоянии организма. Люди, работающие в условиях повышенного шума, жалуются на быструю утомляемость, головную боль, бессонницу. У человека ослабляется внимание, страдает память.

	Практически всё оборудование ЭВМ - электрические установки. Электрический ток, проходя через тело человека, оказывает на него сложное воздействие, вызывая термическое, электролитическое, механическое и биологическое действие (ожоги отдельных участков тела, изменение физико-химического состава крови и т.д.).

	В ряде случаев наблюдались отравления работников при работах на копировально-множительных машинах. В последнее время поступают многочисленные жалобы на повышенную утомляемость и головную боль работников, обслуживающих видеотерминалы.

	Длительное нахождение человека в зоне комбинированного воздействия различных неблагоприятных факторов может привести к профессиональному заболеванию.

	Имеющийся в настоящее время комплекс разработанных организационных мероприятий и технических средств защиты показывают, что имеется возможность добиться значительных успехов в деле устранения воздействия на работающих опасных и вредных производственных факторов. Для безопасной организации работы оператора проводится ряд мероприятий по защите от поражения электрическим током, по снижению шума в ВЦ, проводят организацию отопления и вентиляции. Высокий уровень работоспособности также обеспечивает правильно спроектированное и выполненное освещение.

	

	Меры по безопасности организации работ 

	

	Отопление

	В помещениях ВЦ необходимо предусмотреть систему отопления. Она должна обеспечивать достаточное, постоянное и равномерное нагревание воздуха в помещениях в холодный период года, а также безопасность в отношении пожара и взрыва. При этом колебания температуры в течение суток не должны превышать 2-3C; в горизонтальном направлении – 2C на каждый метр длины, а в вертикальном – 1C на каждый метр высоты помещения.

	Для отопления помещений ВЦ используются водяные, воздушные и панельно-лучистые системы центрального отопления.

	В водяных системах отопления нагретая вода попадает в нагревательные приборы с помощью насосов от собственной котельной или ТЭЦ.

	Для воздушного отопления в ВЦ используются небольшие кондиционеры, предназначенные для подачи свежего наружного воздуха, которые при их применении для отопления переключаются на рециркуляцию воздуха.

	В системах панельно-лучистого отопления нагревательные приборы и трубопроводы скрыты в панелях стен, в качестве теплоносителя используется пар и вода.

	В помещениях с избытком теплоты необходимо предусматривать возможность регулирования нагревательных приборов вплоть до отключения при помощи автоматики.

	Нагревательные поверхности отопительных приборов должны быть достаточно ровными и гладкими, что бы на них не задерживалась пыль, и можно было легко очищать их от загрязнения.

	Радиаторы должны устанавливаться в нишах, прикрытых деревянными решётками, гармонирующими с общим оформлением помещения. При этом температура на поверхности нагревательных приборов не должна превышать 95 град., чтобы исключить пригорание пыли.

	Вентиляция

	Для обеспечения установленных норм микроклиматических параметров и чистоты воздуха в машинных залах и других помещениях ВЦ применяют вентиляцию. Проектирование системы вентиляции предполагает определение расхода воздуха для вентиляции машинного зала ЭВМ и охлаждения корпусов ЭВМ.[37]

	Кондиционирование  это создание и поддержание в рабочей зоне производственных помещений постоянных или изменяющихся по заданной программе параметров воздушной среды, осуществляемое автоматически.

	Кондиционеры бывают полного и неполного кондиционирования воздуха. Установки полного кондиционирования воздуха обеспечивают постоянство температуры, относительной влажности, подвижности и чистоты воздуха. Кроме того, могут осуществляться ионизация, озонирование, дезодорация (удаление запахов) и пр. Установки неполного кондиционирования поддерживают только часть приведенных параметров. В помещении, где располагаются ЭВМ, необходимо обеспечить приток свежего воздуха, расход которого определяется технико-экономическим расчетом и выбором схемы системы вентиляции. Минимальный расход воздуха определяется из расчета 50 – 60 м3/ч на одного человека, но не менее двукратного воздухообмена в час. Воздух, используемый для вентиляции должен очищаться от пыли. ЭВМ, имеющие в своем составе устройства ввода вывода на магнитных лентах и магнитных дисках, требуют более высокой степени очистки воздуха. Пылинки, попадающие на рабочую поверхность магнитного диска, образуют промежуточный слой между диском и магнитной головкой, что может привести к повреждению магнитной головки, рабочей поверхности диска и к искажению записываемой информации. Пыль, оседающая на устройства и узлы ЭВМ, ухудшает теплоотдачу, может образовывать токопроводящие цепи, вызывает истирание подвижных частей и нарушение контактов.

	Для отвода избыточной теплоты служат системы вентиляции и кондиционирования воздуха. В помещении применяется общеобменная и местная искусственная вентиляция. Применяемые серверы и ПК конструируют в корпусах, имеющих рамы и панели для размещения плат и различных элементов.

	Вытяжка нагретого воздуха осуществляется через вытяжные отверстия у потолка. Воздух поступает через приточные решетки, расположенные по периметру комнаты. Для эффективного регулирования температурно-влажностных параметров воздушной среды используются центральные устройства кондиционирования воздуха.

	Освещение

	Правильно спроектированное и выполненное освещение обеспечивает высокий уровень работоспособности, оказывает положительное психологическое воздействие на работающих, способствует повышению производительности труда.

	К системам производственного освещения предъявляются следующие требования:

	соответствие уровня освещенности рабочих мест характеру выполняемой зрительной работы;

	достаточно равномерное распределение яркости на рабочих поверхностях и в окружающем пространстве;

	отсутствие резких теней, прямой и обращенной блёскости (повышенной яркости светящихся поверхностей, вызывающих ослепленность);

	постоянство освещенности во времени;

	оптимальная направленность излучаемого осветительными приборами светового потока;

	долговечность, экономичность, электро-и пожаробезопасность, удобство и простота эксплуатации.

	В машинных залах ВЦ рабочие места операторов, работающих с дисплеями, располагают подальше от окон и таким образом, чтобы оконные проемы находились сбоку. Окна рекомендуется снабжать светорассеивающими шторами, регулируемыми жалюзи или солнцезащитной пленкой с металлизированным покрытием.

	В тех случаях, когда одного естественного освещения в помещении недостаточно, устраивают совмещенное освещение. При этом дополнительное искусственное освещение применяют не только в темное, но и в светлое время суток.

	Для искусственного освещения помещений ВЦ следует использовать главным образом люминесцентные лампы, у которых высокая световая отдача (до 75 лм/Вт и более), продолжительный срок службы (до 10000ч), малая яркость светящейся поверхности, близкий к естественному спектральный состав излучаемого света, что обеспечивает хорошую цветопередачу.

	Для исключения засветки экранов дисплеев прямыми световыми потоками светильники общего освещения располагают сбоку от рабочего места, параллельно линии зрения оператора и стене с окнами. Такое размещение светильников позволяет производить их последовательное включение в зависимости от величины естественной освещенности и исключает раздражение глаз чередующимися полосами света и тени, возникающие при поперечном расположении светильников.

	Расчет искусственного освещения

	Определить необходимое число светильников в лаборатории АРМ с размерами: длина 6м, ширина 4м, высота 3м, в которой установлены 1 ПЭВМ, типа IBM PC/AT. В помещении предусмотрены потолочные светильники типа УСП 35 с двумя люминесцентными лампами типа ЛБ-40. Коэффициенты отражения светового потока потолка, стен и пола соответственно равны 10%, 50%, 70%. Затенения рабочих мест нет.

	Так как по исходным данным известны тип и мощность светильников с люминесцентными лампами, то расчет необходимого числа светильников сводится к формуле метода коэффициента использования светового потока:

	

		(1)

	

	где EH - нормируемая минимальная освещенность, лк;

	KЗ - коэффициент запаса, учитывающий запыление светильников и износ источников света в процессе эксплуатации;

	S - площадь пола помещения, м2;

	z - коэффициент неравномерности освещения;

	n - число рядов светильников;

	ФСВ - световой поток светильника, лм;

	mu - коэффициент затенения;

	nu - коэффициент использования излучаемого светильниками 

	светового потока, который показывает, какая часть от общего 

	светового потока приходится на расчетную плоскость.

	Нормируемая минимальная освещенность EH для персонала, осуществляющего эксплуатацию ЭВМ, равна 400лк.

	Для помещений ВЦ, освещаемых люминесцентными лампами, и при условии чистки светильников не реже двух раз в год KЗ равен 1,5.

	При оптимальном (из условия создания равномерного освещения) расположении светильников коэффициент неравномерности z равен 1,1.

	Коэффициент затенения mu вводится в расчет для помещений с фиксированным числом работающих, а также при наличии крупногабаритных предметов и принимается равным 0,9.

	Коэффициент использования светового потока не зависит от типа светильника, коэффициент отражения светового потока от стен Pс, пола Pп, а также геометрических размеров помещения и высоты подвеса светильников Pпод, что учитывается комплексной характеристикой - индексом помещения:

	

	 	(2)

	

	где A и B - соответственно длина и ширина помещения, м;

	h - высота подвеса светильников над рабочей поверхностью, м.

	По исходным данным размеры лаборатории: длина A равна 6 м, ширина B равна 4 м, высота H равна 4 м.

	Для машинных залов уровень рабочей поверхности над полом составляет 0.8м. Тогда м.

	Следовательно, по (7.2):

	
.

	

	С учетом заданных Pс равен 50%, Pп равен 70%, Pпод равен 10% при i равен 1.10 из справочных данных находим nu равен 0.49.

	Число рядов светильников определяется из условия наивыгоднейшего соотношения ; для большинства типов светильников, применяемых на ВЦ, q сотавляет 1.3...1.4; L - расстояние между рядами светильников, м.

	У светильников УСП-35 наивыгоднейшее отношение q равно 1.4. Отсюда расстояние между рядами светильников: 

	

	м.	(7.3)

	

	Располагаем светильники вдоль стороны помещения. Расстояние между стенами и крайними рядами светильников l принимаем равным 0.3Lм по.

	При ширине лаборатории B равное 4м имеем число рядов светильников:

	

	 ряда.	(7.4)

	

	Номинальный световой поток лампы ЛБ-40 Фл равен 3120, тогда световой поток, излучаемый светильником:

	

	Фсв = 2Фл=23120 = 6240лм.

	

	Площадь пола 

	S = AB = 64 = 24м2.

	

	Определяем необходимое число светильников в ряду

	

	шт.

	

	При длине одного светильника типа УСП35 с лампами ЛБ-40 Lсв равно 1.27м их общая длина составляет N

	Lсв = 31.27 = 3.81м, 

	т. е., светильники размещаются в ряд через 0.5м.

	Общее число светильников, которое необходимо для равномерного освещения лаборатории АРМ, равно 6шт.

	Мероприятия по снижению шума в ВЦ

	С физиологической точки зрения шум рассматривают как звук, мешающий разговорной речи и негативно влияющий на здоровье человека. Шум является одним из наиболее распространенным в производстве вредным фактором.

	В соответствии с ГОСТ 12.2.003-83 защита от шума, создаваемого на рабочих местах внутренними источниками, а также шума, проникающего извне, осуществляется следующими методами:

	- уменьшением шума в источнике;

	- применением средств коллективной и индивидуальной защиты;

	- рациональной планировкой и акустической обработкой рабочих помещений.

	Уменьшение шума, проникающего в производственные помещения ВЦ извне может быть достигнуто увеличением звукоизоляции ограждающих конструкций, уплотнением по периметру притворов окон, звукоизоляцией мест пересечения, проходов инженерными коммуникациями ограждающих конструкций.

	Меры защиты от поражения электрическим током

	Электрические установки, к которым относится практически все оборудование ПЭВМ, представляют для человека большую потенциальную опасность, так как в процессе эксплуатации или проведения профилактических работ человек может коснуться частей, находящиеся под напряжением. Специфическая опасность электроустановок: токоведущие проводники, корпуса ЭВМ и прочего оборудования, оказавшегося под напряжением в результате повреждением в результате повреждения (пробоя) изоляции, не подают каких-либо сигналов, которые предупреждали бы человека об опасности. Реакция человека на электрический ток возникает лишь при протекании последнего через тело человека.

	Проходя через тело человека, электрический ток вызывает внешние и внутренние электротравмы. Внешние травмы – это ожоги, металлизация кожи и электрические знаки. Внутренние электротравмы заключаются в поражении органов дыхания, сердца, нервной системы и изменении состава крови (электролиз). 

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

	В полной мере обеспечить необходимую электробезопасность при эксплуатации электроустановок возможно, если наряду с этими мероприятиями использовать технические средства защиты, к которым относят: электрическую изоляцию токоведущих частей, защитное заземление, зануление, выравнивание потенциалов, защитное отключение, электрическое разделение сети, малое напряжение, двойную изоляцию.

	Эргономические показатели рабочего места.

	Мероприятия по эргономике должны обеспечивать снижение утомляемости за счет уменьшения психологических, психофизиологических нагрузок путем обеспечения оптимальных параметров труда, снижения шума. Разработаны определенные требования к размерам и конструкции мебели, организации рабочей поверхности, общей планировке рабочего места. Важную роль играет планировка рабочего места. Практика показывает, что планировка рабочего места должна удовлетворять требованиям удобства выполнения работ и экономии энергии и времени оператора, рационального использования производственных площадей и удобства обслуживания устройств ЭВМ, соблюдения правил техники безопасности. При планировке рабочего места необходимо учитывать удобство расположения дисплеев, пульта ЭВМ, а также зоны досягаемости рук оператора. Наиболее удобно сиденье, имеющее выемку, соответствующую форме бедер, и наклон назад. Спинка стула должна быть изогнутой формы, обнимающей поясницу. Длина ее 0,3 м., ширина 0,11 м., радиус изгиба 0,3 – 0,35м. Так, наклон спинки стула оператора ЭВМ должен составлять 90-110.

	Стены помещения окрашиваются в светлые тона, рекомендуемые: светло-голубой, светло-зеленый и светло-серый цвета, допускается светло-бежевый.

	Рабочее время.

	Нормальная продолжительность рабочего времени рабочих и служащих на предприятиях, в организациях, учреждениях не может превышать 40 часов в неделю. Основным режимом работы является пятидневная рабочая неделя с двумя выходными днями. Продолжительность ежедневной работы (смены) определяется правилами внутреннего трудового распорядка или графиками сменности, составляемые в зависимости от рабочего места и от рода деятельности трудящегося. На тех предприятиях, где по характеру производства и условиям работы введение пятидневной рабочей недели нецелесообразно, устанавливается шестидневная рабочая неделя с одним выходным днем. При шестидневной рабочей неделе продолжительность ежедневной работы не может превышать 7 часов при недельной норме 40 часов, 6 часов при недельной норме 36 часов и 4 часа при недельной норме 24 часа.

	

	7.3 Противопожарная защита

	

	Пожары в ВЦ представляют собой опасность, так как сопряжены с большими материальными потерями.

	Возникновение пожара возможно, если на объекте имеются горючие вещества, окислитель и источники зажигания. Для оценки пожарной опасности следует проанализировать вероятность взаимодействия этих трех факторов, а также их угрозу для жизни людей и возможный размер материального ущерба от пожара.

	Горючий компонент на ВЦ - стройматериалы, оконные рамы, двери, полы, мебель, изоляция силовых, сигнальных кабелей, а также радиотехнические детали и изоляция соединительных кабелей ячеек, блок, панелей, стоек, шкафов, конструктивные элементы из пластических материалов, жидкости для очистки элементов и узлов ПЭВМ от загрязнения.

	Источниками зажигания на ВЦ могут оказаться электрические искры, дуги и перегретые участки элементов и конструкций ПЭВМ.

	Источники зажигания возникают в электрических и электронных приборах, устройствах, применяемых для технического обслуживания элементов ПЭВМ, а также в системах кондиционирования воздуха и теплоснабжения.

	Опасность развития пожара на ВЦ обуславливается применением разветвленных систем вентиляции и кондиционирования, развитой системой электропитания ПЭВМ.

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

	Одной из наиболее важных задач пожарной профилактики является защита строительных конструкций от разрушения и обеспечение их достаточной прочности в условиях воздействия высоких температур при пожаре. Для изготовления строительных конструкций используют кирпич, железобетон, стекло, металл и другие негорючие материалы. Для предотвращения распространения огня во время пожара с одной части здания на другую устраивают противопожарные преграды в виде противопожарных стен, перегородок, перекрытий.

	Кабельные линии прокладывают под технологическими съёмными полами, выполненные из негорючих или трудно горючих материалов.

	Для ликвидации пожаров в начальной стадии применяются первичные средства пожаротушения: внутренние пожарные водопроводы, огнетушители ручные и передвижные, сухой песок и т.д.

	В зданиях ВЦ пожарные краны устанавливают на площадках лестничных клеток, у входов, т.е. в доступных и заметных местах.

	Для тушения пожаров применяют огнетушители видов:

	1. Порошковые огнетушители типа ОП-5-01.

	2. Углекислотные огнетушители ручные (ОУ-2, ОУ-5, ОУ-8) и передвижные (ОУ-25, ОУ-80).

	Порошковые и углекислотные огнетушители являются основными для ВЦ.

	Для помещения, приведенного в примере, достаточно иметь один огнетушитель типа ОП или ОУ.

	

	
8 Технико-ЭкономическОЕ ОБОСНОВАНИЕ

	

	Переход экономики к рыночным отношениям предполагает создание экономических предпосылок для эффективно действующего производства как с точки зрения рационального использования ресурсов производителей и потребителей. Автоматизация производства может обеспечить высокое качество продукции, уменьшить время на проектирование и создание изготавливаемой продукции. Однако, не стоит забывать о том, что любой объект новой техники должен иметь четкую оценку эффективности его разработки, производства и эксплуатации, а все принятые в проекте научно-технические решения должны быть экономически целесообразны.[38]

	Произведем расчет экономии производства Web-сайта как разницу между затратами на его создание и рыночными ценами на производство сайтов. Затраты определим по формуле:

	

	Затраты = Зпл+Ам+Зэлект+Зот

	

	где Зпл – зарплата дизайнера, определяемая как тарифная ставка за час, помноженная на количество часов, затраченных на работу над проектом.[39]

	Ам – амортизация техники в процессе эксплуатации, которая рассчитывается по формуле:

	

	Амгод = Ст.КТС x 0.25

	

	где, в свою очередь, Ст.КТС – стоимость комплекса технических средств (стоимость компьютера), а 0.25 – норма амортизации для компьютерной техники.

	Зэлект – затраты на электроэнергию, которые складываются из стоимости энергии, потребляемой компьютером и затрат на освещение.

	Зот – затраты на отопление, если работы производились в отопительный сезон, что в нашем случае имеет место.

	Итак, определим тарифную ставку дизайнера 144 тенге в час и будем считать, что он работал над сайтом в течение 3 месяцев, 6 дней в неделю по 2 часа каждый день.

	Дизайнер затратил 6 дней x 2 часа x 4 недели x 3 месяца = 144 часа. Примем для расчета 150 часов, т.к. в месяце обычно немного больше чем 4 недели.

	

	Зпл = 144 тг/час x 150 часов = 21600 тг.

	Ам = 62577 тг. x 0.25 x 0.25 = 7823 тг.

	Зэлект = {(240Вт*ч + 100Вт*ч) x 150ч x 3 тг }/1000 = 153 тг.

	

	Затраты на отопление рассчитаем из расчета 57.4 тг. за 1 кв.м

	

	Зот = 24 кв.м. x 57.4 тг/кв.м. = 1378 тг x 3 мес = 4133 тг.

	

	Полные затраты составлют сумму всех вышеперечисленных:

	

	Затраты =21600 тг + 7823 тг + 153 тг + 4133 тг = 33709 тг

	

	Сравним цену созданного сайта с рыночными ценами на аналогичную продукцию. 

	

	Ц=З+П+НДС(16%)

	

	Создание web – сайта через специализированную фирму будет стоить заказчику около 400-700$ с таким же количеством страниц. Цена варьируется в зависимости от сложности исполнения и организации, которая производит работу. Возьмем для расчетов минимальные расценки, а именно, $400.

	Итак, $400 = 61200 тг. Экономия при покупке нашего сайта:

	 61200 тг – 33709 тг = 27491 тг.

	Видно, что экономия от производства web – сайта почти в 2 раза превосходят затраты на его создание.

	

	
9 ЗАКЛЮЧЕНИЕ

	

	В ходе дипломного проектирования была поставлена и достигнута следующая цель:

	Была создана оптимальная технология создания web-сайтов, которая полностью включает в себя все эффекты, достижимые с помощью специализированных пакетов, однако наш сайт занимает гораздо меньше объема, чем его аналог, созданный, например во Front Page. 

	Реализация данной цели потребовала содержательного и методического решения следующих задач:

	- Была изучена история и теория web-дизайна

	Подробно изучена web-технология, язык гипертекстовой разметки текста HTML, язык описания web-сценариев Java-Script и их возможности в web-дизайне.

	Разработана концептуальная модель web-сайта.

	Выявлена эффективность программно-аппаратных средств в web-дизайне. Освоены практические навыки работы с профессиональными пакетами создания web-страниц на примере IBM WebSphere Home Page Builder.

	Изучены возможности графических пакетов Corel Draw 9 и Corel Photo Paint в создании и анимации 2D графики, а также редактировании готовых изображений.

	Составлено методическое руководство по разработке и использованию web-сайта.

	Проведена апробация разработанной технологии в реальном творческом проекте.

	

	
Список использованных источников:

	

	Роберт И.В. Современные информационные технологии в образовании: дидактические проблемы, перспективы использования.- М.: Школа-Пресс, 1994. – 205с.

	Ершов Ю.А. Выступление на закрытии II Международного конгресса ЮНЕСКО «Образование и информатика»// Образование и информатика – 1996, №5

	Концепция информатизации и развития системы образования Республики Казахстан на рубеже веков.- Алматы, 1997.- 48с.

	Закон Республики Казахстан «Об образовании». – Астана, 7 июня 1999г. №389-1ЗРК// Казахстанская Правда, 1999,11 июня,- с.3-4

	Концепции государственной политики Республики Казахстан в области образования.- Алматы: Казахстан, 1995.- 35с.

	6. The School of Tomorrow Manual. – Dallas, 1991.- 980c.

	7. Столичное образование №8-9, 2001

	8. Столичное образование №10-11, 2001

	9. Пауэлл Т.А. Полное руководство по HTML.- Мн.: Попурри, – 2001. – 912с.

	10. Крамер Э. HTML. – СПб: «Диалектика», 2001. – 426c.

	11. Нидерст Дж. Web – мастеринг для профессионалов. Настольный справочник – СПб: Изд-во Питер, 2001. - 240c.

	12. Jaworsky J. Mastering JavaScript and Jscript. – New York: Изд-во Sybex, 2000. – 940с.

	13.	Николенко Д.В. Практические занятия по Java 	Script.- М.: Наука и техника, 2000. – 128с.

	14.	Вагнер Р., Вайк А. Java Script.- К.: ДиаСофт, – 2001. – 464с.

	15. Брандебау Дж. Java Script – Сборник рецептов.- СПб.: Питер, – 2000. – 416с.

	16.	Шикин Е.В., Боресков А.В.Компьютерная графика. - М.:“Диалог-Мифи”, 2001. – 570с.

	17. Вуд Л. Web-графика. – СПб: «Диалектика», 2001. –488c.

	18. Мюррей Д., Ван Райпер У. Энциклопедия графических форматов. – К.: BHV, 1997. – 672c.

	19.	Кирсанов Д. Web-дизайн.- СПб.: Символ-Плюс, – 2000. – 376с.

	20.	Буковецкая О.А. Дизайн текста: шрифт, эффекты, цвет. – М.: ДМК, 2000. – 304с.

	21.	Вин Дж. Искусство Web-Дизайна. - СПб: Изд-во «Питер», 2002. – 360с.

	22.	Глушаков С.В., Ломотько Д.В., Мельников И.В. Работа в сети Internet. – Харьков: Фолиант, – 2000. – 346с.

	23.	Дьяконов В.П. Internet Настольная книга пользователя. – М.: АСТ-Пресс, 2000. – 640с.

	24.	Шапошников И.В. Интернет программирование.- СПб.: BHV, – 2000. – 224с.

	25.	Бад Смит, Артур Бибек. Создание Web-страниц для «чайников». - М.: изд-во «Диалектика», 2001. – 398с.

	26.	Шапошников И. Web-сайт своими руками. - СПб: Изд-во «Питер», 2002. – 390с.

	27.	Холмогоров В. Основы Web-мастерства. – СПб.: Питер, 2001. – 352с.

	28.	Якушина Е. Изучаем Интернет, создаем web-	страничку. – СПб.: Питер, – 2000. – 256с.

	29.	Цеховой В.А. Web-дизайн и коммерция. – М.: Наука и техника, 2000. – 192с.

	30. Федорчук А. Как создаются Web-сайты.- СПб.: Питер, – 2000. – 224с.

	31.	Нильсен Я. Web-дизайн.- СПб.: Символ-Плюс, – 2000. – 512с.

	32.	Леонтьев Б.К. Web-дизайн: тонкости, хитрости, секреты. – М.: Майор, 2001. – 176с.

	33.	Шафран Э. Создание Web-страниц.- СПб.: Питер, – 2001. – 320с.

	Байенс Дж. Примочки программирования в Web.– М.: Эком, 2000. – 440с.

			Г.К. Сагимбаев, Экология и экономика. – Алматы: Каржы-каражат, 1997. 

		36.	Методические указания к выполнению раздела дипломного проекта “Охрана труда и техника безопасности”. Иванов В.В, Суслов В.В., Караганда 1985 г.

			37.	Меклер В. Я., Овчинников П. А., Агафонов Е. П. Вентиляция и кондиционирование воздуха на машиностроительных заводах М.: Машиностроение, 1980

			Беклешов В. К. Технико-экономическое обоснование дипломных проектов М.: Высшая школа, 1991

			Методические указания к выполнению организационно-экономической части дипломных проектов для студентов специальности 22.03 «Системы автоматизированного проектирования» (для заочной формы обучения), 27 стр.

	

	
Приложения

	

	HTML код Web – сайта

	

	Главная страница

	

	<html>

	<head><title>Главная страница</title></head>

	<script language="jscript"><!--

	ims0=new Image() 

	ims0.src="e-mail40.gif"

	ims1=new Image() 

	ims1.src="e-mail50.gif"

	function fly(){

	var ims=window.document.im1

	if (ims.width>396){

	ims.width=405

	ims.height=80

	}else{

	ims.width+=5

	ims.height+=1}

	setTimeout("fly()",70)

	} 

	//--></script>

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

	<center><font face="Times New Roman,Arial"><font size=4 color=#6699ff><b>

	Казахстано-Американская Английская Школа<br> 

	Школа завтрашнего дня в Караганде

	<table border=0 table height=350 width=750>

	<tr>

	<td width=150 align=left valign=bottom>

	<!--<a href="history.htm">История создания-->

	</td>

	<td width=405 height=110 align=center valign=middle><br>

	<img name="im1" src="logo2.gif" width=0 height=0></td>

	<font size=3 color=#6699ff><b>

	<td width=150 align=right valign=bottom>

	<!--<a href="superbest.htm">Почему мы лучшие-->

	</td></tr>

	<tr><td width=150 height=20 align=left><a href="history.htm">История создания</td>

	<td align=center><a href="exit.htm"><table width=320 height=10 border=1 cellspacing=0><tr><td align=center><font size=3 color=#6699ff><b><a href="exit.htm">Общественное образование терпит кризис.<br>Школа не решает задачи обучения<br>

	и самое главное, воспитания подрастающего поколения.<br>

	Где альтернатива современной школе?</b></td></tr></table></a></td>

	<td width=150 height=20 align=right><a href="superbest.htm">Почему мы лучшие</td></tr>

	<tr><td height=10><a href="chores.htm">Наши будни</a></td>

	<td align=center valign=middle><b><a href="kaes.htm">Школа Завтрашнего Дня предлагает свой выход</b></td>

	<td height=10 align=center><a href="email.htm">

	<a href="mailto:kaes@nursat.kz" onMousedown="document.images['btn0'].src=ims1.src" onMouseup="document.images['btn0'].src=ims0.src" onMouseout="document.images['btn0'].src=ims0.src" onfocus="blur()">

	<img name=btn0 src="e-mail40.gif" border=0 alt="Пишите нам">

	</td></tr>

	<!--<tr><td></td><td></td><td align=center valign=top>

	<a href="email.htm">Пишите нам</a></td></tr>-->

	</table></center>

	</body>

	</html>

	

	Современная школа – какая она?

	

	<html><head><title>Современная школа- какая она?</title></head>

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

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

	<frame src="exit2.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 align=left><td><font size=2>

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

	<td><font size=4 color=#6699ff><b>Современная школа - какая она?</td>

	<td align=left>

	<font size=2>

	<a href="exit.htm" target="_parent">Назад</a>

	</td></tr></table></html>

	

	Нижний фрейм

	<html><head><title>Современная школа</title></head>

	<script language=javascript><!--

	bt1=new Image()

	bt1.src="butt1.gif"

	bt2=new Image()

	bt2.src="butt2.gif"

	//--></script>

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

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

	<table width=750 height=113 border=0>

	<tr>

	<td width=131><img src="damitov.jpg" alt="Дамитов Базар Кабдошевич"></td>

	<td width=619 align=left><font size=2 color=#66cc99><b>Кандидат физико-математических наук, профессор, ректор Западно-Казахстанского Государственного университета Дамитов Базар Кабдошевич:<font size=3 color=#6699ff> Советская школа давала широкие, фундаментальные знания, но... 

	<a href="damitov.htm" 

	onmousedown="document.images['btn1'].src=bt2.src" 

	onmouseup="document.images['btn1'].src=bt1.src" 

	onmouseout="document.images['btn1'].src=bt1.src" 

	onfocus="blur()"><img name="btn1" src="butt1.gif" border=0 alt="На следующую страницу"></a>

	</b></td>

	</tr>

	</table>

	<table width=750 height=131 border=0>

	<tr>

	<td width=619 align=left><font size=2 color=#66cc99><b>Министр образования и науки республики Казахстан Нуралы Бектурганов:<font size=3 color=#6699ff > Почти 80% нынешних наркоманов - молодежь в возрасте до 30 лет...

	<a href="bectur.htm" onmousedown="document.images['btn2'].src=bt2.src" 

	onmouseup="document.images['btn2'].src=bt1.src" 

	onmouseout="document.images['btn2'].src=bt1.src" 

	onfocus="blur()"><img name="btn2" src="butt1.gif" border=0 alt="На следующую страницу"></a>

	</td>

	<td><img src=becturganov.jpg alt="Нуралы Бектурганов"></td></tr></table>

	<table width=750 height=93 border=0>

	<tr><td width=133><img src="sara.jpg" alt="Сара Алпысовна Назарбаева"></td>

	<td align=left><font size=2 color=#66cc99><b>Сара Алпысовна Назарбаева: <br><font size=3 color=#6699ff>

	Вопросы: "Человек: кто я? Откуда я? Для чего я здесь и куда уйду потом?" очень актуальны на пороге нового века...

	<a href="sara.htm" onmousedown="document.images['btn3'].src=bt2.src" 

	onmouseup="document.images['btn3'].src=bt1.src" 

	onmouseout="document.images['btn3'].src=bt1.src" 

	onfocus="blur()"><img name="btn3" src="butt1.gif" border=0 alt="На следующую страницу"></a>

	</td></tr></table>

	</html>

	

	Школа Завтрашнего Дня предлагает

	

	<html><head><title>

	Школа Завтрашнего Дня предлагает...</title></head>

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

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

	<frame src="kaes2.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>

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

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

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

	</html>

	
Нижний фрейм

	<html><title> Школа Завтрашнего дня</title>

	<head></head>

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

	<font size=5 color=#66cc99><b><p align=center>

	Школа Завтрашнего Дня

	<font size=3 color=#6699ff>

	<br><br>представляет собой программу для начальной и средней школы,

	<br>объединяющей традиционную школьную систему с общим учебным

	<br>классом и полностью индивидуализированную, предписанную

	<br> по результатам тестирования, высокотехнологичную обучающую

	<br>программу. Она соединяет самые современные технологии,

	<br>использующие компьютеры, видео- и аудиоаппаратуру.

	<br>Все это позволяет получить самую развитую программу образования

	<br>XXI века из всех доступных на сегодняшний день.

	<br>Многолетний академический анализ и педагогические разработки 

	<br>привели к созданию<font size=4><a href="laws.htm" target="_parent"> пяти законов обучения </a><font size=3 color=6699ff>, которые составляют

	<br>академическую философию школы<br>

	</body></html>

	

	Наша история

	

	<html><head><title>Наша история</title></head>

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

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

	<frame src="history2.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 align=center><td><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="principles.htm" target="_parent"><font size=2>Основы нашей философии</td>

	</html>

	

	Нижний фрейм:

	<html><head><title>Наша история</title></head>

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

	<font size=5 color=#00ccff><b><p align=center>

	<table width=750 border=0><tr><td width=515 align=center><font size=5 color=#00ccff><b>Наша история</td>

	<td></td></tr>

	<tr><td width=515><font size=3 color=#6699ff><b>Официальным днем основания Казахстано-Американской Английской Школы следует считать 14 октября 1994 года, день подписания договора об учреждении школы. Сторонами, подписавшими договор, являются Карагандинский Областной Департамент Образования и Корпорация "Дружба". Но все, конечно, началось немного раньше, когда мысль об основании школы нового и в то же время традиционного типа счастливо возникла в американской семье Экельбаргеров. У пастора Джона Экельбаргера и его супруги Дебры из Америки было видение, и они поняли, что должны основать Школу Завтрашнего Дня в Центральной Азии. Они видели, что эта система образования давала хорошие результаты в Америке, что программа обучения, основанная на Библии, оставила глубокий след в судьбах преподавателей и студентов. Они хотели поделиться своим опытом с людьми Средней Азии. </td>

	<td align=center><img src="family2.jpg" alt="Семья Экельбаргеров"></td></tr></table>

	<table width=750 border=0 cellspacing=10><tr><td width=375 valign=top><font size=3 color=#6699ff><b>Видение стало реальностью в 1994 - 95 учебном году. Они продали дом в Америке, упаковали то, что было необходимо для школы, и приехали со своими тремя детьми в Караганду. Они старательно работали над тем, чтобы найти преподавателей, подготовить здание для будущей школы, уладить все официальные проблемы. Все это время семья пастора пыталась приспособиться к новой для них культуре.Сейчас КААШ уже 8-й год работает в Караганде. Изначально школа работала с 5-ю основными предметами, которые преподавались на английском языке. Позже государственная программа стала необходимой частью курса обучения. </td><td valign=top><font size=3 color=#6699ff><b>Большинству студентов нравится обучение на иностранном языке и содержание программы. В данный момент в нашей школе 180 студентов и 26 преподавателей английской программы и 17 преподавателей, которые занимаются государственной программой. Основатели, Джон и Дебра Экельбаргер, сейчас вернулись в Америку. Директор школы, американка, обеспечивает руководство КААШ. Один из преподавателей тоже из Америки; она ведет занятия по разговорному английскому и помогает контролировать английскую программу.</td></tr></table>

	<align=center>

	</body></html>

	

	Наши будни

	

	<html><head><title>Наши будни</title></head>

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

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

	<frame src="chores2.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="history.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="principles.htm" target="_parent"><font size=2>Основы нашей философии</td>

	</html>

	

	Нижний фрейм:

	<html><head><meta http-equiv="Content-Type" content="text/html; charset=windows-1251"><title>Наши будни</title></head><body background="bg.gif" body bgcolor=#000000 link=#00ccff vlink=#66cc99 alink=#99cc99><SCRIPT language=JavaScript1.2>

	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>

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

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

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

	</html>

	

	Нижний фрейм:

	<html><title>Пять законов обучения</title>

	<head></head>

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

	<font size=5 color=#66cc99><b><p align=center>

	Пять законов обучения

	<br><br>

	<table width=750 border=0><tr>

	<td align=center width=275><font size=3 color=#6699ff><b>I. Насколько тяжела повозка?</td>

	<td></td>

	<td align=center><font size=3 color=#6699ff><b>I. Ученик должен быть на посильном для него уровне материала</td></tr>

	<tr><td align=center><font size=3 color=#6699ff><b>II. Насколько длинна палка?</td>

	<td></td><td align=center><font size=3 color=#6699ff><b><br>II. Ученик должен ставить реальные цели, которые он может достичь за предписанное время</td></tr>

	<tr><td align=center><font size=3 color=#6699ff><b>III. Насколько эффективен контроль?</td>

	<td><img src="cart2.gif"></td><td align=center><font size=3 color=#6699ff><b>III. Ученика необходимо контроллировать и мотивировать в усваивании и использовании материала</td></tr>

	<tr><td align=center><font size=3 color=#6699ff><b>IV. Насколько голоден ослик?</td>

	<td></td><td align=center><font size=3 color=#6699ff><b>IV. Обучение ученика должно быть измеряемо</td></tr>

	<tr><td align=center><font size=3 color=#6699ff><b>V. Насколько велика морковка?</td><td></td>

	<td align=center><font size=3 color=#6699ff><b>V. Обучение ученика должно быть награждено</td></tr>

	<tr><td>

	</td><td></td><td></table>

	</body></html>