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

ЛИЧНЫЙ КАБИНЕТ 

 

Здравствуйте гость!

 

Логин:

Пароль:

 

Запомнить

 

 

Забыли пароль? Регистрация

Повышение уникальности

Предлагаем нашим посетителям воспользоваться бесплатным программным обеспечением «StudentHelp», которое позволит вам всего за несколько минут, выполнить повышение уникальности любого файла в формате MS Word. После такого повышения уникальности, ваша работа легко пройдете проверку в системах антиплагиат вуз, antiplagiat.ru, etxt.ru или advego.ru. Программа «StudentHelp» работает по уникальной технологии и при повышении уникальности не вставляет в текст скрытых символов, и даже если препод скопирует текст в блокнот – не увидит ни каких отличий от текста в Word файле.

Результат поиска


Наименование:


дипломная работа Сайт типографии

Информация:

Тип работы: дипломная работа. Добавлен: 22.05.2012. Сдан: 2011. Страниц: 37. Уникальность по antiplagiat.ru: < 30%

Описание (план):


Содержание
  С.
Введение 4
1 Общий раздел 7
1.1 Постановка задачи 7
1.2 Цель разработки 12
1.3 Характеристика и обоснование  выбранного языка программирования (среды программирования) 16
2 Специальный раздел 20
2.1 Описание алгоритма 20
2.2 Описание программы 26
2.3 Анализ результатов решения задачи 30
2.4 Надежность программы 33
2.5 Отладка программы  38
2.6 Минимальные системные требования  к конфигурации компьютера 43
2.7 Руководство пользователю 45
3 Экономический раздел 48
3.1 Анализ практики предприятия  по проблеме 51
3.2 Определение плановой себестоимости   разрабатываемого программного  обеспечения 51
3.3 Пути совершенствования деятельности  предприятия на основе предложений 54
Заключение 57
Список  использованных источников 60
Приложение А  Схема алгоритма 62
Приложение В  Листинг программы 66
Приложение С  Результаты работы программы 78
Приложение  D Схема данных 85
 

 

Введение
     Развитие  компьютерной техники происходит фантастическими  темпами. Изначально создаваемая исключительно  для математических расчетов, ЭВМ  постепенно нашла применение во всех сферах человеческой деятельности, включая  и экономику. На современном этапе  развития вычислительной техники с  помощью персонального компьютера решаются практически любые производственные задачи.
     Эффективность использования ПК в большой степени  определяется количеством и типами внешних устройств, которые могут  применяться в его составе. Внешние  устройства обеспечивают взаимодействие пользователя с ПК. Широкая номенклатура внешних устройств, разнообразие их технико–эксплуатационных и экономических характеристик дают возможность пользователю выбрать такие конфигурации ПК, которые в наибольший степени соответствуют его потребностям и обеспечивают рациональное решение его задачи.
     На  сегодняшний день World Wide Web – глобальная компьютерная сеть. Она содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к  этой информации посредством использования  технологии Internet.
     Создание  сайта в Интернете обеспечивает новые возможности по расширению, информационной поддержке или рекламе  бизнеса.
     Сайт - это (от англ. site - участок) совокупность логично объединенных страниц в единое целое, которые представляют собой рекламно-информационные ресурсы, объединенные общей идеей и общим дизайном. А еще это набор документов в формате HTML, графических файлов, мультимедиа данных, программ связанных между собой по смыслу , доступных по протоколу HTTP, которые отличаются единством оформления и тематики.
     HTML – это язык гипертекстовой  разметки, используемый для кодирования  документов. Язык HTML представляет собой  набор команд, в соответствии  с которыми браузер отображает содержимое документа, команды HTML не отображаются. В языке HTML реализован механизм гипертекстовых ссылок, который обеспечивает связь одного документа с другими. Эти документы могут находиться на том же сервере, что и страница, с которой на них делается ссылка, а могут быть размещены на другом сервере. Сайт, написанный на HTML с легкостью обрабатывается поисковыми программами и браузерами, при загрузке не заставит ждать пользователя.
     Профессионально созданный сайт обеспечивает легкость его нахождения по запросам в поисковых  системах, поскольку целевую аудиторию  составляют пользователи, которые ищут конкретную информацию в Интернете. Постоянный контакт с клиентами и партнёрами позволяет оперативно реагировать на изменения рынка и проводить своевременную коррекцию. Кроме того, расходы на рекламу в Интернете значительно ниже, чем в традиционных средствах.
     Для навигации в WWW используются специальные  программы – Web-браузеры, которые  существенно облегчают путешествие  по бескрайним просторам WWW. Вся информация в Web-браузере отображается в виде Web-страниц, которые являются основным элементом  байтов WWW.
     Web-страницы, поддерживая технологию мультимедиа,  объединяют в себе различные  виды информации: текст, графику,  звук, анимацию и видео. От того, насколько качественно и красиво  сделана та или иная Web-страница, зависит во многом ее успех  в Сети.
     Качественный  сайт является основным информационным ресурсом всей компании.
       При помощи сайта можно:
       – передать всю необходимую информацию о товарах и услугах, в том числе самые последние новости;
       – наладить прямой контакт  с клиентом, начиная от продаж в интернет-магазине и заканчивая сервисной информационной поддержкой (например, в форуме);
     Веб-сайт сегодня является не только информационным средством или визиткой, а полноценным маркетинговым инструментом, привлекающим новых клиентов, приносящим прибыль.
     Для увеличения количества продаж и получения  большего числа заказов компании нужен сайт, который будет работать на организацию круглые сутки.
     Сайт  представляет информацию об организации, услугах и координатах, что будет  привлекать новых клиентов.
     В своем дипломном проекте  я выяснила, что необходимо знать и уметь для создания Web-страницы, какое программное обеспечение является инструментарием создания сайтов и как его эффективно использовать, и разработала сайт предприятия ОАО «Ковылкинская типография».
 

    1    Общий раздел
    1.1 Постановка задачи  

     В данном дипломном проекте была поставлена задача разработать программный продукт – сайт ОАО «Ковылкинская типография».
     Сайт  –  это именованный набор информационных и программных блоков, организованных и размещенных в интернете  с заранее определенной целью  и предназначенных для активного  восприятия целевой аудиторией.
     Сайт  обязательно имеет имя (его принято  называть адресом сайта), а информация на нем подбирается в соответствии с интересами целевой аудитории  – группы людей, объединенных по какому-либо признаку.
     Официальной классификации  интернет-сайтов не существует. Тем не менее, большинство дизайн-студий группирует проекты некоторым образом. Вот наиболее распространенная классификация:
      визитка;
      витрина;
      интернет-магазин;
      корпоративное представительство;
      информационный проект;
      портал.
     Сайт-визитка  – это просто рекламный буклет компании в Интернете. На нем обычно размещается общая информация о  фирме (область деятельности, простой  список продаваемых товаров или  оказываемых услуг, успехи, награды  и подобная информация), адрес и  план проезда. Чаще всего сайты-визитки  создают из-за их малой стоимости  и отсутствии затрат на поддержку (информация практически не меняется).
     Витрина – развернутый каталог товаров. На сайтах-витринах к данным о фирме  добавляется каталог продаваемых  товаров или оказываемых услуг. Причем речь идет не о простом списке. О каждом товаре предоставляется  подробная информация, технические  данные и фотографии. То же самое  относится и к оказываемым услугам. Кроме каталога товаров, на сайтах-витринах обычно существуют дополнительные возможности, помогающие пользователям определиться.
     Интернет-магазин. В принципе, это то же, что и витрина, но с интегрированной системой обработки заказов. На первый взгляд кажется, что в большинстве случаев интернет-магазин — это лучший выбор для корпоративного сайта.
     Корпоративное представительство – это сайт, объединяющий в себе визитку и  витрину или интернет-магазин. Кроме  этого, подобные проекты обладают дополнительными  возможностями для сотрудников  компании. Фактически, корпоративное  представительство – это не просто сайт, а рабочий инструмент для  сотрудников компании.
     Информационный  проект – один из самых эффективных  маркетинговых инструментов. Итак, компании нужно создать сайт, на котором посетителям предоставляются  всевозможные данные и аналитические  материалы в области деятельности фирмы. Причем проект должен постоянно  дополняться и обновляться. Самое  главное – грамотные и не содержащие никакой рекламы статьи. Такой  проект привлечет множество заинтересованных людей, а размещение на веб-страницах  ссылок на корпоративный сайт будет  очень эффективно.
     Портал  – это самый неоднозначный  тип сайта. Под порталом будет  пониматься сайт, который содержит все, что можно: информацию о фирме, развернутый каталог товаров  и услуг, интернет-магазин, интегрированные  системы CRM и B2B, библиотеку различной  информации и аналитических материалов из области деятельности фирмы.
     Структура сайта должна определяться еще на первых этапах создания проекта до начала разработки дизайна.
     Существуют  следующие виды структур:
    линейная структураэто самая простая структура сайта. Веб-страницы идут одна за другой, и пользователь должен просматривать их как слайд-шоу. В линейной структуре не существует разделения контента на уровни. Все страницы на таких сайтах равноправны, и их должен увидеть каждый посетитель.
    линейная структура с альтернативами и вариантами основой данной структуры является простое линейное размещение веб-страниц. Однако на сайтах, построенных по этому принципу, посетители могут проявить некоторую инициативу, облегчив для себя поиск нужной информации. Под альтернативами в данном случае понимается выбор между двумя ветками. Линейная структура с альтернативами и вариантами удобна в том плане, что с одной стороны она позволяет веб-мастерам контролировать деятельность посетителей, а с другой стороны пользователям облегчён доступ к нужной именно им информации.
    линейная структура с ответвлениями это контролируемая структура, которая напоминает дорогу с ответвляющимися от нее время от времени тупиковыми тропинками. Главным преимуществом рассматриваемой структуры является то, что к ней легко перейти с обычного линейного размещения веб-страниц.
    древовидная структура – самый универсальный способ размещения веб-страниц. Она подходит для создания практически любых типов сайтов. Пользователь при заходе на заглавную страницу оказывается перед выбором, куда идти дальше. После перехода в нужный раздел, он подбирает необходимый подраздел и т. п.
    решетчатая структура – в ней все страницы также размещаются в различных ветках. Но у пользователя есть возможность перемещаться по ним не только вертикально (вверх-вниз) но и горизонтально (то есть между ветками на разных уровнях). Используется решетка в основном только в каталогах. При этом перемещение между ветками на глубинных уровнях осуществляется с помощью отсылок на рубрики в других разделах.
