Введение

 

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

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

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

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

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

Также в данной работе мною рассмотрены основы языка программирования Web-страниц – HTML, который является общепринятым стандартом WWW. Это даст нам возможность ознакомиться со структурой Web-страницы и приемами ее правильного оформления.

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

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

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

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

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

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

 

1 Обзоры Web-технологии и языков программирования
World Wide Web, или, что-то же самое Всемирная паутина, WWW составляет основную компоненту глобальной компьютерной сети Интернет. Зародившись еще в 60-е гг., Интернет долгое время использовалась лишь узким кругом специалистов для обмена информацией по электронной почте. Сеть управлялась операционной системой UNIX — для научных целей это подходило, но достаточно сложный текстовый интерфейс UNIX’a существенно ограничивал масштабы применения сетевых технологий. Годом рождения World Wide Web считается 1989
— в этом году был изобретен язык, ставший впоследствии основным языком web- документов — это язык — HTML (HyperText Markup Language — язык разметки гипертекста).

 

HTML (HyperText Markup Language)

 

Автором языка HTML является Тим Бернерс-Ли (Tim Berners-Lee), выпускник
Оксфордского университета, работавший в то время по контракту в Женеве, в
Европейской лаборатории физики элементарных частиц (CERN, Conseil Europeen pour la Recherche Nucleaire) консультантом по программному обеспечению.
CERN — достаточно большая организация, и потому, чтобы лучше ориентироваться в ее структуре, не хранить в памяти данные о большом количестве проектов, должностных лиц и пр., Тим Бернерс-Ли разработал для своего личного пользования программу Enquire, на основе которой через несколько лет для лаборатории было создано своего рода информационное пространство. Программа Enquire позволяла осуществлять так называемый
«нелинейный» поиск документов — т.е. переходить от одного документа к другому без обращения к оглавлению или справочнику. Язык HTML составляет основу технологии гипертекста. Гипертекстовый документ содержит так называемые гиперссылки. Текстовые гиперссылки обычно выделяются цветом и подчеркиванием, хотя это необязательно. Гиперссылки позволяют пользователю немедленно перейти к нужному документу, независимо от места его физического расположения. Это существенно облегчает поиск информации, разбросанной по всему Земному шару. Технология гипертекста позволила связать всю совокупность опубликованных в Интернет документов в единую систему — WWW.

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

Когда осенью 1991 года Интернет впервые услышал позывные новой технологии, название которой легко уместилось в три буквы, почти никто не мог представить себе, что завоевания ее окажутся настолько глобальными. Популярность World Wide Web и неотъемлемой ее части, HTML, безусловно, стала причиной повышенного внимания к системам гипертекстовой разметки документов. Хотя понятие гипертекста было введено В.Бушем еще в 1945 году и, начиная с 60-х годов стали появляться первые приложения, использующие гипертекстовые данные.

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

Язык HTML не является собственно языком программирования; это есть средство описания структуры документа, его стиля и связей его с другими документами. Для просмотра Web-документов используются специальные программы — так называемые браузеры (англ.: to browse пастись, ощипывать побеги; читать, заниматься беспорядочно, урывками.) Вообще-то, возможности браузеров много шире, но пока ограничимся их определением как средством просмотра web-документов. Именно браузерам Интернет обязана своей популярностью.

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

Ли в 1990 году протокол HTTP (HyperText Transfer Protocol, протокол передачи гипертекстовых файлов).

HTML является упрощенной версией стандартного общего языка разметки — SGML
(Standart Generalised Markup Language), который был утвержден ISO в качестве стандарта еще в 80-х годах. Этот язык предназначен для создания других языков разметки, он определяет допустимый набор тэгов, их атрибуты и внутреннюю структуру документа. Контроль за правильностью использования дескрипторов осуществляется при помощи специального набора правил, называемых DTD- описаниями(более подробно о DTD мы поговорим чуть позже), которые используются программой клиента при разборе документа. Для каждого класса документов определяется свой набор правил, описывающих грамматику соответствующего языка разметки.

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

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

Появилась возможность организовать доступ многочисленных пользователей
(клиентов) к HTML-документам, находящимся на так называемых серверах
(англ.: to serve — служить, обслуживать). Ясно, что и на компьютере пользователя, с которого происходит обращение к серверу, и на сервере должно быть установлено специальное программное обеспечение:- сервер должен не только хранить документы, но и уметь быстро находить их по запросу клиента;- клиент (браузер) должен распознать HTML-код и визуализировать его, представить в легко воспринимаемом виде.Тим-Бернерс Ли написал первый браузер (который он назвал World Wide Web) и первый web-сервер
(info.cern.ch). В 1991 году это программное обеспечение стало доступно достаточно широкому кругу пользователей Интернет. Он также разработал схему адресации к web-документам в Интернет. Тим-Бернерс Ли назвал ее UniversalResource Identifier (URI, универсальный идентификатор ресурсов). (Сейчас ее назвают URL—Uniform Resource Locator, унифицированный указатель ресурса.) Таким образом, разработка языка HTML, протокола HTTP, web-сервера, браузера и системы адресации (URI) явились основой развития Всемирной паутины (WWW).

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

Во избежание этого по инициативе Тима-Бернерса Ли в июле 1994 года на базе
Массачуссетского технологического института (Massachussets Institute of Technlogies, MIT) был создан World Wide Web consortium (или просто W3C) (Тим-Бернерс Ли возглавил его). Основная цель W3C — обеспечить как можно большую совместимость программного обеспечения web-публикаций. W3C не является административным органом, это нечто вроде форума для выработки компромиссных решений в области web-технологий. Консорциум принимает на рассмотрение любые проекты и предложения. Спецификации, разработанные W3C, не обязательны для применения, но консорциум ведет работу по их пропаганде.
HTML был ратифицирован World Wide Web Consortium.

 

