Разработка web

Доступен только на StudyGur

Тема:
Скачиваний: 0
Страниц: 99
Опубликован:
ЧИТАЙТЕ ПОЛНЫЙ ТЕКСТ ДОКУМЕНТА

ПРЕДПРОСМОТР

1
Министерство образования и науки Республики Казахстан
Карагандинский Государственный Технический Университет
Кафедра
Систем автоматизированного
проектирования
ПОЯСНИТЕЛЬНАЯ ЗАПИСКА
к дипломной работе
Тема: «Разработка web-сайта»
Руководитель
________
Студент гр. _________
____________________
(фамилия, инициалы)
(подпись) (дата)
2009
2
СОДЕРЖАНИЕ
Введение ................................................................................................................... 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 Руководство проектировщика ........................................................................ 23
5. Техническое обеспечение ................................................................................. 30
6. Промышленная экология .................................................................................. 33
6.1 Понятие экологии ............................................................................................ 33
6.2 Экологические проблемы научно-технического прогресса ....................... 34
6.3 Классификация источников излучения и понятие ионизирующего
излучения. Влияние ионизирующих излучений на окружающую среду и
защита от них. ........................................................................................................ 35
3
7. Мероприятия по охране труда и технике безопасности ............................... 44
7.1 Анализ условий труда операторов на вычислительных центрах ............... 44
7.2 Меры по безопасности организации работ................................................... 46
7.3 Противопожарная защита............................................................................... 56
8 Технико-ЭкономическОЕ ОБОСНОВАНИЕ .................................................. 59
Список использованных источников: ................................................................. 63
Приложения ........................................................................................................... 66
4
ВВЕДЕНИЕ
World Wide Web (WWW) – интеллектуальное достижение человечества
в эпоху высоких технологий. На сегодняшний день WWW содержит
миллионы сайтов, на которых размещена всевозможная информация. Люди
получают доступ к этой информации посредством использования технологии
Internet. Для навигации в WWW используются специальные программы –
Web-браузеры, которые существенно облегчают пользование ресурсами
WWW. Вся информация в Web-браузере отображается в виде Web-страниц,
которые являются основным элементом байтов WWW.
Web-страницы, поддерживая технологию мультимедиа, объединяют в
себе различные виды информации: текст, графику, звук, анимацию и видео.
От того, насколько качественно и красиво сделана та или иная Web-страница,
зависит во многом ее успех в сети.
Пользователю приятно посещать те Web-страницы, которые имеют
стильное оформление, не отягощены чрезмерно графикой и анимацией,
быстро загружаются и правильно отображаются в окне Web-браузера.
Особую актуальность приобретает проблема разработки Web-сайтов
учебных
заведений
и
использование
Internet-технологий
в
системе
образования. [1;2] Всякий импульс к новому всегда и творческий и
реакционный. Изобретение бумаги и книгопечатания вызывало опасение о
разрыве человеческих взаимоотношений, с появлением кино высказывались
мнения об исчезновении театра и т.п. Однако история показывает, что новые
технологии занимают свои ниши в общественных отношениях, не заменяя
традиционные, а дополняя их возможности. Подрастающее поколение более
восприимчиво
постановки,
к
различным
изучения
и
новациям.
решения
Следовательно,
проблемы
актуальность
целенаправленного
использования Internet-технологий в образовании в целом и Web-дизайна для
учебных заведений в частности, не вызывает сомнений. [3;4] Поэтому для
дипломного проекта мы выбрали тему: Разработка электронного учебника по
5
системе AutoCAD 2000.
Цель данного дипломного проекта – разработать технологию создания
учебного пособия и проверить ее эффективность в реальном творческом
проекте.
Реализация данной цели требует содержательного и методического
решения следующих задач:
- изучить историю и теорию Web-дизайна
- разработать концептуальную модель учебника
- изучить Web-технологию и языки HTML и Java-Script и их
возможности в Web-дизайне
- выявить эффективность программно-аппаратных средств в Webдизайне
- составить методическое руководство по разработке и использованию
учебника.
- провести
апробацию
разработанной
технологии
в
реальном
творческом проекте.
Распространение Internet
Internet - это самая большая мировая компьютерная сеть. Теперь
Internet имеет приблизительно 150 миллионов пользователей более чем в 50
странах. WWW доступен в основном через Internet; но, говоря WWW и
Internet мы подразумеваем не одно и то же. WWW можно отнести к
внутреннему содержанию, то есть это какой-либо абстрактный мир знаний, в
то время как Internet является внешней стороной глобальной сети в виде
огромного количества кабелей и компьютеров.
6
Рисунок 1
На рисунке 1 страны, обозначенные черным цветом, имеют связь по
Internet. Количество людей, которые имеют такой доступ, в этих странах
становится все большее и большее. Страны, обозначенные белым цветом,
могут работать по e-mail, в локальных сетях или не имеют ничего подобного
вообще.
Концепция WWW
Так что же такое World Wide Web, или, как говорят в просторечии,
WWW, the Web, или еще более простое - 3W? WWW - это распределенная
информационная система мультимедиа, основанная на гипертексте. Давайте
разберем это определение по порядку.
Распределенная информационная система: информация сохраняется на
огромном великом множестве так называемых WWW-серверов (servers). То
есть компьютеров, на которые установленное специальное программное
обеспечение и которое объединенные в сеть Internet. Пользователи, которые
имеют доступ к сети, получают эту информацию с помощью программклиентов, программ просмотра WWW-документов. При этом программа
просмотра посылает по компьютерной сети запрос серверу, который
сохраняет файл с необходимым документом. В ответ на запрос сервер
высылает программе просмотра этот необходимый файл или сообщение об
отказе, если файл по тем или иным причинам недоступен. Взаимодействие
клиент-сервер происходит по определенным правилам, или, как говорят
иначе, протоколам. Протокол, принятый в WWW, называется HyperText
7
Transfer Protocol, сокращенно - HTTP.
Мультимедиа: информация включает в себя не только текст, но и двухи трехмерную графику, видео и звук.
Гипертекст: информация в WWW представляется в виде документов,
любой из которых может содержать как внутренние перекрестные ссылки,
так и ссылку на другие документы, которые сохраняются на том же самом
или на любом другом сервере.
Такие ссылки называют гиперссылками или гиперсвязями. На экране
компьютера в окне программы просмотра ссылки выглядят как выделенные
каким-нибудь образом (например, другим цветом и/или подчеркиванием)
участка текста или графики. Выбирая гиперссылки, пользователь программы
просмотра может быстро перемещаться от одной части документа к другой,
или же от одного документа к другому. При необходимости программа
просмотра автоматически связывается с соответствующим сервером в сети и
запрашивает
документ,
на
который
сделана
ссылка.
Кстати,
идея
гипертекстового представления информации должна уже быть хорошо
знакома пользователям разных версий системы Microsoft Windows. Именно
по этому принципу построенна в Windows система подсказок (Help), с той
лишь разницей, что гипертекстовая система подсказок Windows не является
распределенной.
Итак,
Web-страница
может
содержать
стилизованный
и
форматированный текст, графику и гиперсвязи с разными ресурсами Internet.
Чтобы реализовать все эти возможности, был разработанный специальный
язык, названная HyperText Markup Language (HTML), то есть, Язык Разметки
Гипертекста. Документ, написанный на HTML, представляет собой
текстовый файл, который содержит собственно текст, несущий информацию
читателю, и флаги разметки. Последние представляют собой определенные
последовательности
символов,
которые
являются
инструкциями
для
программы просмотра; в соответствии с этими инструкциями программа
располагает текст на экране, включает в него рисунки, которые сохраняются
8
в отдельных графических файлах, и формирует гиперсвязи с другими
документами или ресурсами Internet. Таким образом, файл на языке HTML
приобретает вид WWW-документа только тогда, когда он интерпретируется
программой просмотра. О языке HTML будет детально рассказано в
следующих разделах, поскольку без знания основ этого языка невозможно
создать Web-страницу для публикации в WWW.
9
1 ИНФОРМАЦИОННОЕ ОБЕСПЕЧЕНИЕ
1.1 Структура информационных потоков
Структура информационных потоков рассматривает направление
данных, циркулирующих в процессе создания учебника. Так, основными
источниками информации служат:
1.
Методические
указания
по
работе
с
пакетом
AutoCAD,
разработанные на кафедре САПР.
2. Сам пакет AutoCAD и встроенный help.
3. Предыдущие проекты учебника.
4. Эксперты-преподаватели
Рассмотрим подробнее каждый пункт. Кафедра предоставляет данные о
теоретическом материале и лабораторных работах.
Все демонстрации и практические задания были выполнены в
AutoCAD, оттуда же бралось описание некоторых приемов построения
чертежа.
Ранее уже предпринималась попытка создать электронное учебное
пособие по выполнению курсовой работы в AutoCAD. Из этого пособия были
заимствованы задания и фреймовая структура документа.
Эксперты-преподаватели
любезно
предоставили
свои
рекомендации по содержанию, стилю и оформлению учебника
Все эти данные сходятся к художнику-дизайнеру, который
превращает «сырой» материал в проект электронного учебника. После
необходимой
цензуры,
согласования
всех
элементов
содержания
и
оформления, Web-мастер завершает работу над сайтом. Более подробная
схема представлена внизу на рисунке 2.
1.2 Концептуальная модель учебника
Web- сайт
Дополнени
я готовыми
Информация о
создании школы и
фото директора
Логотип школы
Описание
будней школы
Личный
опыт, идеи
Справочное
руководство
Предыдущие
проекты сайта
Интернет
Экспертпреподаватель
Проектировщи
к
Рисунок 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 -
Ссылки
Ссылки
Фон
Заголовок
Web - Сайт
Объект ссылки
Тип ссылки
Страница
сайта
Страницы
Объект анимации
Кол-во повторений
Анимация
Текст
Статичный
Анимированный
Размер файла
Параметры формат-я
Анимация
Текст
Концептуальная модель Web - сайта
Разрешение
Тип
Размеры
Графика
Графика
Среда
создания
Среды
HTML
Java
Блокнот
Corel Draw
Corel Photo Paint
1
2
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] и для них
существует своя система имен. В одном, обычно верхнем фрейме
располагается
система
навигации
по
сайту
–
ссылки,
остающиеся
неподвижными при прокрутке экрана. Второй фрейм, нижний, содержит
саму информацию страницы.
3
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
4
или некоторыми другими программами.
Работа по 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-документе должны присутствовать
5
три главных части:
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>
6
C) Тело документа.
Третьей главной частью документа является его тело. Оно следует
сразу за заголовком и находится между тегами <BODY> и </BODY>. Первый
из них должен стоять сразу после тега </HEAD>, а второй - перед тегом
</HTML>. Тело HTML-документа - это место, куда автор помещает
информацию, отформатированную средствами HTML.
<HTML>
<HEAD>
<TITLE> Моя первая страница</TITLE>
</HEAD>
<BODY>
......................................
</BODY>
</HTML>
2.3 Форматирование текста
В разделе BODY все символы табуляции и конца строк браузером
игнорируются и никак не влияют на отображение страницы. Поэтому
перевод строки в исходном тексте HTML-документа не приведет к началу
новой строки в отображаемом обозревателем тексте при отсутствии
специальных тегов. Это правило очень важно помнить и не забывать ставить
разделяющие строки теги, иначе у текста не будет абзацев, и он станет
нечитаемым.
Для начала новой строки используется тег <BR> (сокр. от англ. break прервать). Этот тег приводит к отображению браузером дальнейшего текста с
начала следующей строки. Закрывающий для него тег не используется. Он
удобен, если требуется с какого-то места писать с новой строки без начала
нового абзаца, например, в стихотворении. Повторное его использование
7
позволяет вставить одну или несколько пустых строк, отодвинув
следующий фрагмент страницы вниз.
Сплошной текст без промежутков читается не очень легко, его
неудобно просматривать и находить нужные места. Разбитый на абзацы,
текст
воспринимается
гораздо
быстрее.
Для начала нового
абзаца
используется тег <P> (англ. paragraph - абзац). Этот тег, кроме начала новой
строки, вставляет одну пустую строку. Но многократное повторение <P>, в
отличие от <BR>, не приведет к появлению нескольких пустых строк,
останется все та же одна пустая строка.
Внутри скобок тега кроме его названия могут размещаться также
атрибуты (англ. atributes - атрибуты). Они отделяются от названия и между
собой
пробелами
(одним
или
несколькими),
а
пишутся
в
виде
имя_атрибута="значение". Если значение не содержит пробелов, то кавычки
могут быть опущены, но так делать не рекомендуется. Тег <P> может
содержать атрибут ALIGN, определяющий выравнивание абзаца. По
умолчанию
абзац
выравнен
влево
ALIGN="left".
Возможны
также
выравнивания вправо ALIGN="right" и по центру ALIGN="center". При
использовании
атрибутов,
после
форматируемого
текста
следует
использовать закрывающий тег </P>. Если его нет, то новый тег <P> означает
закрытие предыдущего, соответственно вложенные <P> невозможны.
Выровнять текст по центру возможно также тегом <CENTER>.
Кроме использования этих тегов, для разрыва строк возможно
использование символов конца строк и табуляций в самом HTML-документе.
Для этих целей существует тег <PRE>. Весь текст, помещенный между
тегами <PRE> и </PRE>, будет выводиться без изменений, то есть со всеми
концами строк и табуляциями.
Например:
<PRE>Это текст написан
в две строки.</PRE>
В HTML-документе, кроме текста, могут содержаться горизонтальные
8
разделительные линии. Они, как и текст, не требуют никаких внешних
файлов. Тег <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. Она пытается привнести контекст и
структуру в табличные данные и обеспечить системы для инкрементального
9
вывода и вывода невизуальными средствами (такими как речевые броузеры
и броузеры, работающие по системе Брайля). Пока эти средства находятся в
стадии разработки, поэтому потребуется некоторое время, чтобы понять на
практике, насколько они соответствуют стандартам. Сведения о том, что
говорится в спецификации 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 &
Medicine:
Video
* Fulll Length Video
* Clip in RealVideo
* 30 sec. WAV
Bicycle song
* Clip in RealAudio
* 30 sec. WAV
10
Таблица 3.
Шаблон страницы
Многие Web-дизайнеры используют большие таблицы в качестве
контейнеров для создания структуры страницы. Одной из известных
конфигураций является создание узких столбцов для пунктов навигации, как
показано в приводимом примере.
Контейнер для большого изображения.
Таблицы могут использоваться для сборки больших изображений,
которые предварительно были разделены на несколько частей, что бывает
необходимо для получения анимационных эффектов, сменных изображений
и т. д. На примере справа включена рамка, чтобы можно было увидеть части
изображения.
Спецификация HTML 4.0 не рекомендует использовать таблицы для
разметки страниц, отдавая предпочтение каскадным спискам стилей с
абсолютным позиционированием. Но до тех пор, пока списки стилей не
поддерживаются
согласованно
всеми
браузерами,
таблицы
остаются
наиболее надежным инструментом разработчика для создания страниц со
сложной разметкой.
2.4 Фреймы
В данной дипломной работе все страницы сайта кроме первой содержат
фреймы. Фреймы позволяют разделить окно браузера на небольшие части,
каждая из которых выводит свой HTML документ. Поддержка фреймов,
предложенная Netscape Navigator 2.0+, была вскоре использована и другими
популярными браузерами. Основная спецификация фрейма работает с
Netscape Navigator 2.0 и выше, а также с MicroSoft Internet Explorer, начиная с
версии 3.0 .
Главное преимущество фреймов заключается в том, что они
обеспечивают неподвижность частей страницы, в то время как другие части
11
прокручиваются. [19,27]Это важно, когда вы хотите, чтобы часть
изображения оставалась постоянно на экране, например, навигационные
значки или заголовки рекламных объявлений.
Фреймы объединяют ресурсы, находящиеся на различных серверах.
Например, вы можете использовать фреймы для объединения вашего
собственного материала (и навигационной графики) с потоковым материалом
дискуссий,
генерируемым
программным
обеспечением
на
сервере
поставщика.[21]
Используя тег <no frames>, несложно добавить альтернативное
содержимое для браузеров, которые не поддерживают фреймы. Это свойство
встроено в систему фреймов.
2.5 JavaScript
JavaScript представляет собой язык написания сценариев на клиентской
стороне, который вносит на Web-страницы элементы интерактивности и
условного
поведения. С помощью
JavaScript
вы можете выводить
дополнительную информацию о ссылках, создавать интерактивные эффекты
при работе с мышью, изменять при определенных условиях содержимое
страниц, случайным образом
ОТОбражать
содержимое страницы, загружать
содержимое в новые окна браузер и фреймов и (с некоторой помощью CSS)
передвигать элементы по странице. Дополнительные руководства по
JavaScript можно найти на страницах webcoder.com.
Сценарии JavaScript обычно помещают непосредственно в документ
HTML. Они могут находиться или в заголовке или в теле документа. В один
документ можно поместить несколько сценариев. Пример синтаксиса:
<SCRIPT LANGUAGE=”JavaScnpt”>
Здесь находится сценарий
</SCRIPT>
12
2.7 Дизайн учебника
Элементы, без которых не обходится ни одна web-страница, — фон,
текст и гипертекстовые ссылки — ставят интересную задачу гармонизации
трех (или четырех, если учитывать цвет «посещенных» ссылок) цветов,
занимающих в композиции резко различающиеся площади и выполняющих
разные функции. Есть немало страниц с минимумом графики и достаточно
ординарной
композицией,
которые
привлекают
и
запоминаются
исключительно своей цветовой гаммой.[19;20;21]
Первое требование к паре цветов для фона и текста — достаточный
контраст между ними, необходимый для комфортного, неутомительного
чтения. Контраст этот должен, прежде всего, выражаться в различной
яркости цветов, так как разница только в тоне или насыщенности не позволит
сознанию различать текст и фон с достаточным автоматизмом, а для текста с
небольшим кеглем его тональная окраска или степень насыщенности вообще
с трудом различимы (кроме того, эти параметры цвета теряются на чернобелых устройствах вывода).
Одно из возможных цветовых решений — со светлым текстом и
темным фоном кажется более привлекательным. Поскольку буквы текста
занимают существенно меньшую площадь, чем фон, любой достаточно
темный цвет для текста норовит превратиться в черный. Поэтому для текста
выгоднее выбирать светлый и насыщенный оттенок, которому, естественно,
требуется темный фон. Нужно также учитывать, что светлый текст на темном
фоне, хотя и уступает по комфортности длительного чтения черному тексту
на белом, в небольших объемах меньше утомляет глаз, так как ограничивает
общее количество света, получаемое от монитора (к сожалению, у многих
пользователей мониторы настроены так, что белый фон страницы почти
моментально вызывает резь в глазах).
Печать текста белым по черному применяется иногда и в журнальной
верстке, однако, только на экране компьютера эта цветовая схема открыла
13
все заложенные в ней возможности. Любой достаточно темный цвет в
качестве фона звучит сдержанно, благородно, даже таинственно; любой
светлый цвет для текста становится по-особому ярким и выразительным.
Пожалуй, теперь такие цветовые сочетания уже ни у кого не ассоциируются с
чем-то мрачным или траурным, так что свобода творчества ничем не
ограничена.
Есть, тем не менее, одно ограничение технического плана. Фоновый
цвет, который хочет выглядеть именно цветом, а не бесцветным черным,
обязан быть достаточно насыщенным, — «ночью все кошки серы», и
слишком слабая примесь основного тона будет в темном цвете трудно
различима, несмотря даже на большую площадь, занимаемую этим цветом.
Насыщенность цвета текста может при этом поддерживать насыщенность
фона, а может, контрастировать с ней. Чтобы подчеркнуть цвет фона, на
экране расположены цветные мерцающие звездочки, имитирующие звездное
небо. Выплывающая из бесконечности заставка школы создает эффект
глубины изображения, придает плоским изображениям третье измерение.
14
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, поэтому ее на экране не видно.
15
Рисунок 5 – Главная страница
Сразу под анимированным логотипом школы Завтрашнего Дня,
располагается текст в рамке, являющийся гиперссылкой, призванный
заинтриговать читателя. При нажатии на этот текст, пользователь переходит
на следующую страницу (см. рисунок 4 на стр. 39 и 6), где видные
педагогические авторитеты высказываются о необходимости реформ, либо о
состоянии народного образования в целом, что опять же подтверждает
остроту вопроса реформирования школы. С этой страницы возможен переход
только на главную страницу.
Рисунок 6 – Современная школа
Возвратясь на главную страницу, читатель уже понял, что с
общественным образованием надо что-то делать, но что именно еще не
решил. И тут Школа Завтрашнего Дня предлагает свой выход из ситуации.
Именно так называется ссылка внизу экрана. При нажатии на нее читатель
попадает
на
страницу,
очень
кратко,
буквально
в
двух
словах,
16
представляющую ШЗД (Школу Завтрашнего Дня). (Смотрите рисунок 7) С
этой страницы, как и впрочем, со всех остальных, можно перейти на любую
другую страницу сайта.
Рисунок 7 – Школа завтрашнего дня
Для
этого
существует
удобная
система
навигации
по
сайту,
представляющая собой закрепленные вверху экрана ссылки, остающиеся
неподвижными даже при прокрутке страницы. Но вернемся к главной
странице.
Слева от эмблемы расположена ссылка «Наша история», ее название
говорит само за себя. (Смотрите рисунок 8) На странице представлена
краткая история школы от идеи создания до настоящих дней с фотографией
основателей - семьи Эккельбаргеров.
Рисунок 8 – Наша история
Под "Нашей историей" расположены "Наши будни", расказывающие о
17
повседневной жизни школы. (Смотрите рисунок 9) Эта страница
постоянно прокручивается без участия пользователя. На этой странице есть
возможность
связаться
со
школой
по
электронной
почте
или
непосредственно с автором сайта. Справа от логотипа расположена ссылка
«Почему мы лучшие», где в полной мере используется сценарий Java-Script
для анимации текста. (Смотрите рисунок 10) На странице проводится
сравнительный
анализ
ШЗД
на
примере
Казахстано-Американской
английской школы и обычной школы.
Рисунок 9 – Наши будни
Под этой ссылкой находится школьный е-mail, при нажатии на
который запускается Outlook Express, если он установлен на данной машине.
Помимо этих ссылок, в сайте еще присутствуют другие страницы,
переход на которые возможен со всех страниц, кроме главной.
Рисунок 10 – Почему мы лучшие
18
Так, есть страница, называемая "Основы нашей философии", которая
изобилует таблицами, фреймами и Java скриптами. На этой странице
анимированный текст объясняет принципы, на которых построена ШЗД.
Кроме нее есть еще одна страница, которая называется "5 законов
обучения". Педагогические исследования д-ра Ховарда и его команды
привели к открытию 5 законов обучения, которые имеют свое обоснование в
Библии. Эти законы, которые служат фундаментом для "Основ нашей
философии" прошли многолетнюю практику по всему миру и отлично
зарекомендовали себя.
КААШ
Необходимость
создания
такой школы
рисунок 4 - Структурная схема сайта
5 законов
обучения
Наши
будни
История
создания
Основы
нашей
философии
Школьный
e-mail
Почему мы
лучшие
19
4
4.
20
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,
21
на его машине необходима установка операционной системы на базе
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. К преимуществам этого редактора
относят развитую систему управления и богатство средств настройки
22
инструментов. Наиболее сложные композиции, близкие к художественным
произведениям, получают средствами именно этого редактора. Сorel Photo
Paint 9 позволяет создавать анимационные ролики в формате Gif, что очень
удобно для размещения в интернете и кроме того, возможно изменять
настройки каждого кадра. Более того, Сorel Photo Paint 9 является
естественным дополнением к Corel Draw 9 и образует с ним единый
графический пакет.
4.3 Прикладное программное обеспечение
Прикладное программное обеспечение представляет собой рекламный
Web-сайт
Казахстано-Американской
размещается
информация
о
Английской
школе,
школы.
призванная
На
нем
заинтересовать
потенциальных учеников и их родителей, а также просто заявить о себе. На
сайте представлена необходимость создания школы такого типа, история и
описаны будни школы, концепция и принципы функционирования, а также
сравнительный анализ с другими школами. Все это представлено в удобном
для
чтения
формате,
в
отдельных
случаях
текст
сопровождается
графическими дополнениями – фотографиями, рисунками или анимацией.
Как правило, страницы не несут слишком много информации, чтобы не
перегружать пользователя, в этом нет необходимости, так как цель сайта, в
первую очередь – реклама. Большинство страниц не имеют полосы
прокрутки и это совершенно оправданно, так как многие посетители
интернета просматривают лишь то, что видят на экране при загрузке. Сайт
снабжен удобной системой навигации по всем страницам. Выполненные в
отдельном фрейме, ссылки остаются всегда в верхней части экрана, дажа при
прокрутке страницы. Схема страниц сайта представлена на рис.4
23
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, которая обозначает графический файл
- эмблемму школы
24
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>
25
<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:[email protected]"
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="Пишите нам">
26
</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, без полосы прокрутки и без полей.
27
<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
28
size=2>Главная страница</td>
<td
align=center><a
href="chores.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
size=2>Наши будни</td>
<td
align=center><a
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=windows1251"><title>Words</title>
Затем объявляем использование Java – script и используемых функций
dynAnimation() и clickSwapImg()
<script language="JavaScript" fptype="dynamicanimation">
<!-function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
29
Указываем имя отдельного файла, где находится сам анимационный
код "animate.js"
<script
language="JavaScript1.2"
fptype="dynamicanimation"
src="animate.js">
</script>
</head>
Загружаем
функцию
анимации,
указываем
ее
тип
-
fpAnimelasticBottomFP1 и описываем фон документа, цвета ссылок.
<body
onload="dynAnimation()"
background="bg.gif"
body
language="Javascript1.2"
bgcolor=#000000
link=#66cc99
body
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>
30
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 МГц.
31
-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 тг. В перспективе возможно использование
сканера, цифровой фото и видеокамеры для обновления сайта, но эти
расходы не являются необходимыми и срочными на данный момент времени,
поэтому они приниматься в расчет не будут. Для экономического
32
обоснования дипломного проекта будет использована цифра 62577 тг.
33
6 ПРОМЫШЛЕННАЯ ЭКОЛОГИЯ
6.1 Понятие экологии
Слово экология образовано от двух греческих слов: “oikos” – дом,
жилище, страна и “logos” – наука. Таким образом, экология изучает наш
“природный дом” и охватывает все живущие в нем организмы и
происходящие функциональные процессы, делающие этот “дом” пригодным
для жизни. В буквальном смысле экология – это наука об организмах “у себя
дома”, наука, в которой особое внимание уделяется совокупности или
характеру связей между организмами и окружающей их средой.[35]
Охрана окружающей среды как самостоятельная проблема и научная
дисциплина возникла около 1900 года, но ее название “экология” вошло в
общий лексикон лишь в последнее десятилетие.
Признанным родоначальником экологии считается немецкий ученый,
медик, ботаник, зоолог, морфолог, а в целом крупный самобытный ученый Э.
Геккель, который внес в науку много новых терминов, в том числе и
“экология”. Он относит экологию к науке о природе, которую прежде всего
интересуют живые существа, которая изучает их, но не с точки зрения
коллекционера или систематизатора, а все стороны жизни биологических
организмов. Она изучает также экономику природы как важнейшее условие
существования
общества,
затрагивая,
таким
образом,
не
только
биологические, но и экономические факторы.
Многие авторы после Геккеля пытались дать определение экологии как
науки. Каждый из них старался выделить ее отличительные особенности.
Ф. Клементс (США) в 1920 г. назвал экологию наукой о сообществах;
Ч. Элтон (Великобритания) в 1937 г. определил ее как науку,
естественную историю, имеющую дело с социологией и экономикой
животных;
Х.Б. Одум (США) в 1959 г. заявил, что экология изучает структуру и
34
функции природы;
С.С. Шварц (бывший СССР) в 1972 г. назвал экологию наукой о зонах,
управляющих жизнью растений и животных в естественной среде обитания;
Р. Дажо (Франция) в 1975 г. дал определение экологии как науке,
изучающей условия существования живых организмов и взаимосвязи между
организмами и средой, в которой они обитают.
В настоящее время можно считать, что экология является научной
основой охраны окружающей среды, изучает условия существования (жизни)
организмов, их отношения и связи между собой и окружающей природной
средой. Однако систематические экологические исследования были начаты
только в начале двадцатого столетия.
Наряду с изучением экологии животных, растений, микроорганизмов и
их сообществ за последние годы все больше и больше внимание ученых
привлекает экология человека. Это и понятно, потому что в современных
условиях
важнейшую
роль
среди
экологических
факторов
играет
деятельность, т.е. антропогенные факторы, которые все заметнее приводят к
изменению природы как среды обитания других видов или непосредственно
сказываются на их существовании. Поэтому не учитывать роль человека и
человеческого общества в существовании биогеоценозов (экосистем) нельзя.
6.2 Экологические проблемы научно-технического прогресса
Современный
противоречивостью
мир
отличается
событий,
он
необычайной
пронизан
сложностью
и
противоборствующими
тенденциями, полон сложнейших альтернатив, тревог и надежд.
Конец XX века характеризуется мощным рывком в развитии научнотехнического
прогресса,
ростом
социальных
противоречий,
резким
демографическим взрывом, ухудшением состояния окружающей человека
природной среды.
Поистине наша планета никогда ранее не подвергалась таким
35
физическим и политическим перегрузкам, какие она испытывает на рубеже
XX- XXI веков. Человек никогда ранее не взимал с природы столько дани и
не оказывался столь уязвимым перед мощью, которую сам же создал.
В век научно-технического прогресса и промышленного подъема остро
встал вопрос об усилении воздействия человека на природу. В отличие от
животного, лишь приспосабливающегося к окружающей среде в процессе
биологической эволюции, человек сознательно и активно изменяет ее для
удовлетворения своих потребностей.
Воздействие человека на природу обычно связано с стремлением
достигнуть
какой-либо
цели.
Однако
они
не
всегда
совпадают
с
возможностями биосферы. Воздействие человека на природу тем и
отличается от воздействия на нее животного , что деятельность первого
переходит ту грань, когда сохраняется биологическое равновесие.
Действие ионизирующей радиации на живой организм интересовало
мировую науку с момента открытия и первых же шагов применения
радиоактивного излучения. Это неслучайно, так как с самого начала
исследователи столкнулись с его отрицательными эффектами.
Едва ли не главнейшее обстоятельство, которое обычно упускают из
виду при анализе рассматриваемой проблемы, состоит в том что
радиоактивные вещества и ионизирующие излучения являются одним из
естественных, природных факторов. Это их важнейшее отличие от
детергентов, пестицидов, инсектицидов и др. химических веществ, которыми
человечество в последние годы интенсивно загрязняет биосферу.
6.3
Классификация
источников
излучения
и
понятие
ионизирующего излучения. Влияние ионизирующих излучений на
окружающую среду и защита от них.
Современные ядерно-технические установки обычно представляют
собой сложные источники изучений.
36
Любой источник излучения характеризуется:
- видом излучения;
- геометрией источника (формой и размерами);
- мощностью и ее распределением по источнику;
- энергетическим составом;
- угловым распределением излучения.
На практике источники встречаются в неограниченном многообразии
указанных характеристик.
Наиболее распространенные источники ионизирующих излучений естественные и искусственные радиоактивные нуклиды (а их сейчас
насчитывается около 2000) - являются источниками -, - и -излучений.
Характерной особенностью этих излучений при воздействии их на
живой организм является прямая или косвенная ионизация, поэтому они и
называются ионизирующими излучениями.
Действие ионизирующего излучения в определенных дозах вызывает
эффекты, которые могут стать явными у самого облученного лица или
проявиться у его потомства. То есть воздействие ионизирующих излучений
на организм приводит к последствиям соматической и генетической
природы.
Соматические эффекты могут быть ранними (возникающими в период
от нескольких минут до 60 суток после облучения) и отдаленными
(соматико-стохастическими:
увеличение
частоты
злокачественных
новообразований, увеличение частоты катаракт, общее неспецифическое
сокращение жизни).
В настоящее время нет единой точки зрения ученых в толковании
зависимости функции доза - эффект. Если эта функция не имеет порога, то
рассматриваются, скорее, не сами эффекты, а вероятность их проявления.
Тогда функцию называют стохастической. Если вредные эффекты излучения
выявляются, начиная с какого-то определенного порога, то функцию
называют
нестохастической.
При
дозах,
характерных
для
практики
37
радиационной защиты, генетические эффекты рассматриваются как
стохастические. В то же время в сравнительно низком диапазоне доз
основной соматический эффект - канцирогенез - также принято относить к
стохастическим эффектам.
Нестохастические соматические эффекты характерны для отдельных
органов и тканей: они проявляются в виде помутнения хрусталика глаза,
незлокачественных повреждений кожи (эритемы), подавления функции
клеток
костного
мозга,
вызывающего
гематологические
нарушения,
повреждения клеток гонад.
Внешнее облучение - воздействие на организм ионизирующих
излучений от внешних по отношению к нему источников излучения.
Внутреннее облучение - воздействие на организм ионизирующих
излучений радиоактивных веществ, находящихся внутри организма.
Естественный фон излучения - ионизирующее излучение, состоящее из
космического
излучения
и
излучения
естественно
распределенных
природных радиоактивных веществ (на поверхности земли, в приземной
атмосфере в продуктах питания, в воде в организме человека и другое).
Таблица 4 Искусственные источники радиации
Источник
Годовая доза
мбэр
Доля от
мзв
природ.фона, % (до 200
мбэр)
1
2
3
4
Медицинские приборы (флюорография 970 мбэр,
100-150
1,0-1,5
50-75
рентгенография зуба 3 бэра, рентгеноскопия легких 28 бэр)
Полеты в самолете (расстояние 2000км, высота 12 км) 2.5-5
0.02-0.05 1-2.5
5 раз в год
Монитор компьютера (работа по 8 часов в день)
1,0
0,01
0,5
АЭС
0,1
0,001
0,05
Глобальные осадки от испытаний ядерного оружия
2,5
0,02
1,0
Другие источники
40
-
-
Итого, мбэр/год
150-200
38
Персонал (профессиональные работники) - лица, которые постоянно
или временно работают непосредственно с источниками ионизирующих
излучений. К таким лицам также относятся операторы и пользователи ЭВМ.
Предельно
допустимая
доза
(ПДД)
-
наибольшее
значение
индивидуальной эквивалентной дозы за год, которое при равномерном
воздействии в течение 50 лет не вызовет в состоянии здоровья персонала
неблагоприятных изменений, обнаруживаемых современными методами.
Допустимые
уровни
-
нормативные
значения
поступления
радиоактивных веществ в организм, содержания радиоактивных веществ в
организме, их концентрация в воде и в воздухе, мощности дозы, плотности
потока и т. п., рассчитанные из значений основных дозовых пределов ПДД.
В порядке убывания радиочуствительности устанавливаются три
группы критических органов:
1 группа - все тело, гонады и красный костный мозг;
2 группа - мышцы, щитовидная железа, жировая ткань, печень, почки,
селезенка, желудочно-кишечный тракт, легкие, хрусталик глаза и другие
органы, за исключением тех, которые относятся к 1-й и 3-й группам;
3 группа - кожный покров, костная ткань, кисти, предплечья, лодыжки
и стопы.
Контроль мощности доз -излучения, а также плотности потоков
нейтронов позволяет оценить эффективность применяемых защитных
мероприятий, ориентировочно установить индивидуальные дозы облучения,
оценить надежность используемых защитных средств.
Основными задачами контроля являются:
- измерение дозы и потока нейтронов на рабочих местах;
- измерение дозы -излучения и потоков нейтронов в смежных
помещениях и прилегающей территории;
- измерение эффективности стационарных и передвижных защитных
средств;
- установление контрольных уровней;
39
- установление радиационно-опасных зон при аварии.
Для измерений мощности дозы -излучения и плотности потоков
нейтронов применяют различные дозиметры стационарного, переносного
или носимого типов.
Детекторами излучения служат ионизационные камеры, газоразрядные
или сцинтилляционные счетчики.
Стационарные приборы позволяют вести непрерывный контроль
мощности доз во многих точках помещений, где проводятся работы с
источниками ионизирующих излучений, и имеют большие диапазоны
измерений.
Наряду
со
стационарными
приборами
измерения
мощности
экспозиционных доз рентгеновского, -излучений и потоков нейтронов
осуществляют с помощью переносных дозиметров и радиометров, а также
носимых дозиметров.
Существуют следующие приборы контроля ДРГЗ-01, ДРГЗ-ОЗ, ДКС05, ДКС-04 и др.
По мнению Международной комиссии по ионизационной защите
“целью
ионизационной
вредоносного
защиты
воздействия
является
обеспечение
ионизирующих
защиты
излучений
от
отдельных
индивидуумов, их потомства, человечества в целом и в то же время создание
соответствующих условий для необходимой практической деятельности
человека,
во
время
которой
возможно
воздействие
ионизирующих
излучений”.
Воздействие ионизирующих излучений на организм приводит к
последствиям соматической и генетической природы. Соматические эффекты
проявляются непосредственно у человека, подвергающегося облучению, а
генетические – у его потомков. Соматические эффекты могут быть ранними
(возникающими в период от нескольких минут до 60 суток после облучения)
и
отдаленными
(соматико-стохастическими:
увеличение
частоты
злокачественных новообразований, увеличение частоты катаракт, общее
40
неспецифическое сокращение жизни).
Конкретной целью ионизационной защиты является предупреждение
вредных нестохастических эффектов и ограничение частоты соматикостохастических
эффектов
до
уровня,
считающегося
приемлемым.
Нестохастические эффекты могут быть устранены установлением достаточно
низкого предела эквивалентной дозы таким образом, чтобы минимальная
доза, способная вызвать повреждения, не была достигнута в течение
трудовой деятельности человека.
Для
ближайшего
будущего
разумный
метод
определения
приемлемости риска при работе, связанной с источниками излучений,
заключается в сравнении оценки этого риска с риском при работе в других
областях деятельности, которые признаются минимально безопасными.
Для оценки воздействия излучения применяют так называемый
параметр риска R, равный средней индивидуальной вероятности смерти в
результате облучения в дозе 10 мЗв.
Параметр риска в зависимости от типа отдаленных последствий
колеблется в широких пределах. Параметр риска приведен в таблице 5.
Таблица 5 Параметры риска в чел-бэр
Отдаленные последствия
Параметр риска
Лейкемия
2·10-5
Рак щитовидной железы
5·10-6
Опухоли костной ткани
5·10-6
Опухоли легких
2·10-5
Опухоли других органов и тканей
5·10-5
Все злокачественные опухоли
1.25·10-4
Наследственные дефекты
4·10-5
Если известна коллективная доза облучения, то ожидаемое полное
число случаев смерти на всю профессиональную группу определяется по
формуле
41
N = R·Dk.
По
современным
оценкам
среднегодовая
смертность
от
профессиональных причин, включая несчастные случаи на производствах, не
превышает 104 случаев в год.
Для реализации главной цепи радиационной защиты достижения и
сохранения необходимых условий радиационной безопасности при всех
видах деятельности, где предполагается облучение человека, - вводятся
основные
дозовые
пределы.
Используя
их,
рассчитываются
производственные характеристики, такие, как предельно допустимые уровни
внешних потоков ионизирующих изучений и допустимые концентрации
радионуклидов в воде и воздухе.
Материалы, располагаемые между источником излучения и зоной
размещения
персонала
или
оборудования
для
ослабления
потоков
ионизирующих излучений, называют защитой.
Защиту от ионизирующих излучений классифицируют по:
- назначению;
- типу;
- компоновке;
- геометрии.
Защита от ионизирующих изучений должна обеспечивать:
а)
допустимый
уровень
облучения
обслуживающего
установку
персонала;
б) допустимый уровень радиационных повреждений “изменение
прочностных
характеристик,
разрушение
органических
соединений,
радиолиз воды и другие” конструкционных и защитных материалов;
в)
допустимый
уровень
радиационного
энерговыделения
температурного распределения в конструкционных и защитных материалах.
В соответствии с этим защиту подразделяют соответственно на:
- биологическую;
и
42
- радиационную;
- тепловую.
Радиационная и тепловая защиты, которые конструкционно часто
бывают совмещены, необходимы только для мощных источников изучения
ядерно-технических установок, таких, например, как ядерные реакторы. При
работе с изотопными источниками нео6ходимость в радиационной и
тепловой защите обычно не возникает.
Защиты подразделяются на следующие типы:
- сплошная защита, целиком окружающая источники излучения;
- раздельная защита, когда наиболее мощные источники излучения
окружает первичная защита (например, первичная защита активной зоны
ядерного реактора), а между первичной и вторичной защитой имеются также
источники излучения (например, система теплоносителя ядерного реактора);
- теневая защита устанавливается между источником излучения и
защищаемой областью, размеры которой ограничиваются лишь “тенью”,
“отбрасываемой” защитой. Особенно часто такая защита используется при
ограничении массы и габаритов;
- частичная защита - ослабленная защита для областей ограниченного
доступа
персонала,
например,
на
судне
с
реактором
в
качестве
энергетической установки частичная защита может осуществляться в
направлении дна.
По
компоновке
выделяют
гомогенную
(из
одного
защитного
материала) и гетерогенную (из различных материалов) защиты.
По форме внешней поверхности наиболее часто на практике
встречается плоская, сферическая и цилиндрическая защиты.
По распространению нейтронов в средах можно выделить следующие
группы материалов:
- легкие водородосодержащие (водород, вода, полиэтилен, гидриды
металлов) - эффективные замедлители нейтронов;
- легкие, не содержащие водород (углерода карбид бора), используемые
43
при технических или технологических ограничениях на введение в защиту
водородосодержащих сред;
- материалы, состоящие из элементов со средним атомным номером
(бетон, породы, минералы);
- тяжелые материалы (железо, свинец, молибден, вольфрам, титан) для
снижения потоков -квантов (улучшают свойства защиты от быстрых
нейтронов благодаря высоким сечениям неупругого рассеяния этих
элементов);
- металловодородосодержащие среды.
Водород как материал защиты не представляет практического
интереса, но как элемент он является хорошим замедлителем нейтронов и
главным компонентом в большинстве защит от нейтронов. Барьерная защита
из водорода обладает наилучшими защитными свойствами от нейтронов,
отнесенными к единице массы.
Вода - наиболее часто используемый в защите водородосодержащий
материал. Это обусловлено высокой ядерной плотностью водорода в воде,
невысокой стоимостью, легкодоступностью, способностью заполнять все
отведенное для нее пространство без образования щелей, пустота раковин в
защите.
Характеристики
ослабления
нейтронного
рассчитаны и измерены достаточно полно.
излучения
в
воде
44
7
МЕРОПРИЯТИЯ
ПО
ОХРАНЕ
ТРУДА
И
ТЕХНИКЕ
БЕЗОПАСНОСТИ
7.1 Анализ условий труда операторов на вычислительных центрах
Одним из основных направлений научно-технического прогресса
является развитие электронной вычислительной техники и ее широкое
применение
в
производстве,
научно-исследовательских
и
проектно-
конструкторских работах, плановых расчетах и сфере управления. В
последнее время значительно расширился парк выпускаемых электронных
вычислительных
машин
(ЭВМ).
Уменьшение
стоимости,
габаритов,
потребляемой энергии вместе с ростом вычислительных возможностей
позволяет использовать ЭВМ в гораздо более широких масштабах, чем
прежние поколения вычислительной техники. Широкое использование
вычислительной техники в народном хозяйстве не только позволило
повысить производительность труда, но и породило ряд проблем, в том числе
и защиту работающих от вредных факторов, связанных с применением
вычислительной техники.
Операторы ЭВМ, программисты и другие работники ВЦ сталкиваются
с воздействием таких физически опасных и вредных производственных
факторов, как повышенный уровень шума, повышенная температура
внешней
среды,
отсутствие
или
недостаток
естественного
света,
недостаточная освещённость рабочей зоны, электрический ток, статическое
электричество, электромагнитное излучение и др. Многие сотрудники ВЦ
связаны с воздействием таких психофизиологических факторов, как
умственное перенапряжение, перенапряжение зрительных и слуховых
анализаторов, монотонность труда, эмоциональные перегрузки.[36]
Воздействие указанных неблагоприятных факторов
приводит к
снижению работоспособности, вызываемое развивающимся утомлением.
Появление и развитие утомления связано с изменениями, возникающими в
45
процессе работы в центральной нервной системе, с тормозными
процессами в коре головного мозга.
На температуру внешней среды большое влияние оказывают источники
теплоты. Основным источником теплоты являются: ЭВМ, вспомогательное
оборудование и приборы освещения. На суммарные тепловыделения
помещений ВЦ оказывают влияние внешние источники теплоты, теплота,
поступающая через окна от солнечной радиации и приток теплоты через
непрозрачные ограждения конструкции. Их интенсивность зависит от
района, ориентации помещения по частям света, материала наружных
ограждений, цветовой гаммы и т.д. Повышенная температура внешней среды
не создаёт нарушения состояния здоровья работающего, но вызывает
дискомфортные
ощущения,
ухудшает
самочувствие
и
понижает
работоспособность.
Правильно спроектированное и выполненное освещение обеспечивает
высокий уровень работоспособности, оказывает положительное влияние на
работающих.
Проявление вредного воздействия шума на организм человека
разнообразно: шум затрудняет разборчивость речи, вызывает снижение
работоспособности и мешает нормальному отдыху.
Действие шума не ограничивается только на органы слуха. Через
нервные волокна шум передаётся в центральную и вегетативную нервные
системы, а через них воздействует на внутренние органы, приводя к
значительным изменениям в функциональном состоянии организма. Люди,
работающие в условиях повышенного шума, жалуются на быструю
утомляемость, головную боль, бессонницу. У человека ослабляется
внимание, страдает память.
Практически всё оборудование ЭВМ - электрические установки.
Электрический ток, проходя через тело человека, оказывает на него сложное
воздействие, вызывая термическое, электролитическое, механическое и
биологическое действие (ожоги отдельных участков тела, изменение физико-
46
химического состава крови и т.д.).
В ряде случаев наблюдались отравления работников при работах на
копировально-множительных машинах. В последнее время поступают
многочисленные жалобы на повышенную утомляемость и головную боль
работников, обслуживающих видеотерминалы.
Длительное
нахождение
человека
в
зоне
комбинированного
воздействия различных неблагоприятных факторов может привести к
профессиональному заболеванию.
Имеющийся
в
настоящее
время
комплекс
разработанных
организационных мероприятий и технических средств защиты показывают,
что имеется возможность добиться значительных успехов в деле устранения
воздействия на работающих опасных и вредных производственных факторов.
Для безопасной организации работы оператора проводится ряд мероприятий
по защите от поражения электрическим током, по снижению шума в ВЦ,
проводят
организацию
отопления
и
вентиляции.
Высокий
уровень
работоспособности также обеспечивает правильно спроектированное и
выполненное освещение.
7.2 Меры по безопасности организации работ
Отопление
В помещениях ВЦ необходимо предусмотреть систему отопления. Она
должна обеспечивать достаточное, постоянное и равномерное нагревание
воздуха в помещениях в холодный период года, а также безопасность в
отношении пожара и взрыва. При этом колебания температуры в течение
суток не должны превышать 2-3C; в горизонтальном направлении – 2C на
каждый метр длины, а в вертикальном – 1C на каждый метр высоты
помещения.
Для отопления помещений ВЦ используются водяные, воздушные и
панельно-лучистые системы центрального отопления.
47
В
водяных
системах
отопления
нагретая
вода
попадает
в
нагревательные приборы с помощью насосов от собственной котельной или
ТЭЦ.
Для
воздушного
отопления
в
ВЦ
используются
небольшие
кондиционеры, предназначенные для подачи свежего наружного воздуха,
которые при их применении для отопления переключаются на рециркуляцию
воздуха.
В системах панельно-лучистого отопления нагревательные приборы и
трубопроводы скрыты в панелях стен, в качестве теплоносителя используется
пар и вода.
В помещениях с избытком теплоты необходимо предусматривать
возможность регулирования нагревательных приборов вплоть до отключения
при помощи автоматики.
Нагревательные поверхности отопительных приборов должны быть
достаточно ровными и гладкими, что бы на них не задерживалась пыль, и
можно было легко очищать их от загрязнения.
Радиаторы должны устанавливаться в нишах, прикрытых деревянными
решётками, гармонирующими с общим оформлением помещения. При этом
температура на поверхности нагревательных приборов не должна превышать
95 град., чтобы исключить пригорание пыли.
Вентиляция
Для
обеспечения
установленных
норм
микроклиматических
параметров и чистоты воздуха в машинных залах и других помещениях ВЦ
применяют вентиляцию. Проектирование системы вентиляции предполагает
определение расхода воздуха для вентиляции машинного зала ЭВМ и
охлаждения корпусов ЭВМ.[37]
Кондиционирование  это создание и поддержание в рабочей зоне
производственных помещений постоянных или изменяющихся по заданной
программе параметров воздушной среды, осуществляемое автоматически.
Кондиционеры бывают полного и неполного кондиционирования
48
воздуха. Установки полного кондиционирования воздуха обеспечивают
постоянство температуры, относительной влажности, подвижности и
чистоты
воздуха.
Кроме
того,
могут
осуществляться
ионизация,
озонирование, дезодорация (удаление запахов) и пр. Установки неполного
кондиционирования поддерживают только часть приведенных параметров. В
помещении, где располагаются ЭВМ, необходимо обеспечить приток
свежего воздуха, расход которого определяется технико-экономическим
расчетом и выбором схемы системы вентиляции. Минимальный расход
воздуха определяется из расчета 50 – 60 м3/ч на одного человека, но не менее
двукратного воздухообмена в час. Воздух, используемый для вентиляции
должен очищаться от пыли. ЭВМ, имеющие в своем составе устройства
ввода вывода на магнитных лентах и магнитных дисках, требуют более
высокой степени очистки воздуха. Пылинки, попадающие на рабочую
поверхность магнитного диска, образуют промежуточный слой между
диском и магнитной головкой, что может привести к повреждению
магнитной головки, рабочей поверхности диска и к искажению записываемой
информации. Пыль, оседающая на устройства и узлы ЭВМ, ухудшает
теплоотдачу,
может
образовывать
токопроводящие
цепи,
вызывает
истирание подвижных частей и нарушение контактов.
Для отвода избыточной теплоты служат системы вентиляции и
кондиционирования воздуха. В помещении применяется общеобменная и
местная
искусственная
вентиляция.
Применяемые
серверы
и
ПК
конструируют в корпусах, имеющих рамы и панели для размещения плат и
различных элементов.
Вытяжка нагретого воздуха осуществляется через вытяжные отверстия
у потолка. Воздух поступает через приточные решетки, расположенные по
периметру комнаты. Для эффективного регулирования температурновлажностных параметров воздушной среды используются центральные
устройства кондиционирования воздуха.
Освещение
49
Правильно
спроектированное
и
выполненное
освещение
обеспечивает высокий уровень работоспособности, оказывает положительное
психологическое воздействие на работающих, способствует повышению
производительности труда.
К системам производственного освещения предъявляются следующие
требования:
соответствие
уровня
освещенности
рабочих
мест
характеру
выполняемой зрительной работы;
достаточно
равномерное
распределение
яркости
на
рабочих
поверхностях и в окружающем пространстве;
отсутствие
(повышенной
резких
теней,
яркости
прямой
светящихся
и
обращенной
поверхностей,
блёскости
вызывающих
ослепленность);
постоянство освещенности во времени;
оптимальная направленность излучаемого осветительными приборами
светового потока;
долговечность,
экономичность,
электро-и
пожаробезопасность,
удобство и простота эксплуатации.
В машинных залах ВЦ рабочие места операторов, работающих с
дисплеями, располагают подальше от окон и таким образом, чтобы оконные
проемы
находились
сбоку.
Окна
рекомендуется
снабжать
светорассеивающими шторами, регулируемыми жалюзи или солнцезащитной
пленкой с металлизированным покрытием.
В тех случаях, когда одного естественного освещения в помещении
недостаточно,
устраивают
совмещенное
освещение.
При
этом
дополнительное искусственное освещение применяют не только в темное, но
и в светлое время суток.
Для искусственного освещения помещений ВЦ следует использовать
главным образом люминесцентные лампы, у которых высокая световая
отдача (до 75 лм/Вт и более), продолжительный срок службы (до 10000ч),
50
малая яркость светящейся поверхности, близкий к естественному
спектральный состав излучаемого света, что обеспечивает хорошую
цветопередачу.
Для исключения засветки экранов дисплеев прямыми световыми
потоками светильники общего освещения располагают сбоку от рабочего
места, параллельно линии зрения оператора и стене с окнами. Такое
размещение светильников позволяет производить их последовательное
включение в зависимости от величины естественной освещенности и
исключает раздражение глаз чередующимися полосами света и тени,
возникающие при поперечном расположении светильников.
Расчет искусственного освещения
Определить необходимое число светильников в лаборатории АРМ с
размерами: длина 6м, ширина 4м, высота 3м, в которой установлены 1
ПЭВМ, типа IBM PC/AT. В помещении предусмотрены потолочные
светильники типа УСП 35 с двумя люминесцентными лампами типа ЛБ-40.
Коэффициенты
отражения
светового
потока
потолка,
стен
и
пола
соответственно равны 10%, 50%, 70%. Затенения рабочих мест нет.
Так как по исходным данным известны тип и мощность светильников с
люминесцентными лампами, то расчет необходимого числа светильников
сводится к формуле метода коэффициента использования светового потока:
N
E H  K З  SZ
,
n  Ф С В  nu  mu
(1)
где EH - нормируемая минимальная освещенность, лк;
KЗ - коэффициент запаса, учитывающий запыление светильников и
износ источников света в процессе эксплуатации;
S - площадь пола помещения, м2;
z - коэффициент неравномерности освещения;
n - число рядов светильников;
51
ФСВ - световой поток светильника, лм;
mu - коэффициент затенения;
nu - коэффициент использования излучаемого светильниками
светового потока, который показывает, какая часть от общего
светового потока приходится на расчетную плоскость.
Нормируемая
минимальная
освещенность
EH
для
персонала,
осуществляющего эксплуатацию ЭВМ, равна 400лк.
Для помещений ВЦ, освещаемых люминесцентными лампами, и при
условии чистки светильников не реже двух раз в год KЗ равен 1,5.
При оптимальном (из условия создания равномерного освещения)
расположении светильников коэффициент неравномерности z равен 1,1.
Коэффициент затенения mu вводится в расчет для помещений с
фиксированным
числом
работающих,
а
также
при
наличии
крупногабаритных предметов и принимается равным 0,9.
Коэффициент использования светового потока не зависит от типа
светильника, коэффициент отражения светового потока от стен Pс, пола Pп, а
также геометрических размеров помещения и высоты подвеса светильников
Pпод, что учитывается комплексной характеристикой - индексом помещения:
i
A B
,
h  ( A  B)
(2)
где A и B - соответственно длина и ширина помещения, м;
h - высота подвеса светильников над рабочей поверхностью, м.
По исходным данным размеры лаборатории: длина A равна 6 м,
ширина B равна 4 м, высота H равна 4 м.
Для машинных залов уровень рабочей поверхности над полом
составляет 0.8м. Тогда h  H  0.8  3  0.8  2.2 м.
Следовательно, по (7.2):
52
i
64
 110