Наиболее  распространены три модели проектирования сайта:
     Каскадная модель. Согласно этой модели все этапы разработки веб-проекта следуют один за другим. Сначала идет определение целей сайта, затем описывается концепция, составляется техническое задание и так далее. Заканчивается все тестированием и внедрением сайта в эксплуатацию. Каждый этап начинается только после полного завершения предыдущего шага. При этом каскадная модель не предусматривает возврата назад для доработки или изменения сделанного ранее. Каскадная модель разработки сайта представлена на
рисунке 1.

Рисунок 1 – Каскадная модель 

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


Рисунок 2 – Спиральная модель 

     Microsoft Solutions Framework – модель для разработки сложных проектов. Суть Microsoft Solutions Framework заключается в следующем. Работа над проектом состоит из четырех этапов – анализа, планирования, разработки и стабилизации. Причем каждый из них должен достигать определенного заранее результата. Кроме того, в конце этапа обычно составляется специальный документ, в котором подробно описывается состояние проекта на данный момент времени. После прохождения полного цикла разработка возвращается на первый шаг. И так повторяется несколько раз. Правда, в отличие от модели «Спираль», здесь невозможно бесконечное «вращение» проекта, поскольку цели, необходимые для окончания каждого этапа, четко указаны.
     Модель  работы над проектом Microsoft Solutions Framework представлена на рисунке 3.
      

Рисунок 3 – Microsoft Solutions Framework 

     В процессе постановки задачи определены требования проектирования  сайта, без которых невозможно обойтись. Эти требования опираются на данные, полученные в результате выполнения этапов проектирования,  оказывают  непосредственное влияние на последующие  этапы разработки сайта.
     Требования  к графическому дизайну регламентируют основные принципы, которых необходимо придерживаться при разработке визуального  оформления сайта. Если проектируется  корпоративный сайт, данная группа требований может содержать образцы  элементов фирменного стиля компании (логотип, цветовая гамма, шрифты). При  этом, как правило, указывается, каким  образом эти элементы должны интегрироваться в общую концепцию дизайна.
     На  выбор цветового решения и  общей стилистики очень сильно влияет информация о назначении сайта и  его целевой аудитории. Визуальное оформление обязательно должно соответствовать  маркетинговым аспектам проекта.
     Эргономика  – это научно-прикладная дисциплина, занимающаяся изучением и проектированием  эффективных и удобных систем. Поскольку любой сайт является интерактивной  информационной системой, к нему в  полной мере могут предъявляться  требования, касающиеся удобства его  использования.
     Требования  к эргономике оказывают непосредственное влияние на структуру и информационный дизайн сайта.
     Требования  по стандартизации и унификации относятся  к верстке веб-страниц. Они регламентируют стандарты, которым должны соответствовать  страницы сайта, а также определяют перечень графических браузеров, в  которых сайт должен отображаться корректно.
     Требования  к лингвистическому обеспечению  зависят от определенной на этапе  общего описания проекта функциональности сайта и регламентируют языковые платформы и технологии, которые  должны использоваться в процессе разработки программных компонентов и модулей.
     Если  для сайта предусматривается  система управления, данная группа требований должна регламентировать ее функциональность. Необходимо четко  определить, какие возможности система  управления должна предоставлять в  распоряжение администратора и какие действия сможет выполнять администратор с ее помощью.
     Требования  к эксплуатации сайта регламентируют аппаратную и программную конфигурацию веб-сервера, которая будет обеспечивать надлежащее функционирование будущего интернет-ресурса.