Язык гипертекстовой разметки XML

 

За короткий срок своего официального существования язык XML привлек к себе уже достаточно много внимания со стороны разработчиков и пользователей
Интернет. Несмотря на то, что XML очень молод (международная организация
W3C утвердила спецификацию «Extensible Markup Language(XML) 1.0» в начале февраля 1998г.), уже сегодня появляются новые языки, созданные на основе XML, возникают многочисленные Web-сервера, использующие эту технологию для организации хранящейся на них информации. Мир Интернет вокруг нас в очередной раз преображается, и мы можем стать участниками этого процесса уже сегодня

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

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

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

Подводя итог всему сказанному, можно утверждать, что HTML уже сегодня не удовлетворяет в полной мере требованиям, предъявляемым современными разработчиками к языкам подобного рода. И ему на смену был предложен новый язык гипертекстовой разметки, мощный, гибкий, и, одновременно с этим, удобный язык XML. В чем же заключается его достоинства?

 

XML (Extensible Markup Language)

 

XML (Extensible Markup Language) — это язык разметки, описывающий целый класс объектов данных, называемых XML- документами. Этот язык используется в качестве средства для описания грамматики других языков и контроля за правильностью составления документов. Т.е. сам по себе XML не содержит никаких тэгов, предназначенных для разметки, он просто определяет порядок их создания. Таким образом, если, например, мы считаем, что для обозначения элемента документе необходимо использовать тэг то XML позволяет свободно использовать определяемый нами тэг и мы можем включать в документ фрагменты. Набор тэгов может быть легко расширен. Если, предположим, мы хотим также указать, что описание цветка должно по смыслу идти внутри описания оранжереи, в которой он цветет, то просто задаем новые тэги и выбираем порядок их следования .Если мы хотим посадить туда еще несколько цветочков, то должны внести изменения .Как видно, сам процесс создания XML документа очень прост и требует от нас лишь базовых знаний HTML и понимания тех задач, которые мы хотим выполнить, используя XML в качестве языка разметки. Таким образом, у разработчиков появляется уникальная возможность определять собственные команды, позволяющие им наиболее эффективно определять данные, содержащиеся в документе. Автор документа создает его структуру, строит необходимые связи между элементами, используя те команды, которые удовлетворяют его требованиям и добивается такого типа разметки, которое необходимо ему для выполнения операций просмотра, поиска, анализа документа.

Еще одним из очевидных достоинств XML является возможность использования его в качестве универсального языка запросов к хранилищам информации. Сегодня в глубинах W3C находится на рассмотрении рабочий вариант стандарта XML-QL(или XQL), который, возможно, в будущем составит серьезную конкуренцию SQL. Кроме того, XML-документы могут выступать в качестве уникального способа хранения данных, который включает в себя одновременно средства для разбора информации и представления ее на стороне клиента. В этой области одним из перспективных направлений является интеграция Java и XML — технологий, позволяющая использовать мощь обеих технологий при построении машинно-независимых приложений, использующих, кроме того, универсальный формат данных при обмене информации.

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

 

Dynamic HTML

 

До появления версий 4.0 Internet Explorer и Netscape Navigator сценарии могли изменять содержание и внешний вид страниц, только используя метод write.document при загрузке страницы.

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

Динамический HTML, частично реализованный в Netscape 4 и в большей степени в Internet Explorer 4, устраняет эти ограничения. С использованием динамического HTML сценарии могут вставлять блоки HTML, удалять и заменять их или изменять свойства объектов после отображения страницы на экране. Броузер автоматически обновляет новые свойства и (или) новый HTML-код. Динамический HTML строится на двух принципах.

Объектная модель документа (DOM) описывает способ организации и названия объектов в броузере, а также определяет, какие объекты и свойства могут быть изменены и какие значения они могут принимать.

Событийная модель описывает способ передачи управления сценариям — какие действия посылают сценарии на выполнение.

 

Macromedia Flash
World Wide Web (Всемирная паутина) развивается очень стремительно. Традиционные

Web-сайты (Web-sites) со статическими информационными страницами уже не привлекают как прежде внимание конечных пользователей. Поэтому Web-дизайнеры и разработчики пытаются придать своим страницам неотразимый вид, вводя графику и файлы анимационного формата GIF. Несмотря на то, что применение графики в традиционных форматах сжатия изображений
GIF, JPEG и PNG придает сайту некоторый эффект, тем не менее, загрузка таких страниц может отнять много времени из-за больших размеров графических файлов. Альтернативным инструментом создания анимации является программный продукт— Macromedia Flash, который поможет добиться поставленных при Web- разработке целей.

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

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

Возможность сжатия анимации, графики и звука. Такое сжатие файла обусловливает свойство потоковой передачи (streaming), которое позволяет отображать сайт в Web-броузере до полной загрузки его содержимого. Это означает, что одна векторная графика сайта отображается, в то время как другая графика, звук и анимация все еще загружаются.

Интерактивность во Flash может состоять из самых разных свойств. Помимо неограниченных возможностей применения простой графики, анимации или крупных заголовков, в любой объект или область сайта можно вводить полноценные навигационные свойства: кнопки, меню или фрагменты анимации, с помощью которых конечный пользователь перемещается по сайту. А задавая действия (actions), можно создавать интерактивные фильмы. Для создания интерактивных элементов управления во Flash предоставляется язык создания сценариев — ActionScript. Изображения и тест, разработанные во Flash, всегда отображаются ясно и четко, что опять же обусловлено векторной графикой.

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

В состав Flash входит инструмент, который создает основу для большинства качественных Flash-фильмов. Этот инструмент – ActionScript — событийно- управляемый язык, встроенный во Flash. ActionScript делает ваши страницы интерактивными. Вы можете реагировать на события с мышки или с клавиатуры, можете выполнить какие-либо действия при проигрывании определенного кадра.

 

 