. .
2,2  ( 6  4 )
С учетом заданных Pс равен 50%, Pп равен 70%, Pпод равен 10% при i
равен 1.10 из справочных данных находим nu равен 0.49.
Число рядов светильников определяется из условия наивыгоднейшего
соотношения
q
L
; для большинства типов светильников, применяемых на
h
ВЦ, q сотавляет 1.3...1.4; L - расстояние между рядами светильников, м.
У светильников УСП-35 наивыгоднейшее отношение q равно 1.4.
Отсюда расстояние между рядами светильников:
L  q  h  14
.  2.2  3м. (7.3)
Располагаем светильники вдоль стороны помещения. Расстояние
между стенами и крайними рядами светильников l принимаем равным 0.3Lм
по.
При
ширине
лаборатории
B равное
4м
имеем
число
рядов
светильников:
n
B 4
  2 ряда.
L 3
(7.4)
Номинальный световой поток лампы ЛБ-40 Фл равен 3120, тогда
световой поток, излучаемый светильником:
Фсв = 2Фл=23120 = 6240лм.
Площадь пола
53
S = AB = 64 = 24м2.
Определяем необходимое число светильников в ряду
N
400  15
.  24  11
.
 2.87  3 шт.
2  6240  0.49  0.9
При длине одного светильника типа УСП35 с лампами ЛБ-40 Lсв равно
1.27м их общая длина составляет N
Lсв = 31.27 = 3.81м,
т. е., светильники размещаются в ряд через 0.5м.
Общее число светильников, которое необходимо для равномерного
освещения лаборатории АРМ, равно 6шт.
Мероприятия по снижению шума в ВЦ
С физиологической точки зрения шум рассматривают как звук,
мешающий разговорной речи и негативно влияющий на здоровье человека.
Шум является одним из наиболее распространенным в производстве
вредным фактором.
В соответствии с ГОСТ 12.2.003-83 защита от шума, создаваемого на
рабочих местах внутренними источниками, а также шума, проникающего
извне, осуществляется следующими методами:
- уменьшением шума в источнике;
- применением средств коллективной и индивидуальной защиты;
- рациональной планировкой и акустической обработкой рабочих
помещений.
Уменьшение шума, проникающего в производственные помещения ВЦ
извне может быть достигнуто увеличением звукоизоляции ограждающих
конструкций, уплотнением по периметру притворов окон, звукоизоляцией
мест пересечения, проходов инженерными коммуникациями ограждающих
конструкций.
54
Меры защиты от поражения электрическим током
Электрические установки, к которым относится практически все
оборудование ПЭВМ, представляют для человека большую потенциальную
опасность,
так
как
в
процессе
эксплуатации
или
проведения
профилактических работ человек может коснуться частей, находящиеся под
напряжением. Специфическая опасность электроустановок: токоведущие
проводники, корпуса ЭВМ и прочего оборудования, оказавшегося под
напряжением в результате повреждением в результате повреждения (пробоя)
изоляции, не подают каких-либо сигналов, которые предупреждали бы
человека об опасности. Реакция человека на электрический ток возникает
лишь при протекании последнего через тело человека.
Проходя через тело человека, электрический ток вызывает внешние и
внутренние электротравмы. Внешние травмы – это ожоги, металлизация
кожи и электрические знаки. Внутренние электротравмы заключаются в
поражении органов дыхания, сердца, нервной системы и изменении состава
крови (электролиз).
При проведении работ в электроустановках в целях предупреждения
электротравматизма
соответствующие
очень
важно
строго
организационные
и
выполнять
технические
и
соблюдать
мероприятия.
К
организационным мероприятиям относят: оформление работы нарядом или
устным распоряжением; допуск к работе; надзор во время работы;
оформление перерыва в работе, переводов на другое рабочее место,
окончания
работы.
К
техническим
мероприятиям,
обеспечивающим
безопасность работ со снятием напряжения, относятся: отключение
оборудование на участке, выделенном для производства работ и принятие
мер против ошибочного или самопроизвольного включения, ограждение при
необходимости рабочих мест и оставшихся под напряжением рабочих мест и
оставшихся
под
напряжением
токоведущих
частей;
вывешивание
предупредительных плакатов и знаков безопасности; проверка отсутствия
напряжения.
55
В полной мере обеспечить необходимую электробезопасность при
эксплуатации
электроустановок
возможно,
если
наряду
с
этими
мероприятиями использовать технические средства защиты, к которым
относят:
электрическую
изоляцию
токоведущих
частей,
защитное
заземление, зануление, выравнивание потенциалов, защитное отключение,
электрическое разделение сети, малое напряжение, двойную изоляцию.
Эргономические показатели рабочего места.
Мероприятия
по
эргономике
должны
обеспечивать
снижение
утомляемости за счет уменьшения психологических, психофизиологических
нагрузок путем обеспечения оптимальных параметров труда, снижения
шума. Разработаны определенные требования к размерам и конструкции
мебели, организации рабочей поверхности, общей планировке рабочего
места. Важную роль играет планировка рабочего места. Практика
показывает,
что
планировка
рабочего
места
должна
удовлетворять
требованиям удобства выполнения работ и экономии энергии и времени
оператора, рационального использования производственных площадей и
удобства обслуживания устройств ЭВМ, соблюдения правил техники
безопасности. При планировке рабочего места необходимо учитывать
удобство расположения дисплеев, пульта ЭВМ, а также зоны досягаемости
рук
оператора.
Наиболее
удобно
сиденье,
имеющее
выемку,
соответствующую форме бедер, и наклон назад. Спинка стула должна быть
изогнутой формы, обнимающей поясницу. Длина ее 0,3 м., ширина 0,11 м.,
радиус изгиба 0,3 – 0,35м. Так, наклон спинки стула оператора ЭВМ должен
составлять 90-110.
Стены помещения окрашиваются в светлые тона, рекомендуемые:
светло-голубой, светло-зеленый и светло-серый цвета, допускается светлобежевый.
Рабочее время.
Нормальная
продолжительность
рабочего
времени
рабочих
и
служащих на предприятиях, в организациях, учреждениях не может
56
превышать 40 часов в неделю. Основным режимом работы является
пятидневная рабочая неделя с двумя выходными днями. Продолжительность
ежедневной работы (смены) определяется правилами внутреннего трудового
распорядка или графиками сменности, составляемые в зависимости от
рабочего места и от рода деятельности трудящегося. На тех предприятиях,
где по характеру производства и условиям работы введение пятидневной
рабочей недели нецелесообразно, устанавливается шестидневная рабочая
неделя с одним выходным днем. При шестидневной рабочей неделе
продолжительность ежедневной работы не может превышать 7 часов при
недельной норме 40 часов, 6 часов при недельной норме 36 часов и 4 часа
при недельной норме 24 часа.
7.3 Противопожарная защита
Пожары в ВЦ представляют собой опасность, так как сопряжены с
большими материальными потерями.
Возникновение пожара возможно, если на объекте имеются горючие
вещества, окислитель и источники зажигания. Для оценки пожарной
опасности следует проанализировать вероятность взаимодействия этих трех
факторов, а также их угрозу для жизни людей и возможный размер
материального ущерба от пожара.
Горючий компонент на ВЦ - стройматериалы, оконные рамы, двери,
полы,
мебель,
изоляция
силовых,
сигнальных
кабелей,
а
также
радиотехнические детали и изоляция соединительных кабелей ячеек, блок,
панелей, стоек, шкафов, конструктивные элементы из пластических
материалов, жидкости для очистки элементов и узлов ПЭВМ от загрязнения.
Источниками зажигания на ВЦ могут оказаться электрические искры,
дуги и перегретые участки элементов и конструкций ПЭВМ.
Источники зажигания возникают в электрических и электронных
приборах, устройствах, применяемых для технического обслуживания
57
элементов ПЭВМ, а также в системах кондиционирования воздуха и
теплоснабжения.
Опасность развития пожара на ВЦ обуславливается применением
разветвленных систем вентиляции и кондиционирования, развитой системой
электропитания ПЭВМ.
При протекании электрического тока по электронным схемам,
соединительным
проводам,
коммуникационным
кабелям
выделяется
большое количество теплоты, что может вызвать плавление изоляции
соединительных приборов, короткое замыкание и электрическое искрение.
Одной из наиболее важных задач пожарной профилактики является
защита строительных конструкций от разрушения и обеспечение их
достаточной прочности в условиях воздействия высоких температур при
пожаре. Для изготовления строительных конструкций используют кирпич,
железобетон,
стекло,
металл
и
другие
негорючие
материалы.
Для
предотвращения распространения огня во время пожара с одной части здания
на другую устраивают противопожарные преграды в виде противопожарных
стен, перегородок, перекрытий.
Кабельные линии прокладывают под технологическими съёмными
полами, выполненные из негорючих или трудно горючих материалов.
Для ликвидации пожаров в начальной стадии применяются первичные
средства пожаротушения: внутренние пожарные водопроводы, огнетушители
ручные и передвижные, сухой песок и т.д.
В зданиях ВЦ пожарные краны устанавливают на площадках
лестничных клеток, у входов, т.е. в доступных и заметных местах.
Для тушения пожаров применяют огнетушители видов:
1. Порошковые огнетушители типа ОП-5-01.
2. Углекислотные огнетушители ручные (ОУ-2, ОУ-5, ОУ-8) и
передвижные (ОУ-25, ОУ-80).
Порошковые и углекислотные огнетушители являются основными для
ВЦ.
58
Для помещения, приведенного в примере, достаточно иметь один
огнетушитель типа ОП или ОУ.
59
8 ТЕХНИКО-ЭКОНОМИЧЕСКОЕ ОБОСНОВАНИЕ
Переход экономики к рыночным отношениям предполагает создание
экономических предпосылок для эффективно действующего производства
как с точки зрения рационального использования ресурсов производителей и
потребителей. Автоматизация производства может обеспечить высокое
качество продукции, уменьшить время на проектирование и создание
изготавливаемой продукции. Однако, не стоит забывать о том, что любой
объект новой техники должен иметь четкую оценку эффективности его
разработки, производства и эксплуатации, а все принятые в проекте научнотехнические решения должны быть экономически целесообразны.[38]
Произведем расчет экономии производства Web-сайта как разницу
между затратами на его создание и рыночными ценами на производство
сайтов. Затраты определим по формуле:
Затраты = Зпл+Ам+Зэлект+Зот
где Зпл – зарплата дизайнера, определяемая как тарифная ставка за час,
помноженная на количество часов, затраченных на работу над проектом.[39]
Ам – амортизация техники в процессе эксплуатации, которая
рассчитывается по формуле:
Амгод = Ст.КТС x 0.25
где, в свою очередь, Ст.КТС – стоимость комплекса технических
средств (стоимость компьютера), а 0.25 – норма амортизации для
компьютерной техники.
Зэлект – затраты на электроэнергию, которые складываются из
стоимости энергии, потребляемой компьютером и затрат на освещение.
Зот – затраты на отопление, если работы производились в отопительный
60
сезон, что в нашем случае имеет место.
Итак, определим тарифную ставку дизайнера 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 тг. Экономия при покупке нашего сайта:
61
61200 тг – 33709 тг = 27491 тг.
Видно, что экономия от производства web – сайта почти в 2 раза
превосходят затраты на его создание.
62
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-сайта.
- Проведена
творческом проекте.
апробация
разработанной
технологии
в
реальном
63
СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ:
1.
Роберт И.В. Современные информационные технологии в образовании:
дидактические проблемы, перспективы использования.- М.: Школа-Пресс,
1994. – 205с.
2.
Ершов Ю.А. Выступление на закрытии II Международного конгресса
ЮНЕСКО «Образование и информатика»// Образование и информатика –
1996, №5
3.
Концепция информатизации и развития системы образования
Республики Казахстан на рубеже веков.- Алматы, 1997.- 48с.
4.
Закон Республики Казахстан «Об образовании». – Астана, 7 июня 1999г.
№389-1ЗРК// Казахстанская Правда, 1999,11 июня,- с.3-4
5.
Концепции государственной политики Республики Казахстан в области
образования.- Алматы: Казахстан, 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с.
64
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с.
34.
Байенс Дж. Примочки программирования в Web.– М.: Эком, 2000. –
440с.
35.
Г.К. Сагимбаев, Экология и экономика. – Алматы: Каржы-каражат,
65
1997.
36. Методические указания к выполнению раздела дипломного проекта
“Охрана труда и техника безопасности”. Иванов В.В, Суслов В.В., Караганда
1985 г.
37. Меклер В. Я., Овчинников П. А., Агафонов Е. П. Вентиляция и
кондиционирование воздуха на машиностроительных заводах М.:
Машиностроение, 1980
38. Беклешов В. К. Технико-экономическое обоснование дипломных
проектов М.: Высшая школа, 1991
39. Методические указания к выполнению организационно-экономической
части дипломных проектов для студентов специальности 22.03 «Системы
автоматизированного проектирования» (для заочной формы обучения), 27
стр.
66
ПРИЛОЖЕНИЯ
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
color=#6699ff><b>
Казахстано-Американская Английская Школа<br>
Школа завтрашнего дня в Караганде
size=4
67
<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:[email protected]"
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="Пишите нам">
68
</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>
школа
-
какая
69
</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>
70
</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
alt="Сара
Алпысовна
color=#66cc99><b>Сара
Алпысовна
src="sara.jpg"
Назарбаева"></td>
<td
align=left><font
size=2
Назарбаева: <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>
71
Школа Завтрашнего Дня предлагает
<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
href="chores.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
href="history.htm"
target="_parent"><font
href="principles.htm"
target="_parent"><font
size=2>Главная страница</td>
<td
align=center><a
size=2>Наши будни</td>
<td
align=center><a
size=2>Почему мы лучшие</td>
<td
align=center><a
size=2>Наша история</td>
<td
align=center><a
size=2>Основы нашей философии</td>
</html>
72
Нижний фрейм
<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>
73
<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
href="chores.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
size=2>Главная страница</td>
<td
align=center><a
size=2>Наши будни</td>
<td
align=center><a
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">
74
<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-ю основными предметами, которые
преподавались на английском языке. Позже государственная программа
75
стала необходимой частью курса обучения. </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
href="javascript:history.go(-1)">
border=0><tr><td
align=center><a
76
<font size=2>Назад</a></td>
<td
align=center><a
href="index.htm"
target="_parent"><font
href="history.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
size=2>Главная страница</td>
<td
align=center><a
size=2>Наша история</td>
<td
align=center><a
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"
charset=windows-1251"><title>Наши
background="bg.gif"
body
bgcolor=#000000
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
content="text/html;
будни</title></head><body
link=#00ccff
vlink=#66cc99
77
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>линейка,
отличившихся
непосредственно учебный процесс.</p>
где
делаются
учеников.<br>Потом
объявления
и
начинается
78
<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>Другой
важной
особенностью
школы
является
79
библейская<br>направленность нашей политики. Это не значит что
мы<br>христианская
школа.
Мы
не
нарушаем
закон
о
светском<br>образовании. Это значит, что философия школы основана
на<p><a
href="principles.htm"
target="_parent">традиционных
принципах</a></p></p><p>Пожелания
и
комментарии
пишите
на
нашу<br><br><b><tt><a
href="mailto:[email protected]">школу</p></a><p>или</p>
<p><a href="mailto:[email protected]">автору данного сайта</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"
src="left.html"
scrolling="no"
marginheight="0"
src="right.html"
scrolling="no"
marginheight="0"
marginwidth="10">
<frameset cols="*,*" border=0>
<frame
marginwidth="10">
<frame
marginwidth="0"></frameset>
</html>
Верхний фрейм
<html><title>Почему мы лучшие</title>
<head></head>
80
<body
background="bg.gif"
link=#66cc99
alink=#99ccff
body
bgcolor=#000000
vlink=#339966><font
text=#66cc99
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>
Школа Завтрашнего дня является лучшей школой по ряду причин.
Давайте
проведем
краткий
сравнительный
анализ
обычной
общеобразовательной школы и Школы Завтрашнего Дня на примере КААШ
(Казахстано-Американской
border=0><tr
Английской
align=center><td
Школы)<br><table
width=250
size=4><b>КААШ</td>
<td width=250></td>
<td valign=top><font
size=4><b>Обычная школа</td></tr></body></html>
width=750
valign=top><font
81
Нижний левый фрейм:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=windows1251"><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()"
background="bg.gif"
body
language="Javascript1.2"
bgcolor=#000000
link=#66cc99
body
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>
82
</html>
Нижний правый фрейм:
<html>
<head>
<meta http-equiv="Content-Language" content="en-us">
<meta http-equiv="Content-Type" content="text/html; charset=windows1251">
<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()"
background="bg.gif"
body
language="Javascript1.2"
bgcolor=#000000
link=#66cc99
body
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. Ученик делает лишь то, что говорит учитель, что в принципе не
83
плохо, но лишает ученика самостоятельности.<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
href="chores.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
size=2>Главная страница</td>
<td
align=center><a
size=2>Наши будни</td>
<td
align=center><a
size=2>Почему мы лучшие</td>
84
<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>
85
<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>
86
<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"
marginwidth="0">
<frame src="laws2.htm" scrolling="no">
</frameset>
</html>
marginheight="0"
87
Верхний фрейм:
<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
href="chores.htm"
target="_parent"><font
href="superbest.htm"
target="_parent"><font
href="history.htm"
target="_parent"><font
href="principles.htm"
target="_parent"><font
size=2>Главная страница</td>
<td
align=center><a
size=2>Наши будни</td>
<td
align=center><a
size=2>Почему мы лучшие</td>
<td
align=center><a
size=2>Наша история</td>
<td
align=center><a
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. Насколько
88
тяжела повозка?</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>
ЗАРЕГИСТРИРУЙТЕСЬ - ЭТО БЕСПЛАТНО

Похожие документы