На этапе  постановки задачи были  решены следующие  вопросы:
    определена целевая аудитория, на которую рассчитывается создание данного проекта;
    определены основные цели и задачи проекта;
    создана  структура сайта.
       Таким образом  я пришла  к выводу что,  для того чтобы  разработать сайт необходимы  информация о предприятии, для  которого создаётся сайт, определенные  требования  к функциональным  и эксплуатационным характеристикам,  знания в области создания  сайтов.
 

      1.2 Цель разработки 
      
     В России интернетом пользуются миллионы посетителей. Они ищут любую информацию. Сайты-справочники, сайты развлечений, сайты крупных и малых фирм – всё это остаётся востребованным.
     В таких условиях у каждого развивающегося предприятия должен быть свой сайт. Сайт может рассказать о ценах, сотрудниках, реквизитах и о многом другом.
     Целью данного дипломного проекта является разработка сайта ОАО «Ковылкинская типография». 
     Задачи  сайта организации:
    помочь компании поддерживать старые и устанавливать новые связи на рынке. Как информационная среда Интернет упрощает процесс деловой переписки и общения. Создание сайта позволяет избежать стандартных процедур ознакомления с деятельностью компании на ее территории.
    стать инструментом распространения информации о компании и ее бизнесе. Полноценный Интернет-сайт компании предоставляет документы, фото, аудио- и видеоматериалы, необходимые для формирования правильного представления о деятельности и возможностях компании, всем желающим.
    проводить информационную и сервисную поддержку клиентов и партнеров. Посредством Интернет-сайта можно не только оперативно отвечать на вопросы, возникающие у пользователей ваших продуктов и услуг, но и формировать базу часто задаваемых вопросов. Тем самым удастся избежать многократных разъяснений по решению одних и тех же задач.
    увеличить объем продаж и найти новых покупателей продуктов вашей компании. Компания, успешно работающая на традиционном рынке, при помощи Интернет-сайта может охватить большую целевую аудиторию, хотя бы потому, что расстояние не играет в Сети такого принципиального значения, как в реальной жизни.
    реализовать удаленную демонстрацию товара для продвижения продаж. На Интернет-сайте компании может быть представлена развернутая информация о товарах и услугах. Помимо общего описания в рамках ресурса возможна публикация рейтингов и аналитических отчетов, организация консультаций клиентов, партнеров и дилеров.
    стать каналом обмена информацией с удаленными представительствами и торговыми точками. Для компании с региональными представительствами или несколькими торговыми точками в одном городе, Интернет может стать альтернативным каналом обмена информацией, обладающим более высокой скоростью, чем традиционные.
    Для реализации поставленной цели, мной были определены следующие
задачи:
    рассмотреть этапы разработки WEB-сайта.
      описать язык HTML и JavaScript для создания сайта.
      изучить структуру HTML.
    рассмотреть основные области использования языка JavaScript при создании HTML страниц.
     Для достижения  цели необходимо:
    изучить теоретический материал по созданию и проектированию Web-страниц;
    составить алгоритм;
    определить тип сайта, разработать техническое задание и структуру;
    разработать макет дизайна сайта;
    осуществить HTML-CSS вёрстку;
    протестировать сайт и исправить возникшие ошибки;
    зарегистрировать доменное имя сайта;
    разместить сайт  в сети Интернет;
     Сайт  ОАО «Ковылкинская  типография»  отвечает всем функциональным требованиям  и эксплуатационным характеристикам, содержит всю необходимую информацию, позволяет ознакомиться с продукцией и сделать заказ не выходя из дома.
 

      1.3 Характеристика  и обоснование  выбранного языка  программирования 

     Существуют  два типа сайтов с точки зрения программирования – динамические и  статические.
     Статический сайт –  используется стандартный  код HTML, адрес страницы статический  и простой, например page.html. Данный тип  свойственен более простому типу сайтов, где не требуется постоянное добавление и обновление большого количества информации. Это вполне подходит для  сайта частной компании.
     Динамический  сайт – свойственен более сложному типу сайтов, например крупные сайты, новостные ленты, порталы, где требуется  постоянное добавление и обновление большого количества информации. Используются технологии ASP, PHP, CGI, Perl и другие. Информация хранится в SQL базе данных, а программирование позволяет лишь доступ к динамике обновления и добавления страниц.
     Статический сайт лучше перерабатывается поисковыми машинами, поэтому в качестве метода проектирования я выбрала язык разметки гипертекста HTML 4.0.
      Термин  HTML (Hyper Text Markup Language) означает «язык разметки гипертекста». Это понятие более широкое, включает в себя Интернет и локальные сети, редакторы, браузеры, разнообразные программные продукты, компакт-диски, обучающие курсы, дизайн и многое другое. HTML – своеобразная противоположность сложным языкам программирования, известным только специалистам.
      HTML давно перестал быть просто языком программирования. Человек, изучавший этот язык, обретает возможность делать сложные вещи простыми способами и, главное, быстро, что в компьютерном мире не так уж и мало. Гипертекст подходит для включения элементов мультимедиа в традиционные документы. Практически именно благодаря развитию гипертекста, большинство пользователей получило возможность создавать собственные мультимедийные продукты и распространять их на компакт-дисках. Такие информационные системы, выполненные в виде набора HTML-страниц, не требует разработки специальных программных средств, так как все необходимые инструменты для работы с данными (WEB-браузеры) стали частью стандартного программного обеспечения большинства персональных компьютеров. От пользователя требуется выполнить только ту работу, которая относится к тематике разрабатываемого продукта: подготовить тексты, нарисовать рисунки, создать HTML-страницы и продумать связь между ними.
     HTML, как основа создания WEB-страниц, имеет прямое отношение и к новому направлению изобразительного искусства – WEB-дизайн. Художнику в Интернете недостаточно просто нарисовать красивые картинки, оригинальный логотип, создать новый фирменный стиль. Он должен еще поместить все это в Сети, продумать связь между WEB-страницами, чтобы все двигалось, откликалась на действие пользователя, поражало воображение, вызывало желание создать что-нибудь свое, оригинальное в этой области.
     Язык HTML существует в нескольких вариантах  и продолжает развиваться, но конструкции HTML вероятнее всего будут использоваться и в дальнейшем. Работа с HTML–это способ усвоить особенности создания документов в стандартизированном  языке, используя расширения, только когда это действительно необходимо.
     Поскольку HTML-документы записываются в ASCII-формате, то для ее создания может использоваться любой текстовый редактор.
     Обычно HTML-документ – это файл с расширением .html или .htm, в котором текст размечен HTML-тегами (англ. tag -  специальные  встроенные указания).
     Символы, заключенные в угловые скобки <> являются HTML командами, по которым  браузер распознает, как следует  преобразовать части текста, заключенные  между этими командами.
     Документ  в целом должен быть отмечен как  документ в формате HTML. Для этого он должен начинаться командой <HTML> и заканчиваться командой </HTML>.