Для того чтобы овладеть ActionScript в полной мере, желательно уже иметь опыт программирования (предпочтительно на С++, JavaScript, etc.). Однако одним из достоинств языка Flash является то, что вам не нужно быть профессионалом во Flash, или полностью знать ActionScript, чтобы писать на нем качественный код. Вы можете использовать лишь те возможности языка, которые сочтете необходимыми для своей работы.

JavaScript

 

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

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

При генерации страниц в Web возникает дилемма, связанная с архитектурой
«клиент-сервер». Страницы можно генерировать как на стороне клиента, так и на стороне сервера. Последнее реализуется через механизм подстановок на стороне сервера (Server Site Includes). Компания Netscape распространила в 1995 году механизм управления страницами и на клиента, разработав язык программирования JavaScript.

Таким образом, JavaScript — это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента. Если быть более точным, то JavaScript — это не только язык программирования на стороне клиента. Liveware, прародитель JavaScript, является средством подстановок на стороне сервера Netscape. Однако, наибольшую популярность JavaScript обеспечило программирование на стороне клиента.

К возможностям JavaScript можно, например, отнести следующее:

—        отображать изменяющиеся данные, такие как текущее время или дата;

—        программировать переменное содержание в зависимости от даты, броузера пользователя или других условий;

—        изменять внешний вид элементов страницы, если пользователь щелкнул мышью или провел курсор мыши над элементом.

Для языка высокого уровня JavaScript обладает довольно сильными возможностями. Он не позволяет работать на уровне машинных кодов, однако вы получаете доступ ко многим возможностям броузеров, Web-страниц, а иногда и системы, в которой работает броузер. В отличие от Java™ или С, программы на JavaScript обходятся без компиляции, а вашему браузеру не придется загружать виртуальную машину для выполнения программного кода. Программируй и загружай!

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

Одна из главных причин, по которой Web-разработчики приняли JavaScript, — возможность выполнения на стороне клиента многих функций, которые ранее выполнялись исключительно на стороне сервера. Лучшим примером является проверка форм. Программисты старой школы еще помнят, что несколько лет назад для проверки пользовательского ввода в формах HTML приходилось пересылать информацию на Web-сервер и передавать ее сценарию CGI, где и проходила проверка введенных данных.

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

Но вот на сцене появляется JavaScript. Теперь элементы формы можно проверить до того, как пользователь передаст информацию Web-серверу. Это приводит к уменьшению количества транзакций HTTP, а также заметному снижению вероятности ошибки при повторном заполнении формы. Кроме того, JavaScript позволяет читать и записывать cookie — когда-то эта операция выполнялась исключительно средствами Web-сервера для работы с заголовками.