Документ  состоит из 2 частей:
Заголовка (Head),
Собственно  документа (Body).
     Для выделения заголовка следует  ввести: <HEAD> Заголовок документа <HEAD>
Каждый WWW - документ имеет название, которое  вводится в титульной строке браузера.
     Для ввода титульной строки в заголовок  документа следует воспользоваться  следующими командами: <HEAD> <TITLE> TITLE List </TITLE> </HEAD>.
Следует отметить, что титульная строка должна быть на английском языке в латинской  кодировке так как она отображается в специальных полях браузера.
     Для записи основного текста следует  ввести: <BODY> Основной текст </BODY>
     Таким образом, общая схема документа  в формате HTML выглядит следующим  образом:
     <HTML>
     <HEAD> <TITLE> Титульная строка документа  </TITLE> </HEAD>
     <BODY> Основной текст документа </BODY>
     </HTML>
     При написании команд HTML не имеет значение, какими буквами - строчными или прописными Вы пишете команды.
     Под термином CSS мы понимаем фразу "Каскадные  Таблицы Стилей". Они внедряются в HTML-код и не требуют никаких  специальных редакторов и компиляторов, ведь интерпретируются оные обычным  браузером.
     Каскадные таблицы стилей представляют собой  описания различных HTML-элементов и  созданы они для расширения свойств  последних. Впервые стили были предложены WWW Consorcium'ом в рамках разработки спецификации HTML 3.0.
     При разработке сайта так же использовалась технология  CSS, иначе каскадные таблицы стилей.
      Впервые каскадные таблицы стилей CSS были реализованы в браузере Internet Explorer 3.0. С момента своего возникновения структура CSS была несколько раз пересмотрена, в нее были добавлены новые элементы и видоизменены старые. Существуют три уровня CSS, определяемых наличием завершенной редакции структуры. Это: CSS 1, CSS 2 и CSS 3. Переход от одного уровня к другому, в основном, сопровождался некоторыми видоизменениями в структуре и в правилах стилевого оформления, технологическими дополнениями, а также попытками систематизировать применение CSS.
      Именно  третий уровень (CSS 3) позиционируется разработчиками в качестве некой единой системы представления стилей в HTML-документе, основанной на использовании специальных модулей.
     Синтаксис CSS довольно прост в изучении, поэтому  освоение каскадных стилей является делом достаточно легким, но весьма и весьма полезным.
       Возьмем типичную таблицу HTML и  поставим атрибут border="1". После  интерпретации данного кода браузером,  мы получим самый обыкновенный  результат. Вот тут и приходят  на помощь CSS, по средствам которых можно оформить любую таблицу на свой вкус.
     Рассмотрим  небольшой пример:
     <STYLE TYPE=”text/css”>
     Описание  стилей форматирования
     </STYLE>
     В контейнер тэгов <STYLE> заключены  описания различных элементов. Атрибут TYPE указывает тип стилей, но является необязательным. Чаще всего каскадные таблицы располагаются в шапке документа, но здесь имеются исключения. Возможно, некоторые из вас видели такие файлы, как, например, pupok.css. Служат они для того, чтобы не перенасыщать страницу CSS-кодом, загружая его из этих самых файлов.
     Любая таблица стилей CSS должна быть интерпретирована браузером для того, чтобы правила CSS, обозначенные для конкретных элементов электронного документа, вступили в силу.
     Определение таблицы стилей (стилевого шаблона) возможно четырьмя способами:
    ссылка на внешний файл. Если все стилевые шаблоны для конкретного HTML-документа разместить в одном текстовом файле (с расширением ess), то с помощью специального тега <link> из текущего документа можно сделать ссылку на внешний CSS-файл стилевых шаблонов, например:
     <LINK REL="stylesheet" TYPE="text/css" HREF="style.css">.
     Браузер, анализируя HTML-код, обратится по указанному пути и, обнаружив указанный файл стилевого оформления, отобразит элементы страницы в соответствии с определенными правилами CSS.
     Следует помнить, что конструкция указания пути к внешнему CSS-файлу должна находиться в пределах раздела head HTML-документа;
    внедрение в документ. Под внедрением в документ подразумевается задание стилевой конструкции внутри самой HTML-страницы, например:
 
      <STYLE   TYPE="text/CS3">
      <! —
      BODY { font-family: Arial, Helvetica; }
      INPUT { background-color: ICECECE; }
      — >
      </STYLE> 

      Данная  конструкция также должна присутствовать в разделе head. Для браузеров, не поддерживающих CSS вообще или поддерживающих лишь отдельные правила стилевого оформления, описание шаблонов заключается между символами комментариев (при отсутствии поддержки CSS браузер пропустит содержание стилевых шаблонов, если же поддержка есть, то браузер интерпретирует правила CSS);
    включение в теговые конструкции. Любой отдельный HTML-элемент может быть подвергнут форматированию средствами CSS. Для этого необходимо задать определенное правило реализации того или иного тега, например:
     <Р ALIGN="justify" STYLE="color: 1000000; font-family: Verdana;"> Текст параграфа...
     В этом случае задано отдельное правило  для конкретного параграфа. Также можно присваивать отдельному HTML-элементу определенный класс стилевого шаблона: 

      <TABLE>
      <TR>
      <TD  CLASS="header"X/TD>
      <TD  CLASS="text"X/TD>
      </TR>
      </TABLE> 

      Описание  классов должно строиться следующим  способом (на примере внедрения стилевого  шаблона в документ): 

      <STYLE  TYPE="text/css">
      <! —
      .header { font-weight: bold; color: gray; }
      .text { color: black; font-size: llpx; }
      -->
      </STYLE> 

     
    импортирование. Импортирование стилевого шаблона CSS, по сути, аналогично указанию ссылки на внешний файл:
 
     <STYLE   TYPE-"text/css">
     <! —
     @import: url(style.ess);
     -->
     </STYLE> 
     Все четыре способа определения стилевого  шаблона CSS можно использовать одновременно в пределах одного HTML-документа.Такая возможность позволяет задавать основное правило CSS, к примеру, в виде внешнего файла шаблонов, а для исключительных или редких HTML-элементов — отдельные конструкции либо в теге <style>, либо в кодовых конструкциях самих тегов.
     Так же в разработке сайта использовались отдельные скрипты.
     Компания Netscape распространила в 1995 году механизм управления страницами и на клиента, разработав язык программирования JavaScript.
     JavaScript – это язык управления сценариями просмотра гипертекстовых страниц Web на стороне клиента.
К возможностям JavaScript можно относят следующее:
    отображать изменяющиеся данные, такие как текущее время или дата;
    программировать переменное содержание в зависимости от даты, браузера пользователя или других условий;
    изменять внешний вид элементов страницы, если пользователь щелкнул мышью или провел курсор мыши над элементом. JavaScript  работает в объектно-ориентированной архитектуре, напоминающей Java или C++. Такие возможности языка, как конструкторы или наследование на базе прототипов, добавляют в схему разработки новый уровень абстракции, что способствует многократному использованию программного кода.
     С помощью  JavaScript элементы формы можно проверить до того, как пользователь передаст информацию Web-серверу. Это приводит к уменьшению количества транзакций HTTP, а также заметному снижению вероятности ошибки при повторном заполнении формы.
     Тэг <SCRIPT> сообщает браузеру, что внутри HTML размещен код JavaScript. Тэг </SCRIPT> отменяет действие. <!— и —> тэги сообщают броузерам, которые не могут интерпретировать <SCRIPT> и </SCRIPT>, что строки кода следует рассматривать как комментарии. Двойная косая черта (//) перед тэгом --> - знак комментария в языке JavaScript; без него JavaScript интерпретирует --> как ошибочный оператор.
     При строгой типизации данных каждая переменная имеет один и только один тип данных, который не может быть изменен. Объявленное целым останется целым всегда, объявленное строкой останется строкой всегда. При слабой типизации данных, как в JavaScript, вы можете поместить любое значение в любую переменную, и переменная примет требуемый тип данных.
Document.write - метод, который прописывает HTML в Web-страницу как при программировании вручную.
Каждый  JavaScript-оператор должен заканчиваться точкой с запятой. Отсутствие точки с запятой JavaScript считает ошибкой. Логические выражения должны быть заключены в круглые скобки, а блоки операторов — в фигурные скобки.
     JavaScript использует знак == как логический оператор эквивалентности и знак = в качестве оператора присваивания. Попытка сравнения с использованием знака равенства (=)–вторая причина ошибок в JavaScript.
     Таким образом, на основе HTML, каскадных таблиц стилей и Java Script был разработан сайт ОАО «Ковылкинская типография».
 

      2 Специальный раздел
     2.1 Описание алгоритма 

     Понятие алгоритм в программировании является фундаментальным. Оно возникло в  результате искаженного перевода имени  учёного Аль-Хорезме.
     Алгоритм  – это система точно сформулированных правил, определяющих процесс преобразования доступных исходных данных (входная  информация) в желаемый результат (выходная информация) за конечное число шагов. Представить алгоритм можно несколькими  способами:
     1)словесно;
     2)формульно-словесно;
     3)графически  в виде блок-схемы (Блок-схему  данной программы можно просмотреть  в приложении А).
     4)операторно;
     5)в  виде таблицы решений;
     6) на алгоритмическом языке.
     Алгоритм создания сайта – это упорядоченная последовательность действий, результатом которых является готовый веб-сайт.
     Разработка  сайта состоит из следующих этапов:
     Этап 1. Принятие решения о создании сайта
     На  этом же этапе должна быть конкретно  определена цель создания сайта. В большинстве случаев цель полностью определяется причиной, которая заставила руководство компании обратить свой взор на Интернет.
     Этап 2. Разработка концепции 
     Выработка концепции – очень важный этап создания сайта.
     Для этого необходимо провести небольшое  исследование уже существующих проектов этого же направления (сайтов конкурентов) и понять, какие являются будущими потенциальными посетителями. На основании  этих данных разрабатывается подробная  структура сайта, описывается его  функциональность, основные требования к проекту и тому подобное. То есть на данном этапе решается, какая информация должна размещаться в Интернете, как она будет структурирована, и что должен уметь делать сайт.
     Этап 3. Разработка архитектуры 
     Архитектура сайта полностью определяет его  организацию с технической точки  зрения. Если на предыдущем этапе решается, что должно размещаться на сайте, и какова будет структура проекта, то на этом описывается аппаратная платформу, используемое программное  обеспечение, структура баз данных и так далее.
     Архитектура сайта – структура страниц и программной части сайта. Архитектура помогает визуально представить все разделы сайта, что очень важно в процессе разработки. Прежде чем переходить непосредственно к разработке сайта, необходимо разработать структуру основных входящих в него страниц, чтобы пользователю легко было перемешаться между страницами различных уровней, а также, чтобы он в любой момент мог вернуться на домашнюю страницу. Первая страница, на которой оказывается посетитель, это главная (домашняя) страница. Она содержит заголовок, логотип типографии, краткую информацию о деятельности типографии, ссылки на другие разделы. После определения домашней страницы и размещаемой на ней информацией, я перешла к разработке страниц второго уровня. Их количество определяется  количеством основных разделов. На этих страницах размещается наиболее важная информация, относящаяся к разделам. На страницах третьего уровня размещается информация о продукции, выпускаемой в типографии.
     Важным  понятием в разработке веб-сайта  является схема навигации, определяющая, как пользователь будет перемещаться между страницами. С помощью схемы навигации пользователь получает представление об архитектуре сайта, а также представление о том, в каком месте узла он находится в данный момент. Правильно разработанная схема позволит пользователю легко перемещаться между страницами сайта в поисках нужной ему информации. Пользователь получает возможность с любого уровня иерархии переходить на любую страницу сайта. В этом случае достигается максимум возможностей по перемещению, но с другой стороны пользователю тяжело определить, в каком месте сайта он находится в данный момент.
     Этап 4. Кодирование
     Под кодированием обычно понимается создание дизайна, написание всех необходимых  скриптов и их совместная отладка.
     Разработка  дизайна сайта – сложный процесс, требующий непосредственного участия  руководства компании. Определение  целевой аудитории, анализ конкурентов, опыт непосредственного общения  с клиентами, планы будущего развития сайта, выделение достоинств, задачи ресурса, – все эти факторы  влияют на конечный результат. При разработке дизайна сайта учитывались  следующие  требования:
    качество оформления (просто обязательно) без ущерба для функциональности, при простоте управления; 
    индивидуальность дизайна сайта, узнаваемость марки (компании);

    удобство навигации (с учётом задач управления навигацией); 
    задачи удачной индексации сайта;

      скорость загрузки с контролем режимов загрузки страниц сайта.
    презентационные возможности сайта – не только эстетические задачи, но и задачи подачи информации. Иногда – ключевой информации, позволяющей выделить специфику достоинств вашей компании;
     В кодирование сайта входит способ преобразования текстовой информации для передачи в сети Интернет. При  создании сайта, необходимо учитывать  кодировку его страниц. Язык по умолчанию  определяет раскладку клавиатуры, кодовую  страницу системы, вид кодировки HTML, используемый установленными на компьютере приложениями. Кодовые страницы и  виды кодировок могут применяться  к различным языкам. Тип кодировки  указывается в разделе заголовка  html-документа. Для корректного отображения сайта различными браузерами используется кодировка utf-8: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     Этап 5. Наполнение
     На  этом этапе происходит наполнение сайта  информацией.
     Этап 6. Внедрение
     
      
           Под внедрением обычно понимается целый  комплекс действий по размещению сайта  в Интернете. В первую очередь  это регистрация подходящего  домена (хотя он может быть зарегистрирован  и раньше), и перенос веб-проекта  на его сервер
     Этап 7. Развитие
     Направление развития веб-проекта и частота  обновления информации определяется типом  сайта и его концепцией. Редко  обновляющийся, «замерший» набор веб-страниц  вряд ли приобретет когда-нибудь хоть какую-то популярность. Его будут  посещать только те люди, которые уже  знают компанию и являются ее потенциальными клиентами. В принципе, для многих этого вполне достаточно.
     Общий алгоритм работы сайта  состоит из следующих пунктов:
      Открытие  любого браузера. Ъ
      Загрузка основной страницы index.html.
      Подключение каскадной таблицы стилей style.css.
    Генерация основной страницы на основе каскадной таблицы стилей. Формирование меню.
    При нажатии на различные ссылки– вызов соответствующего html-документа.
    При вызове из меню пункта «Главная» – загрузка в браузер файла index.html.
    При вызове из меню пункта «О нас» – загрузка в браузер файла onas.html.(Данная страница содержит краткую информацию о предприятии).
    При вызове из меню пункта «Контакты» – загрузка в браузер файла сontact.html.(Здесь находится список необходимых для пользователя контактов)
    При вызове из меню пункта «Заказчикам» – загрузка в браузер файла zakaz.html (Данная страница содержит  конкретную информацию о принимаемых материалах).
    Слева находится меню «Наша продукция» и перечень соответствующих ссылок, нажав на любую из них пользователь может подробно ознакомится с выпускаемой продукцией.
     Алгоритм  работы сайта организован так, что  пользователь в  любой момент может  вернуться на главную страницу, а  так же перейти по любой ссылке сайта.
 

      2.2 Описание программы 

     Данный  сайт разработан с помощью  языка  разметки гипертекста HTML с использованием языка Java Script и применением каскадной таблицы стилей.
     Проект  состоит из  следующих файлов:
     index.html – главная страница сайта.
     onas.html – страница, содержащая информацию  о типографии.
     cont.html – список необходимых контактов.
     zakaz.html –информация для заказчиков.
     Подпункт  меню «Наша продукция» содержит следующие  файлы: brosh.html, bykl.html, flaer.html, gazet.html, gram.html, kal.html (kal1.html, kal2.html, kal3.html, kal4.html), katal.html, knig.html, listov.html, otkr.html, plakat.html, vizit.html.
     style.css – внешние каскадные таблицы стилей.
     Существует  папка images, где содержатся все используемые в проекте изображения в форматах JPG и GIF.
     Первым  тэгом, с которого нужно начинать описание документов html, является тэг <html>, а завершается документ тэгом </html>. Эти тэги обозначают, что находящиеся между ними строки представляют собой единый html-документ.
     Раздел  заголовка документа определяется тэгом <head>.
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  – в данном тэге указывается кодировка страниц.
     Тэг <title>ОАО "Ковылкинская типография"</title> содеожит заголовок сайта, в заголовке  должно использоваться не более 64 символов.
     Для вызова всплывающего меню, в разделе  заголовка описывается соответствующий скрипт:
     <style>.smenu
           position: absolute;
           padding: 5px;
           width: 174px;
           visibility: hidden;
           background-color: #EEEEEE;
           border: 1px solid gray;
           left: 245px;
           top: 420px;
     </style>
     <script language="JavaScript"> over_header = new Array();
     over_menu = new Array(); for(i=1;i<=3;i++) over_header[i] = 0;
     over_menu[i] = 0; function Turn(id, mode)  if(mode)
     eval("setTimeout(\"On(" + id + ");\",200)");
     else eval("setTimeout(\"Off(" + id + ");\",200)"); function On(id)
     eval("document.getElementById('smenu" + id + "')").style.visibility =
     "visible"; function Off(id) if(!over_menu[id] && !over_header[id])
     eval("document.getElementById('smenu" + id + "')").style.visibility =
     "hidden";</script>
     <link rel="stylesheet" type="text/css" href="style.css" />  – осуществляет вызов каскадной таблицы стилей.CSS позволяют хранить цвет, размеры текста и другие параметры в стилях. Стилем называется набор правил форматирования, который применяется к элементу документа, чтобы быстро изменить его внешний вид.
     Тэг <body>  определяет основную часть документа, здесь содержаться все основные конструкции документа.
      <div id="logo"> –  является  элементом уровня блока, служащего  для выделения фрагмента документа,  целью этого выделения является  управление параметрами данного  фрагмента.
     <ul id="nav">               
     <li class="grey"><a href="knig.html">Книги</a></li>
     <li class="grey"><a href="listov.html">Листовки</a></li>
     <li class="grey"><a href="plakat.html">Плакты, афиши, постеры</a></li>
     <li class="grey"><a href="otkr.html">Открытки и приглашения</a></li> <li class="grey"><a href="gram.html">Сертификаты, дипломы, грамоты</a></li> <li class="grey"><a href="flaer.html">Флаеры</a></li>
           </ul> – создает маркированный список, внутри которого располагаются элементы списка.
     <p align="center"> – разделяет текст  на абзацы, внутри тега параметр  выравнивания текста по центру.
     <font  size="+3" color="#000033">… </font> – указывает параметры шрифта, относится к тегам физического форматирования.
     <a href="bykl.html">Буклеты</a> – определяет ссылку на документ.
     С помощью тега <table>  осуществляется  добавление таблицы, таблица в HTML строится по строкам, тег <tr> определяет строку, тег < td> – данные в ячейке,  <th> содержит заголовок таблицы.
     <h2>Вас  приветствует сайт ОАО &quot;Ковылкинская  типография&quot;!</h2> – заголовок  в документе, может принимать  значение от одного до 6. <h1> – самый крупный, <h6> – самый маленький.
     Теги  <b>, <i>, <tt>, <u>, <big>,< small>, <sub>, <sup> – служат для физического форматирования текста, заключенного между ними.
     Теги  <cite>, <code>, <del>, <em>, <samp>,<strong> – служат для логического форматирования.
     <img src="images/DSC00023.JPG"ht="195" /> – вставляет изображение в документ, параметры width и height определяют ширину и высоту.
     Вызов всплывающего меню осуществляется при  помощи следующей конструкции:
     <a href="kal.html" onMouseOut="Turn(1,0); over_header[1]=0;"
     onmouseover="Turn(1,1); over_header[1]=1;">Календари</a>
     <div id="smenu1" class="smenu"
     onmouseover="over_menu[1]=1;" onMouseOut="Turn(1,0); over_menu[1]=0;">
     <a href="kal1.html" title="Календарь карманный">Календарь карманный</a><br>    
     <a href="kal2.html" title="Календарь-домик настольный">Календарь-домик настольный</a><br>            <a href="kal3.html" title="Календарь квартальный">Календарь квартальный</a><br>
     <a href="kal4.html" title="Календарь настенный">Календарь  настенный</a>        <br>
     Кроме того, используются следующие параметры  CSS:
     background – параметр позволяет установить одновременно до пяти атрибутов стиля фона.
     background-color – устанавливает фоновый цвет  элемента.
     background-image:url(images/DSC00023.JPG) – устанавливает фоновое изображение  для элемента.
     На  главной странице с помощью языка  Java Script добавлен элемент календарь:
           <SCRIPT language=JavaScript>
     <!-- Begin
     monthnames = new Array("Январь", …,"Декабрь");
     var linkcount=0; function addlink(month, day, href) {
     var entry = new Array(3); entry[0] = month; entry[1] = day; entry[2] = href;
     this[linkcount++] = entry;}
     Array.prototype.addlink = addlink; linkdays = new Array();