Тэг сообщает браузеру, что внутри HTML размещен код JavaScript. Тэг отменяет действие. тэги сообщают браузерам, которые не могут интерпретировать и , что строки кода следует рассматривать как комментарии. Двойная косая черта (//) перед тэгом —> — знак комментария в языке JavaScript; без него JavaScript интерпретирует —> как ошибочный оператор.

Если вы забудете точку с запятой, JavaScript сам подставит ее в конце строки, но проблем будет меньше, если вы сами проследите за пунктуацией.

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

Document.write — метод, который прописывает HTML в Web-страницу как при программировании вручную.

Каждый JavaScript-оператор должен заканчиваться точкой с запятой. Отсутствие точки с запятой JavaScript считает ошибкой. Логические выражения должны быть заключены в круглые скобки, а блоки операторов — в фигурные скобки.

JavaScript использует знак == как логический оператор эквивалентности и знак = в качестве оператора присваивания. Попытка сравнения с использованием знака равенства (=) — вторая причина ошибок в JavaScript.

 

VBScript

 

В ответ на появление JavaScript Microsoft выпустила версию своего популярного языка программирования Visual Basic. В целом VBScript делает то же самое, что JavaScript, только программный код очень похож на Visual Basic.

Visual Basic Script — подмножество языка Visual Basic. VBScript позволяет решать задачи, связанные с Internet, а именно создавать сценарии (или скрипты) управления объектами (кнопками, списками, ниспадающими меню и т. д.) на Web-страничках. С помощью VBScript можно быстро создавать собственные страницы или даже писать игры. И все это размещается внутри HTML-документа. VBScript отличается от JavaScript следующим: в конце оператора не ставится точка с запятой; знак равенства используется как для присвоения значений переменным, так и для выполнения операции сравнения; блоки операторов выделяются не фигурными скобками, а парами ключевых слов if…endif, do…loop, и while…wend.

Так же как в JavaScript, переменные вводятся по мере необходимости, а их тип определяется по контексту. VBScript поддерживает почти все встроенные функции Visual Basic. На Web-страницах VBScript выглядит следующим образом: Тэги и практически такие же, как и раньше, а язык определяется как VBScript. Тэги — те же самые, но без знака комментариев //.

Основной недостаток VBScript состоит в том, что его поддерживает только Internet Explorer. Это уничтожает всякую надежду использовать одну и ту же страницу как для пользователей Netscape Navigator, так и для пользователей Internet Explorer. По этой причине использование VBScript для программирования на стороне клиента ограничено.

 

Java

 

Создание языка Java — один из самых значительных шагов вперед в области разработки сред программирования за последние 20 лет. Язык HTML был необходим для статического размещения страниц во “Всемирной паутине” WWW (World Wide Web). Язык Java потребовался для качественного скачка в создании интерактивных продуктов для сети Internet. Три ключевых элемента объединились в технологии языка Java и сделали ее в корне отличной от всего, существующего на сегодняшний день.

Java предоставляет для широкого использования свои апплеты (applets) — небольшие, надежные, динамичные, не зависящие от платформы активные сетевые приложения, встраиваемые в страницы Web. Апплеты Java могут настраиваться и распространяться потребителям с такой же легкостью, как любые документы HTML.

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

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

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

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

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

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

 

VRML

 

Язык VRML (Virtual Realty Modelling Languagy) предназначен для описания трехмерных изображений и оперирует объектами, описывающими геометрические фигуры и их расположение в пространстве.

Vrml-файл представляет собой обычный текстовый файл, интерпретируемый браузером. Поскольку большинство браузеров не имеет встроенных средств поддержки vrml, для просмотра Vrml-документов необходимо подключить вспомогательную программу — Vrml-браузер, например, Live3D или Cosmo Player.

Как и в случае с HTML, один и тот же vrml-документ может выглядеть по- разному в разных VRML-браузерах. Кроме того, многие разработчики VRML- браузеров добавляют нестандартные расширения VRML в свой браузер.

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

 

2 Виды и структуры Web-сайтов

 

Структура сайта — способ компоновки, расположения, а значит, и подачи информации, который, благодаря использованию специальных инструментов, упрощающих её восприятие, позволяет за короткий промежуток времени максимально подробно рассказать о предоставляемых вашей организацией услугах. Грамотно выполненная структура, с сочетанием заголовков, контента и д.р. информации, поможет сайту динамично развиваться в Интернете, правильно индексироваться поисковыми системами (такие сайты, как правило, легко поддаются раскрутке), а значит, привлекать новых клиентов. Структура сайта на первый взгляд не имеет отношения к web дизайну и выстраивается логически, в зависимости от ценности информации.

На самом деле, первое, что должен нести дизайн сайта пользователю – это:

—        удобная навигация;

—        Все важные элементы меню должны находиться в поле видимости без прокрутки;

—        Меню должно зрительно выделяться на фоне текста;

—        Стиль отображения ссылок в меню должен однозначно информировать пользователя, на какой странице он находится;

—        Порядок и отображение ссылок должны говорить о ценности скрывающейся за ними информации;

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

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

 

Структуры сайта

 

Если материал выстраивается в логическую цепочку – как главы одной книги или шаги оформления заказа в Интернет-магазине – образуется линейная структура показанная на рисунке 2.1. Линейная цепочка обязана иметь начало и конец, причем начинать просмотр сайта с середины обычно лишено смысла, так как будет трудно уловить суть изложенного материала.

 

Рисунок 2.1 – Линейная структура

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

Рисунок 2.2 – Структура каталогов

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

 

Рисунок 2.3 – Древовидная структура

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

 

Рисунок 2.4 – Взаимосвязанная структура

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

 

3 Анализ технического задания

 

Исходные данные

 

Web-сайт  «Крей — Проф» предназначен для рекламы фирмы ООО «Крей — Проф» и привлечения новых клиентов. Для модернизации и наполнения Web-сайта «Крей — Проф»  пользователь должен знать базовые основы html и обще представления работы с компьютером

 

Входные данные

 

Входными данными являются данные о автомобилях и спецтехники которые есть в наличии на предприятии(изображение марка и т.д. )данных о фирмы ООО «Крей — Проф» (местоположение и контакты  услуги которые оказывает фирма) прайсы по запчастям

 

Выходные данные

`Выходными данными являются сайт фирмы ООО «Крей — Проф»

 

4 Анализ и создание логической структуры Web-сайта

 

Логическая структура Web-сайта показана на рисунке 4.1.

Рисунок 4.1 – Логическая структура Web-сайта

 

Главная страница — отображается, когда пользователь набирает «домашний» адрес сайта без указания имени файла какой-либо страницы  Она содержит краткую вводную информацию о фирмы ООО «Крей — Проф»  и о услугах которые она предоставляет внизу можно посмотреть изображения главного предприятия

О компании – страница содержит подробные сведения о компании

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

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

Автокаталог — страница содержит перечень автомобилей с ее изображением и возможностью увеличить его и просмотреть данные о автомобиле и виды с различных ракурсов

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

 

5 Проектирование дизайна Web-сайта

         

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

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

Основные элементы стиля сайта:

—        Логотип;

—        Модульность;

—         Шрифты;

—         Цвета;

—        Иллюстративный ряд (приемы обработки изображений).

На данный момент можно определить как типы:

—        «текстовый« дизайн — определяется содержанием и концепцией автора. «Текстовый» не означает простой или примитивный. На первом уровне это означает почти полное отсутствие изображений как таковых, что значительно ускоряет загрузку страницы. А навигационные и декоративные элементы выполняются теми же «символьными» приемами. Нужно сказать, что HTML как таковой значительно расширил возможности при разверстке страниц этого типа, и теперь при помощи кода можно делать и тени, и даже изображения (хотя изображение кодом зачастую больше по «живому весу», чем аналогичное в GIFе или JPGе)… При таких разверстках следует хорошо знать классические верстальные приемы, особенности используемых шрифтов;

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

—        «интерфейсный» дизайн — сейчас его еще называют usability… Стиль, призванный максимально облегчить жизнь пользователю во всех ее проявлениях, от загрузки странички (минимизирование кода и предельная оптимизация изображений) до особого, доведенного до религиозного поклонения тщательного исполнения каждого элемента. Досконально продуманная (как правило) навигация, изначально понятность пользования общей схемой сайта — такой подход к веб-дизайну вызывает только глубокое почтение и уважение. И даже если с точки зрения изобразительной эстетики на таком сайте окажется не все гладко, то с лихвой окупится остальными достоинствами;

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

—        «смешанные» типы — суть понятна и так. Обычно комбинация всех этих типов.

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

«Престижные», золото, серебро, темно-серый, черный. Их задача — передать солидность, уверенность, стабильность и высокую стоимость.

«Пастельные», нежные бежевые, розовые, голубоватые… Женственные, мягкие, расслабляющие…

«Здоровые», из американской психологии… Чистота, здоровье, уверенность, семья…. (соя, кукуруза…)

«Природные», близкие к естественным органическим, природным компонентам…

 

 

Как вариант использования цвета — «Растяжки»… Обычно тональные оттенки одного цвета, и как акцент — более активный цвет.

Есть и нестандартные цветосочетания: розовый с черным, желтый и зеленый и другие… в таких случаях, как показывает опыт, важна сама идея, а также конкретное ее воплощение рисунок 5.1

 

Рисунок 4.1 – Нестандартные цветосочетания

 

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

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

 

Проектирование дизайна Web-сайта ООО «Крей — Проф»

 

Набрав в адресной строке браузера адрес нашего сайта мы попадаем на сайт  ООО «Крей — Проф»  . После насколько секунд загрузки мы видим главную страницу на рисунке 5.1.

 

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

Главная страница содержит элементы символики фирмы, его название и аббревиатуру. За  цветовое оформление я взял оттенки бардового цвета на фоне белого вызывающее благоприятное восприятие.

Первое впечатление о сайте дает заголовок (или банер, как его еще называют) на

рисунке 5.2.

 

 

Рисунок 5.2 –Банер

 

В нижней части главной странице расположены изображения главного предприятия фирмы на рисунке 5.3.

 

Рисунок 5.3 – Изображения главного предприятия

 

Для того чтобы увеличить изображение на него надо щелкнуть, это показано на

рисунке 5.4.

Рисунок 5.4 – Увеличенное изображение главного предприятия

На страницах рабочая техника и автокаталог можно просмотреть автомобили и рабочую технику которая есть в наличии это показано на рисунке 5.5.

 

Рисунок 5.5 – Страница Автомобили

Если покупателя заинтересует предложенные машины он может просмотреть  их изображение и описание при щелчке мыши на изображении рисунке 5.6.

Рисунок 5.6 – Увеличенное изображение автомобиля

6 Технологическая часть: разработка инструкции по модернизации и наполнению Web-сайта

 

Для модернизация и наполнение сайта  лучше всего использовать программу SiteEdit.

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

Рисунок 6.1 – Страница Автомобили

 

 

 

Для обновления или изменения прайса по запчастям щелкните на изменить объект

для изменения ссылки для скачивания прайса щелкните на  и укажите пусть к файлу

Для изменения данных о фирме щелкните на значок на станице «О Компании» и допишите или исправьте нужную вам информацию как показано на рисунке 7.2

изменение тестовой информации на других страницах сайта осуществляется аналогично.

 

7 Техника безопасности при работе за компьютером

 

Основная нагрузка при работе за компьютером приходится на глаза. Их утомляемость во многом зависит не только от качества изображения на экране, но и от общей освещенности помещения. Согласно гигиеническим нормам освещенность на поверхности стола и клавиатуре должна быть не менее 300 люкс, а вертикальная освещенность экрана — всего 100-250 люкс. Исследования физиологов и гигиенистов убедительно доказали, что и полутьма, и слишком высокая освещенность экрана приводят к быстрому зрительному утомлению.

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

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

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

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

 

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

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

Обобщая требования к режиму труда и отдыха для взрослых пользователей, следует сказать, что наиболее трудной считается творческая работа в режиме диалога с ПЭВМ — ее продолжительность не должна превышать шести часов в день. Для преподавателей высших и средних учебных заведений, учителей школ и гимназий длительность работы непосредственно в классах должна быть не более четырех часов в день, а для обслуживающих учебный процесс инженеров — не более шести часов. Для любого взрослого пользователя продолжительность непрерывной работы с монитором не должна превышать двух часов, после чего необходим перерыв 15-20 минут.

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

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

 

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

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

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

Допустимое время для первого и старших курсов — два и три часа соответственно, при условии, что работа с видеотерминалом занимает не более 50% всего времени работы с компьютером. Обязательно делать упражнения для глаз через каждые 25 минут занятий, устраивать 15-минутные перерывы с физкультурными упражнениями через каждые 45 минут работы. Специально для любителей ночных бдений наедине с компьютером заметим, что гигиенисты не рекомендуют проводить занятия на ПЭВМ со студентами после 17 часов.

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

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

Всего в неделю рекомендуется одно занятие с использованием ПЭВМ для учащихся 1-9-х классов и два — для учащихся 10-11-х. Возможны также дополнительные занятия в кружках. Их рекомендуется проводить не чаще двух раз в неделю общей продолжительностью для детей 7-10 лет — один час, для детей от 11 лет — полтора часа.

 

Особое значение имеет нормирование длительности непрерывных занятий непосредственно с монитором. Для детей 5 лет она не должна превышать 7 минут, 6 лет — 10 минут, 7-10 лет — 15 минут, 11-13 лет — 20 минут, 14-15 лет — 25 минут и 16-17 лет — 30 минут. После такого занятия обязательно следует провести гимнастику для глаз.

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

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

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

Детская тестовая лаборатория журнала «Мир ПК» провела мини-исследование утомляемости зрительной системы детей при трех разных видах нагрузки: измерялась степень утомления после работы на компьютере в течение 10-12 минут, в течение 13-18 минут и после пяти уроков в школе.

У каждого тестируемого измерялась критическая частота слияния мельканий (КЧСМ) непосредственно перед нагрузкой и сразу после нее (подробнее о КЧСМ см. в статье «Эти глаза напротив… монитора»). В качестве численной оценки зрительного утомления ребенка использовалась величина снижения КЧСМ за время работы.

 

 

В эксперименте участвовали 150 детей 7-8 лет, многие тестировались по нескольку раз. Использовались мониторы Samsung SyncMaster 15Gle, снабженные защитными экранами (противобликовыми и ослабляющими электромагнитное и электростатическое поля).

Результаты эксперимента представлены в таблице. Под значительным утомлением здесь понимается снижение КЧСМ на 4 и более Гц (у некоторых детей этот показатель составил 10-11 Гц), незначительное утомление — это изменение КЧСМ в пределах 1 Гц (т.е. в пределах точности измерений).

Разумеется, снижение КЧСМ — не единственный и, возможно, не самый главный показатель зрительного утомления (хотя исследования показали, что снижение КЧСМ связано и с общим утомлением человека).

Тем не менее полученные результаты позволяют сделать некоторые важные выводы:

—        При увеличении времени работы на компьютере с 12 до 18 минут усталость детей резко возрастает и превышает усталость после целого учебного дня. Этот результат подтверждает правильность рекомендаций СанПиНа: длительность непрерывных занятий на компьютере для детей этого возраста не должна превышать 15 мин;

—        Реакция детей на нагрузки индивидуальна. Даже при самой утомительной работе (нижняя строка таблицы) образовались три примерно равные группы: практически не уставших, уставших средне и сильно уставших детей;

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

Благодарим компанию «Вист» за компьютеры, предоставленные для работы Детской тестовой лаборатории.

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

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

 

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

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

Надзор за соблюдением санитарных норм, связанных с использованием персональных компьютеров и мониторов, осуществляется Центром Госсанэпиднадзора в г. Москве в двух формах:

контроля наличия гигиенического сертификата на продаваемые персональные компьютеры и мониторы;

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

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

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

В настоящее время ведется разработка методик сертификации мониторов еще по трем параметрам: яркости и мощности инфракрасного и ультрафиолетового излучений.

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

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

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

 

8 Охрана окружающей среды

 

Наше поколение стало свидетелем драматических событий, которые изменили природу отношений человека с окружающей его средой. Стремительный рост народонаселения Земли, а также научно-технический прогресс способствуют усилению воздействия человека на окружающую среду. Человечество должно осознать, что взаимосвязь его и Земли резко изменила свой характер, что разрушение окружающей среды может иметь глобальные последствия, а единственный выход из создавшегося положения — это не воздействие на окружающую среду, а взаимодействие с ней. Возникает реальная опасность того, что человек в ближайшем будущем не сможет воспользоваться завоеванными правами, ибо само развитие человеческого общества ставит выживание человека под реальную серьезную угрозу[2].

Вот почему в комплексе прав личности на первое место сейчас выдвигается право на жизнь, на среду и условия труда, не угрожающие ее существованию. Право на жизнь — это конституционное право В ст. 2 Конституции РФ сказано, что человек, его права и свободы являются высшей ценностью. Признание, соблюдение и защита прав и свобод человека и гражданина — обязанность государства

В ст. 3 Закона РСФСР «Об охране окружающей природной среды» 1 сформулированы основные принципы ее охраны приоритет охраны жизни и здоровья человека, обеспечение благоприятных экологических условий для жизни, труда и отдыха населения; научно-обоснованное сочетание экологических и экономических интересов общества, обеспечивающих реальные гарантии прав человека на здоровую и благоприятную для жизни окружающую природную среду и др.

В ст. 42 Конституции РФ закреплено право граждан на благоприятную окружающую среду в Законе РСФСР об охране окружающей природной среды в разделе 2 «Право граждан на здоровую и благоприятную окружающую среду»2 впервые сформулированы экологические права граждан.

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

Согласно п. 2 ст. 1 «Декларации прав и свобод человека и гражданина» от 22 ноября 1991 г и ст. 15 Конституции РФ общепризнанные принципы и нормы международного права и международные договоры имеют преимущество перед законами РФ.

Указом Президента РФ от 4 февраля 1994 г. «Основные положения государственной стратегии по охране окружающей среды и обеспечению устойчивого развития» предусмотрено обеспечение сбалансированного решения задач социально-экономического развития на перспективу и сохранение благоприятного состояния окружающей среды и природного  потенциала в целях удовлетворения жизненных потребностей населения.

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

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

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

Учебное заведение «Миасский электромеханический техникум» находится по адресу пр. Октября 1. Данное заведение не загрязняет окружающую среду. Оно занимается обучением специализированных кадров. заведения не превышает предельную нагрузку на окружающую среду. Работники заведения обеспеченны нормальными условиями работы: достаточное проветривание помещений по средствам естественного проветривания, возможностью питаться, рабочие места организованны по правилам техники безопасности, рабочий день рассчитан по правилам трудового кодекса РФ.

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

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

 

9 Защита информации в Web-сайтах.

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

В Web-серверах объектами доступа выступают универсальные локаторы ресурсов (URL — Uniform (Universal) Resource Locator). За этими локаторами могут стоять различные сущности — HTML-файлы, CGI-процедуры и т.п.

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

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

Для раннего выявления попыток нелегального проникновения в Web-сервер важен регулярный анализ регистрационной информации.

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

Еще один общий принцип состоит в том, чтобы минимизировать объем информации о сервере, которую могут получить пользователи. Многие серверы в случае обращения по имени каталога и отсутствия файла index.HTML в нем, выдают HTML-вариант оглавления каталога. В этом оглавлении могут встретиться имена файлов с исходными текстами CGI-процедур или с иной конфиденциальной информацией. Такого рода “дополнительные возможности” целесообразно отключать, поскольку лишнее знание (злоумышленника) умножает печали (владельца сервера).

 

Средства защиты информации

 

Сейчас вряд ли кому-то надо доказывать, что при подключении к Internet Вы подвергаете риску безопасность Вашей локальной сети и конфиденциальность содержащейся в ней информации. По данным CERT Coordination Center в 1995 году было зарегистрировано 2421 инцидентов — взломов локальных сетей и серверов. По результатам опроса, проведенного Computer Security Institute (CSI) среди 500 наиболее крупных организаций, компаний и университетов с 1991 число незаконных вторжений возросло на 48.9 %, а потери, вызванные этими атаками, оцениваются в 66 млн. долларов США.

Одним из наиболее распространенных механизмов защиты от интернетовских бандитов — “хакеров” является применение межсетевых экранов — брэндмауэров (firewalls).

Стоит отметить, что в следствии непрофессионализма администраторов и недостатков некоторых типов брэндмауэров порядка 30% взломов совершается после установки защитных систем.

Не следует думать, что все изложенное выше — “заморские диковины”.  Всем, кто еще не уверен, что Россия уверенно догоняет другие страны по числу взломов серверов и локальных сетей и принесенному ими ущербу, следует познакомиться с тематической подборкой материалов российской прессы и материалами Hack Zone (Zhurnal.Ru).

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

 

10 Экономическая часть

 

В этой части дипломного проекта необходимо произвести расчет отпускной цены Web-сайта ООО «Крей-Проф»

Отпускная цена — представляет собой сумму, состоящую из полной себестоимости, прибыли и НДС.

Себестоимость — это выражение в денежной форме затраты на производство

и реализацию продукции.

Калькуляция — это себестоимость единицы продукции в денежном выражении.

Чтобы определить себестоимость нам необходимо определить трудозатраты разработчика данного Web-сайта.

 

Расчёт стоимости Web-сайта ООО «Крей-Проф»

 

Определение трудоемкости :

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

Таблица 10.1 – Ведомость трудоёмкости

Наименование работы	Единица измерения	Количество
Получение задания	Час	12
Согласование сроков работы	Час	6
Анализ и создание логической структуры	Час	18
Реализация логической структуры Web-сайта	Час	28
Проектирование дизайна Web-сайта	Час	16
Создание графических элементов Web-сайта	Час	32
Реализация дизайна Web-сайта	Час	24
Тестирование	Час	12
Разработка инструкции по модернизации и наполнению Web-сайта	Час	22
Установка Web-сайта на сервер	Час	15
Обучение персонала	Час	2
Итого:	Час	187
В том числе машинного времени:	Час	169

 

Расчёт себестоимости Web-сайта

 

Расчет себестоимости производится по калькуляционным статьям затрат:

—     Статья 1 Затраты на материалы (смотрите таблицу 16.2);

—     Статья 2 Затраты на электроэнергию (смотрите таблицу 16.3);

—     Статья 3 Основная заработная плата;

—     Статья 4 Дополнительная заработная плата;

—     Статья 5 Единый социальный налог;

—     Статья 6 Накладные расходы (смотрите таблицу 16.4).

Таблица 10.2 – Статья 1. Все материалы

Название материала	Единица измерения	Количество	Цена	Сумма
Тетрадь 16	шт.	1	2,5	2,5
Пачка бумаги формата А4 500 листов	шт.	1	114	114
CD-R диски	шт.	2	10	20
Ручка шариковая	шт.	3	3,5	10,5
Карандаш	шт.	2	3	6
Ластик	шт.	1	1	1
Картридж черный	шт.	2	120	240
Картридж цветной	шт.	1	200	200
Итого				594

 

Таблица 10.3 – Статья 2 Затраты электричества на технические цели

Устройство	Ед.Изм	Сила тока	Cos φ	Кол-во часов	Мощность
1      Системный блок	Вт	3	0,8	169	528
2      Монитор	Вт	1	0,8	169	176
3      Принтер	Вт	0,3	0,8	3	53
Общая мощность:	Вт				757

 

 

 

Где:

P – мощность оборудования

U – мощность тока

J – сила тока

Мощность системного блока P = 220Вт * 3А * 0,8 = 528В

Мощность монитора P = 220Вт * 1А * 0.8 = 176В

Мощность принтера P = 220Вт * 0,3А * 0.8 = 53В

 

Расход электроэнергии (Вт) = общая мощность*отработанное время

 

Для монитора и принтера расход составляет:

(176 Вт+528Вт)*169/1000 час = 118,9 КВт*час

53Вт*3 / 1000 час = 0,16 КВт*час

Стоимость затраченной энергии составляет:

(118,9 КВт*час +0,16 КВт*час)*2,55 руб.= 303,79 руб.

Статья 3 Основная заработная плата

 

ЗПосн = ЗПпр+ПР  + РК

 

Где:

ЗПосн – основная зарплата,

ЗПпр – зарплата прямая,

ПР – премия,

РК – районный коэффициент,

Разработчик 9 разряд имеет тарифный оклад 5566 руб. Исходя из этого, тарифная ставка равна 29 руб./час

ЗПпр = 29 * 187 = 5423 рублей

ЗП с премией = 5423 + 40% * 5423 = 5626 + 2169,2= 7795,2 рублей

РК = 7795,2 * 15% = 1169,28 рублей

ЗПосн  = 7795,2 + 1169,28 = 8964,48 руб.

Статья 4 Дополнительная заработная плата

ЗПдоп = 13% * ЗПосн.

 

Где:

ЗПдоп – дополнительная заработная плата

ЗПдоп =1165,38 руб.

Статья 5 Единый социальный налог

 

ЕСН = 26% * (ЗПосн + ЗПдоп)

 

Где:

ЕСН – единый социальный налог

ЕСН = 26% (ОЗП+ДЗП) = 26% (8964,48 +1165,38) = 10129,86* 26% = 2633,76 руб.

Статья 6 Накладные расходы

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

 

Нр = 10% * ЗПосн

 

Где:

Нр – накладный расходы

Нр = 10%*8964,48 руб. = 896,44 руб.

 

Статья 7 Коммерческие расходы

КР = 2% * Спр

 

Где:

КР – коммерческие расходы,

Спр – себестоимость производственная

КР = 2%*14556,99руб. = 291,14 руб.

 

 

 

Таблица 10.4 –Калькуляция себестоимости информационной системы

Наименование статьи	Сумма
Статья 1 Основные материалы	–––
Статья 2 Вспомогательные материалы	594
Статья 3 Электроэнергия на технологические цели	303,79
Статья 4 Основная заработная плата	8964,48
Статья 5 Дополнительная заработная плата разработчикам	1165,38
Статья 6 Единый социальный налог	2633,76
Статья 7 Накладные расходы	896,44
Производственная себестоимость	14556,99
Статья 8 Коммерческие расходы	291,14
Полная себестоимость	14848,13

 

Расчёт отпускной цены

 

Цена (стоимость) представляет собой сумму затрат на создание продуктов и прибыль. Величина прибыли = 30% от полной себестоимости.

 

Цпр = Сполн * Пр

 

Где:

Цпр – цена с прибылью,

Сполн – полная себестоимость,

Пр – прибыль.

 

 

ПР=30%*Сполн

 

Где:

ПР – прибыль

Пр = 14848,13* 30% = 4454,44руб.

Цпр = 15661,14 + 6264,45 = 19302,57руб.

Цотп=Цпр+Пр+НДС

 

Где:

Цопт – цена оптовая,

НДС – налог на добавленную стоимость.

 

НДС=18%(Цпр-Затраты на материалы)

 

Где:

Цпр – цена с прибылью

НДС 19302,57* 18% = 3474,46руб.

Цотп = 19302,57+ 3946,6 = 22777,03руб.

Отпускной цена Web-сайта ООО «Крей-Проф» составляет  – 22777,03руб. На ее основе составляется договор между заказчиком и исполнителем. Договор представлен в приложении Л.

 

Заключение

 

За время выполнения дипломного проекта был создан  Web-сайта ООО «Крей-Проф» главной задачей, которой, является реклама фирмы ООО «Крей-Проф»  и услуг которые она предоставляет .

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

 

Список используемых источников

 

1. Матросов А.В., Сергеев А.О., Чаунин М.П. HTML 4.0. – Санкт- Петербург, 1999.
2. Кудряшова А.В. Методические указания по курсовому и дипломному проектированию. – СПб.: «ЛРПТ». 1987.
3. Дронов В.А. JavaScript в Web-дизайне. — Санкт- Петербург, 2001.
4. Айзекс С. Dynamic HTML.- Санкт- Петербург, 2001
5. ЕСПД: ГОСТ 19.102-77; 19.402-78; 19.701-90; 19.781-90.
6. ЕСКД: ГОСТ 2.105-79.

 

Приложение Л

(обязательное)

ДОГОВОР

 

О создании информационной системы

 

Общество с ограниченной ответственностью «Крей — проф», в лице директора Лобакина Ф.В именуемой в дальнейшем «Заказчик», с одной стороны, и индивидуальный предприниматель Грицев А.С., именуемый в дальнейшем «Исполнитель», с другой стороны, заключили договор о нижеследующем:

 

1    Общие положения. Предмет договора.

 

1.1  Исполнитель выполняет работы, связанные с разработкой и созданием Web-сайта «Крей — Проф», а Заказчик оплачивает их выполнение.

 

2    Обязанности сторон

 

2.1  Исполнитель обязуется:

2.1.1   Выполнить работы, связанные с разработкой и созданием  Web-сайта «Крей — Проф» в течение 30 (двадцати) календарных дней с момента вступления в силу настоящего договора.

2.1.2   Предоставить Заказчику техническую документацию для Web-сайта «Крей — Проф».

2.1.3   Ознакомить Заказчика с особенностями модернизации и наполнения Web-сайта «Крей — Проф».

2.2  Заказчик обязуется:

2.2.1    Своевременно, в порядке установленным настоящим Договором, оплатить выполняемые Исполнителем работы.

3 Права сторон

 

Исполнитель имеет право:

3.1.1  В случае нарушения Заказчиком условий настоящего Договора не вводить в эксплуатацию Web-сайта «Крей — Проф» и не осуществлять его передачу Заказчику.

Заказчик имеет право:

Бесплатно получать информацию об эксплуатируемом Web-сайта

«Крей — Проф».

 

4    Порядок расчётов

 

Оплата работ, связанных с разработкой и созданием Web-сайта «Крей — Проф», осуществляется на основании калькуляции, составленной в присутствии представителей заказчика и Исполнителя, в течение 3 (трёх) календарных дней с момента завершения работ, связанных с разработкой и созданием Web-сайта «Крей — Проф».

Стоимость Web-сайта «Крей — Проф», в соответствии с приведённой калькуляцией, составляет 22777,03руб.

Все расчёты по настоящему договору производятся в рублях РФ на расчётный счёт исполнителя.

 

5    Ответственность сторон

 

Исполнитель несёт ответственность за работу Web-сайта «Крей — Проф».

Исполнитель не несёт ответственности за срывы установки Web-сайта «Крей — Проф» по независящим от Исполнителя и общепринятым обстоятельствам непреодолимой силы, а так же за использование неисправного или не сертифицированного на территории РФ электрооборудования Заказчика.

В случае невыполнения условий настоящего Договора в указанный срок (10 календарных дней), Исполнитель выплачивает в пользу Заказчика пени в размере 1% от итоговой суммы, указанной в калькуляции, за каждый календарный день.

 

 

6    Расторжение договора

 

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

В случае нарушения условий оплаты Исполнитель имеет право расторгнуть договор в одностороннем порядке, а Заказчик выплачивает компенсационные расходы, в размере 40% от итоговой суммы указанной в калькуляции.

7    Сроки по Договору и прочие условия

Договор вступает в силу с момента его подписания Заказчиком и Исполнителем, действует до момента передачи информационной системы «Доставка и ремонт автомобилей» Заказчику.

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

Заказчик ознакомлен и согласен с условиями поставки и составленной калькуляцией.

Во всём остальном, что не предусмотрено настоящим Договором, Стороны руководствуются действующим законодательством РФ.