monthdays = new Array(12);
     monthdays[0]=31; monthdays[1]=28;monthdays[2]=31; monthdays[3]=30;
     monthdays[4]=31; monthdays[5]=30; monthdays[6]=31; monthdays[7]=31;
     monthdays[8]=30; monthdays[9]=31;monthdays[10]=30; monthdays[11]=31;
     todayDate=new Date(); thisday=todayDate.getDay();
     thismonth=todayDate.getMonth(); thisdate=todayDate.getDate();
     thisyear=todayDate.getYear(); thisyear = thisyear % 100;
     thisyear = ((thisyear < 50) ? (2000 + thisyear) : (1900 + thisyear));
     if (((thisyear % 4 == 0)  && !(thisyear % 100 == 0))
     ||(thisyear % 400 == 0)) monthdays[1]++; startspaces=thisdate;
     while (startspaces > 7) startspaces-=7; startspaces = thisday - startspaces;
     if (startspaces < 0) startspaces+=7;
     document.write("<table border=2 bgcolor=white ");
     document.write("bordercolor=black><font color=black>");
     document.write("<tr><td colspan=7><center><strong>"
     + monthnames[thismonth] + " " + thisyear
     + "</strong></center></font></td></tr>"); document.write("<tr>");
     document.write("<td align=center>Пн</td>");
     …………………………………………..
     document.write("<td align=center>Вс</td>");
     document.write("</tr>");document.write("<tr>");
     for (s=0;s<startspaces;s++)  document.write("<td> </td>");
     count=1; while (count <= monthdays[thismonth])
     for (b = startspaces;b<7;b++)  linktrue=false; document.write("<td>");
     for (c=0;c<linkdays.length;c++)  if (linkdays[c] != null)
     if ((linkdays[c][0]==thismonth + 1) && (linkdays[c][1]==count)) {
     document.write("<a href=\"" + linkdays[c][2] + "\">"); linktrue=true;
     if (count==thisdate) {
     document.write("<font color='FF0000'><strong>");
     if (count <= monthdays[thismonth]) document.write(count);
     else  document.write(" "); if (count==thisdate)
     document.write("</strong></font>");if (linktrue) document.write("</a>");
     document.write("</td>"); count++; document.write("</tr>");
     document.write("<tr>"); startspaces=0; document.write("</table></p>");
     </SCRIPT>
     Для защиты страниц от копирования, используется скрипт отключения правой кнопки мыши:
     <script language="Javascript1.2">
     <!--
     var mymessage = "Правая кнопка мыши отключена!!!";
     if (document.layers){
     document.captureEvents(Event.MOUSEDOWN);
     }
     function rtclickcheck(keyp){
     if (document.layers && keyp.which != 1) {
     alert(mymessage);
     return false;
     }if (document.all && event.button != 1) {
     alert(mymessage);
     return false;
     }}document.onmousedown = rtclickcheck
     </script>
       В проекте используется подключение  каскадной таблицы стилей:
     html, body, div, span, object, iframe,
     h1, h2, h3, h4, h5, h6, p, blockquote, pre,
     a, abbr, acronym, address, code,
     del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
     fieldset, form, label, legend,
     table, caption, tbody, tfoot, thead, tr, th, td {
           margin: 0;
           padding: 0;
           border: 0;
           font-weight: inherit;
           font-style: inherit;
           font-size: 100%;
           font-family: inherit;
           vertical-align: baseline;}
     Таким образом, с помощью языка разметки гипертекста HTML, использования языка Java Script и подключения каскадных таблиц стилей CSS я разработала удобный, информативный сайт для ОАО «Ковылкинская типография.
     Полный  листинг программы можно просмотреть  в приложении С.
 

      2.3 Анализ результатов решения задачи 

     В результате выполнения дипломного проекта на тему «Разработка сайта ОАО «Ковылкинская типография», был разработан сайт на основе HTML с использованием Java Script.
     Работа  над web-сайтом всегда начинается с написания  технического задания, поскольку его  наличие позволяет получить гарантии выполнения всех этапов создания сайта, при необходимости в техническое задание вносятся коррективы, после чего оно подписывается и поступает в разработку.
     При разработке технического задания были выполнены следующие действия:
    определено название домена;
    определено название сайта;
    на данном этапе сформулированы основные цели создания сайта;
    определен объём и состав контента сайта;
    определен объём и состав графической информации.
    выявлена  целевая возрастная аудитория;
    разложен контент (текст, таблицы и графика), предварительно определено общее количество страниц сайта;
    определены срок разработки сайта и дополнительные условия;
     Своё  отражение в техническом задании  находят задачи, которые ставятся перед ресурсом; Большое внимание в техническом задании уделяется  функциональности проекта, который  описывается до мелочей, а также  навигации сайта.
     Техническое задание – один из способов сделать процесс создания сайта более понятным и эффективным.
     После составления технического задания  я перешла непосредственно к  разработке сайта и наполнению его соответствующей информацией.
     Сайт  разработан на языке разметки гипертекста  HTML и отлажен в программе Adobe Dreamweavr CS5.
     Разработанный сайт содержит двадцать страниц, главное  меню содержит страницы –  «Главная», «О нас». «Заказчикам», «Контакты», подменю «Наша продукция» содержит страницы «Брошюры», «Буклеты», «Визитки», «Газеты», «Каталоги», «Календари» («Календарь карманный», «Календарь-домик  настольный, «Календарь квартальный», «Календарь настенный»), «Книги», «Листовки», «Плакаты, афиши, постеры», «Открытки и приглашения», «Сертификаты, дипломы, грамоты»,  «Флаеры».
     На  странице «Главная» размещена основная информация о деятельности предприятия.
     На  странице «О нас» размещена краткая  информации о предприятии.
     Страница  «Заказчикам» позволяет ознакомиться с требованиями, предъявляемыми к  материалам и заказам.
     Страница  «Контакты содержит контактную информацию: адрес, телефоны, факс.
     Подменю «Наша продукция» содержит ссылки на страницы о продукции, выпускаемой  в типографии.
     Браузером была произведена корректная обработка  HTML и CSS – кодов, логически правильный анализ, обработка данных с помощью встроенных средств поддержки и выдача результата – генерация Web-страницы. Итоговые результаты, выданные программой, в полной мере совпадают с результатами, полученными при решении поставленной задачи теоретическими методами.
 

      2.4 Надежность программы  им защита от  несанкционированного  доступа 

     Надежность  сайта – эксплуатационное качество сайта, характеризующееся вероятностью безотказной работы сайта в определенный промежуток времени при сохранении параметров, заданных в техническом задании на сайт.
     Если  говорить о надежности сайта с  точки зрения бизнеса, то надежность сайта – способность сайта, в определенный период времени, оставаться конкурентоспособным среди сайтов аналогичной тематики.
     Один  из показателей надежности сайта  – система навигации сайта.
     Чем больше по объему сайт, тем сложнее  система навигации сайта. Сложность  навигации характеризуется общим  числом гиперссылок. Чем больше гиперссылок  в системе навигации сайта, тем  больше вероятность наличия  неработающих гиперссылок.
     При линейной  структуре страницы сайта  располагаются строго одна за одной. Переход с одной веб-страницы на другую возможен только последовательно. При наличии в системе навигации такого сайта даже одной ошибки, переход с одной веб-страницы на другие страницы сайта окажется невозможным. В этом случае можно говорить, что надежность системы навигации сайта низкая.
     При структуре сайта в виде решетки, когда между вертикальными и  горизонтальными элементами имеется  взаимная связь и возможность  быстрого перехода с одной страницы на другую без необходимости посещения  промежуточных страниц. При наличии  в системе навигации такого сайта  даже нескольких ошибок, переход с  одной веб-страницы на другие страницы сайта окажется возможным. Подобная структура приводит к излишнему  увеличению гиперссылок и применение её ограничено для сайтов с большим  количеством страниц. В этом случае можно говорить, что надежность системы  навигации сайта высокая.
     При иерархической структуре обеспечивается оптимальная надежность сайта. Создаётся главная (домашняя) страница сайта. Под ней располагаются страницы основных разделов. При наличии в системе навигации такого сайта даже нескольких ошибок, переход с одной веб-страницы на другие страницы сайта окажется возможным.
     В этом случае можно говорить, что  надежность системы навигации сайт оптимальная.
     Оценить надежность сайта можно ряду  критериев. Надежность сайта будет  тем выше, чем:
    меньшее влияние на работоспособность сайта оказывают изменения параметров программного обеспечения;
    меньшее влияние на работоспособность сайта оказывают версии браузеров, на которых посетители просматривают сайт;
    меньшее влияние на работоспособность сайта оказывают повреждения отдельных файлов сайта и и.д.;
    меньше файлов включает в себя сайт.
     О надежности сайта можно судить, если рассматривается вероятность сохранности  определенного перечня параметров, указанных в техническом задании  на сайт, в определенный промежуток времени.
     К безопасности сайта можно отнести:
    отсутствие перебоев в его работе и устойчивость к перегрузкам;
    защищенность от взломов, диверсий, вредоносных программ;
    защищенность от несанкционированного доступа к служебным и/или закрытым разделам сайта;
    сохранность находящейся на сайте информации.
    Технические аспекты безопасности сайта:
    безопасность используемых на сайте скриптов, программ;
    в ряде случаях – использование защищенных протоколов передачи данных;
    регулярное резервное копирование;
    Нетехнические аспекты безопасности сайта (человеческий фактор):
    разделение прав доступа сотрудников, работающих с сайтом;
    регулярная смена логинов и паролей доступа к сайту сотрудников ответственных за его наполнение;
    установка на компьютеры всех сотрудников, работающих с сайтом   последних версий антивирусных программ,  фильтров поступающей из сети на компьютер информации и т.д.
     Защита от несанкционированного доступа — комплекс мер, направленных на противодействие несанкционированному доступу к информации, представленной в электронном виде.
     Самым распространенным  вариантом защиты сайта от НСД является использование  возможностей JavaScript для блокирования функций выделения и копирования  как графических, так и текстовых  элементов web-страницы.
     Кэширование – процесс сохранения загружаемых  из Интернета html-документов и графических  файлов в специальную папку на жестком диске пользовательского  компьютера. При повторном обращении  к сайту браузеры открывают эту web-страницу уже с винчестера, что  позволяет значительно сократить  время ее считывания. Чтобы web- страницы не сохранялись в компьютере у пользователя, используется  запрет на кэширование страницы. Для запрета на кэширование необходимо всего-навсего сделать на это указание в разделе <head>… </head>:
    <META HTTP-EQUIV="Pragma" CONTENT="no-cache">
    или:
    <META HTTP-EQUIV="no-cache">
    или:
    <META HTTP-EQUIV=Cache-Control content=no-cache>
     Для защиты страниц от копирования  то в разделе <head> следует поместить  следующий скрипт:
     <SCRIPT LANGUAGE="JavaScript">
     document.ondragstart = test;
     //запрет  на перетаскивание 
     document.onselectstart = test;
     //запрет  на выделение элементов страницы
     document.oncontextmenu = test;
     //запрет  на выведение контекстного меню
     function test() {return false}
     </SCRIPT>
     Применяя  эти и другие методы, я обеспечила  надежность  сайта и его защиту от НСД.
     Надежная  защита сайта является залогом информационной безопасности предприятия, она включает в себя определенный набор методов, средств и мероприятий, однако ограничивать способ реализации только этим было бы неверно. Защита сайта должна быть системной, а в систему помимо методов, средств и мероприятий входят и другие компоненты: объекты защиты, органы защиты, пользователи информации. При этом защита не должна представлять собой нечто статичное, а являться непрерывным процессом.  

 

      2.5 Отладка программы 

     Под отладкой понимается  проверка работы сайта и устранение ошибок его  работы. Цель отладки состоит в выявлении и устранении ошибок. При отладке происходит локализация и устранение синтаксических ошибок и явных ошибок кодирования. Данный сайт был отлажен с помощью программы Adobe Dreamweaver CS5, проверена его работа в браузерах Microsoft Internet Explorer, Opera, Mozilla Firefox.
     Одним из важных этапов при отладке является тестирование. В процессе тестирования проверяется работоспособность программы, не содержащей явных ошибок. Эффективность тестирования - это важнейший фактор, определяющий стоимость и деятельность разработки сложных программ с заданным качеством.
      Действия  по отладке и тестированию сайта  являются заключительными в процессе создания сайта. Дело в том, что существует множество нюансов отображения  и работы сайта, которые учесть в  процессе создания просто невозможно.
      Исправление таких ошибок  происходит именно на заключительном этапе. В процессе отладки возникали различные ошибки: семантические, синтаксические, логические.
и т.д.................


Перейти к полному тексту работы


Скачать работу с онлайн повышением уникальности до 90% по antiplagiat.ru, etxt.ru или advego.ru


Смотреть полный текст работы бесплатно


Смотреть похожие работы


* Примечание. Уникальность работы указана на дату публикации, текущее значение может отличаться от указанного.