Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Введение

• 1.1Основные понятия и определения сайтостроения
• Сайтостроение - это целый мир, без которого интернет невозможен. Любые «виртуальные» контакты между людьми, общение через веб-камеру, скайп, и другие компьютерные средства связи, происходят через веб-сайты.
• Internet - всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций. Информация в Интернет хранится на серверах (сайтах). Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Internet обычно осуществляется через провайдеров или корпоративную сеть.
• В сети Интернет существует несколько сервисов или служб (E-mail, USENET, TELNET, WWW, FTP и др.), но наиболее популярной службой является WWW. Услуги WWW построены по принципу клиент-сервер. Служба состоит из серверов, доступ к серверам осуществляется клиентскими приложениями или браузерами. Основной объем информационных ресурсов в виде веб-страниц или файлов в формате html находится на веб-сайтах, размещенных на Web-серверах (на хостингах) сети Интернет.
• Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet.
• В зависимости от технологии создания можно выделить следующие типы сайтов:
• 1. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение.html или.htm) и хранятся в готовом виде в файловой системе сервера.
• 2. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
• 3. Flash-сайты - это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
• 4. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
• Сайты по взаимодействию пользователя с ресурсами веб-страницы можно разделить на пассивные и активные или интерактивные.
• Пассивные сайты - это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.
• Интерактивные сайты - это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.
• Статические сайты с пассивными веб-страницами
• Технология создания веб-страницы статических сайтов: язык HTML (Hyper Text Markup Language), который является языком разметки гипертекста и каскадные таблицы стилей CSS (Cascading Style Sheets). CSS используется для оформления и форматирования различных элементов веб-страниц, в результате чего значительно снижают размеры веб-страниц.
• Создание новых веб-страниц или редактирование существующих страниц пользователь выполняет на ПК в редакторе, а затем вновь загружает на Web-сайт.
• В основном статические сайты с пассивными веб-страницами применяются для создания небольших и средних сайтов с постоянной структурой и внешним видом страниц, которые можно размещать на любых хостингах, в том числе на бесплатных, которые не поддерживают работу скриптов.
• 1.2 Обзор программного обеспечения для сайтотроения
• Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Конструкторы веб-сайтов размещаются на некоторых сайтах в сети Интернет.
• Для обучения целесообразно использовать редактор Microsoft FrontPage - это визуальный HTML редактор, который входит в состав приложений Microsoft Office. Но создание реального сайта лучше выполнять в русифицированном редакторе Macromedia Dreamweaver 8 с использованием технологии CSS. Необходимо отметить, что с целью быстрой загрузки веб-страниц их размеры не должны превышать 20 Кбайт.
• Для придания статическим веб-страницам интерактивности и динамичности в веб-страницу можно вставлять скрипты на языках сценариев JavaScript и VBScript, исполняемых на стороне клиента. Скрипты на JavaScript и VBScript могут исполняться либо при наличии каких-либо действий пользователя либо автоматически во время загрузки веб-страницы.
• Кроме того, в HTML документ можно вставлять элементы DHTML (динамический HTML). DHTML - это способ создания интерактивного веб-сайта. Динамический HTML построен на языке программирования JavaScript, каскадных таблицах стилей CSS и DOM (объектной модели документа).
• В документ HTML можно вставлять флэш-фрагменты или Flаsh-ролики (swf-файлы). В документ HTML можно вставлять Flash-формы аналогичные HTML формам. Флеш обеспечивает интерактивность за счет интерактивной векторной анимации для Web. Для создания Флеш используется язык сценариев ActionScript.
• Для обмена данными между пользователем и сервером в веб-страницу можно вставить веб-приложение, называемое HTML формой (form). Форма - это часть веб-страницы, в которую пользователь может вводить свою информацию и отправлять ее на сервер, где размещена веб-страница, щелчком на кнопке. Запросы обрабатываются на сервере, который генерирует соответствующую выходную информацию. Запросы в форме могут выполняться методами GET или POST.
• Скрипты, исполняемые на стороне клиента, увеличивают объем веб-страниц, их количество и размер на странице должно быть ограниченным.
• Для разработки веб-приложений используют два подхода:
• · на основе компилируемых модулей;
• · на основе интерпретируемых сценариев.
• Компилируемые модули - это модули типа CGI, которые транслируются в исполняемые файлы и выполняются веб-сервером.
• Common Gateway Interface (CGI) - это стандартный интерфейс обмена данных, который определяет способ взаимодействия клиентского приложения и веб-сервера. CGI обеспечивает запуск скрипта на сервере и взаимодействие с ним. В дальнейшем для реализации этого подхода стали применять интерфейсы (серверные расширения) ISAPI и NSAPI.
• Подход на основе интерпретируемых сценариев. Создания сайта применяются серверные скрипты так называемые языки сценариев. Код сценариев, как и НТML-код, является интерпретируемым кодом, поэтому HTML и сценарии можно комбинировать. Наиболее распространенные языки серверных скриптов: Perl, ASP, JSP, PHP, Cold Fusion, Python.
• Сценарии взаимодействуют с объектами на сервере и генерируют выходную информацию в формате HTML. Тип серверного скрипта определяется по расширению имени файла (.php.asp.aspx.jsp.cfm). Если Web-сервер получает запрос на страницу такого типа, то он интерпретирует все содержащие в ней сценарии, в результате чего генерируется веб-страница в формате HTML, которая передается обратно браузеру.
• Наиболее популярными технологиями (средой разработки) создания динамических веб-страниц являются: CGI, PHP, ASP, ASP.NET, JSP, Cold Fusion, AJAX, Python, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д.
• В зависимости от решаемых задач для создания сайта выбирают тот или иной язык серверных скриптов. Для создания малых и средних интерактивных сайтов целесообразно применить язык сценариев PHP. Конкурентами PHP являются технологии ASP, JSP, Cold Fusion, Perl. Достоинством языка PHP является то, что он является бесплатным, имеет открытые исходные коды и работает почти на всех платформах.
• Для создания (разработки) и сопровождения динамических сайтов используют CMS (Content Management System) - Систему управления сайтом, которую называют движком сайта. В настоящее время популярными системами управления являются Drupal, Joomla и WordPress. На основе этих CMS можно создавать функциональные и легко управляемые PHP-сайты. Движки для Drupal, Joomla и WordPress являются бесплатными. Средства разработки сайтов обеспечивают разделение содержательной части (контента) от дизайна (шаблона веб-страницы), что позволяет изменять содержание веб-страниц, не затрагивая их дизайна и изменять шаблон сайта не затрагивая содержания его страниц.
• Динамические сайты, веб-страницы которых генерируются на стороне клиентского приложения. Для создания таких сайтов используют языки сценариев JavaScript и VBScript, а также Java-апплеты и технология ActiveX.
• Технология Flash предназначена для создания векторных графических приложений. С помощью Flash можно создать полноценную страницу-ролик для Web, но при этом информация разбивается на крупные файлы, для загрузки которых требуется много времени. В настоящее время более целесообразным является применение Flash в качестве элементов дизайна в HTML-документах (например, для создания логотипов, флэш-меню, информеров и других анимированных графических элементов), в качестве анимированных flash-баннеров и входных flash-заставок.
• Flash целесообразно использовать там, где мало текста, но где требуются звуковые или анимационные эффекты, т.е. там, где флеш обеспечивает создание векторных анимационных файлов с небольшим временем загрузки. Основные недостатки этой технологии создания полноценных Flash-сайтов: большой вес веб-страниц и высокая стоимость разработки сайтов.
• Кроме того, сайты, созданные полностью на основе Flash, плохо индексируют поисковые системы. Флеш-технологии в основном применяются для создания престижных сайтов. Для создания флеш-анимаций применяют технологию Adobe Flash, которая обеспечивает возможность работать с языками: ActionScript и ActionScript 2.0.
• HTML (от англ. HyperText Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа, в удобной для человека форме.
• HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.
• Дескрипторы также часто называют «тегами». С помощью HTML можно легко создать относительно простой, но красиво оформленный документ. Помимо упрощения структуры документа, в HTML внесена поддержка гипертекста. Мультимедийные возможности были добавлены позже.
• Браузеры
• Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение.html или.htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет-обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса веб-страниц, их просмотра (и вывода на иные внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Internet Explorer, Mozilla Firefox, Apple Safari, Google Chrome и Opera.
• Основа любой странички, любого сайта - это html-код. Поэтому, говоря о программах для создания сайтов, обычно имеют в виду html-редакторы. В общем-то, написать html-код можно даже в блокноте, но это не самый удобный выбор, особенно, если вы пока ещё не очень хорошо освоили язык html. Так что лучше вместо блокнота использовать специальные html-редакторы.
• Html-редакторы бывают двух видов - визуальные и невизуальные (текстовые). Невизуальные помогают редактировать текст, проверять теги и т.д., но всё равно код в них нужно печатать вручную. Удобнее визуальные редакторы, имеющие помимо режима редактирования html-кода визуальный режим. В визуальном режиме вы можете видеть страничку примерно так, как она должна выглядеть в браузере и можете редактировать её не путём вписывания кода, а вставлять картинки, таблицы, форматировать текст и т.п., удобным образом при помощи нажатия кнопок. Чтобы сделать страничку в визуальном редакторе, не обязательно знать язык html в совершенстве.
• Известные бесплатные визуальные редакторы для создания сайтов на сегодняшний день:

· Kompozer - редактор, который годится как для начинающих, так и для профессионалов. Существуют его версии для Windows и Linux.

· Amaya - два в одном, редактор страниц и одновременно браузер, который одобрен W3C, он правильно поддерживает все стандарты для html.

· SeaMonkey - набор программ для работы в интернете, включающий браузер, почтовую программу, IRC-чат и редактор страниц. Создан на основе продуктов Mozilla.

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

· Набор платных визуальных редакторов достаточно велик. Среди них можно выделить такие, как CoffeeCup HTML Editor, Namo WebEditor, RapidWeaver, Web Builder и др. Однако наиболее популярными уже долгое время являются редактор Dreamweaver и линейка редакторов от Microsoft.

· Dreamweaver - визуальный редактор, многие годы удерживающий заслуженное лидерство среди программ для создания сайтов.

· Популярными программами для создания сайтов также являются визуальные редакторы от Microsoft. Долгое время многие вебмастера пользовались для создания сайтов редактором FrontPage, но затем Microsoft прекратила его поддержку, предложив взамен две новых программы - Microsoft Expression Web (считается основным html-редактором от Microsoft) и Microsoft SharePoint Designer, который в большей мере можно считать преемником FrontPage.

· Microsoft Expression Web является частью Microsoft Expression Studio - комплекса программ для разработки сайтов.

· Microsoft SharePoint Designer является частью Microsoft SharePoint - комплекса программ для организации совместной работы.

1.3 Особенности создания сайта предприятия

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

Разработка сайта состоит из следующих этапов:

· проектирование сайта (определение цели, идеи сайта и т.д.);

· разработка дизайна (создание эскиза-шаблона);

· HTML-верстка сайта;

· PHP-программирование;

· наполнение сайта контентом;

· тестирование;

· публикация (размещение Вашего сайта в сети Интернет);

· продвижение («рекламная кампания» сайта);

· поддержка.

На первом этапе разработки сайта необходимо разработать техническое задание и эскиз сайта.

Техническое задание включает в себя:

· основную цель и идею сайта;

· требования к дизайну, навигации, защите и документации;

· подробное описание структуры, дизайна, верстки, сервисов, способа администрирования и т.д.

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

Для этого необходимо:

· учесть особенности интерфейса разрабатываемого сайта;

· реализовать способ организации материала и навигации по сайту;

· выполнить работы с оформлением графических элементов (внешний вид сайта).

Внешний вид сайта - это лицо компании. Поэтому дизайн сайта должен отражать индивидуальные особенности и специфику компании.

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

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

В результате нужно выполнить следующие действия:

· определиться со структурой базы данных сайт, если она есть;

· создать все необходимые шаблоны;

· настроить все сервисы и модули.

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

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

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

Выбор хостинг зависит от следующих факторов:

· цена на услугу;

· срок аренды;

· поддержка дополнительных сервисов;

· предоставляемый трафик.

Размещение сайта на хостинге:

· создание сайта в панели управления веб-сервера;

· настройка домена сайта на работу с DNS-серверами данного хостинга;

· загрузка файлов на веб-сервер;

· настройка веб-сервера под требования сайта;

· подключение базы данных

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

1.4 Технология построения сайта по средствам использования Web Projeсt

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

Возможности программы для создания сайта Web Project

Web Project позволяет создавать и поддерживать html сайты. Такие сайты легко обслуживать, для их размещения в Интернет достаточно выгрузить файлы на сервер вашего хостера. Так же вы можете поместить файлы сайта на любой носитель и показывать вашим клиентам и друзьям.

При помощи бесплатной программы Web Project вы можете:

Создать структуру сайта

· Быстро создать произвольную структуру сайта.

· Создавать страницы, разделы и виджеты с текстовой и графической информацией.

· Наполнить страницы сайта текстом в формате html либо на специальном упрощенном языке разметки Web Project.

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

· Вы

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

· Это позволяет легко создать группу баннеров в виджете на боковой панели либо слайдер для главной страницы сайта.

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

· При добавлении изображения вы можете использовать возможности встроенного графического редактора.

· Вы можете вставить изображение из буфера обмена, откадрировать, изменить размер и подкорректировать яркость и контраст.

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

Выбрать дизайн

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

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

Отредактировать шаблон сайта

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

· Вы можете редактировать и просматривать все файлы шаблона, не только только html, но и.css файлы таблиц стилей и.js файлы.

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

Задать мета-теги, создать карту сайта и новостной канал

· Для продвижения вашего сайта в поисковых системах поможет ручное или автоматическое задание имен html страниц, определение произвольного заголовка страницы и тегов META-Description и META-Keywords и поддержка навигации «хлебные крошки».

· Web Project умеет автоматически создавать файл robots.txt и html и xml карту сайта.

· Вы можете сгенерировать rss ленту новостей для вашего сайта просто указав какой раздел является его источником.

Выгрузить сайт на сервер по FTP

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

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

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

Сохранить копию сайта

· Проект вашего сайта сохраняется в одном файле. Достаточно скопировать его на внешний носитель и резервная копия вашего сайта готова.

· Так же вы можете хранить несколько версий вашего сайта и при необходимости легко вернуться к предыдущему варианту.

· WebProject умеет работать в PORTABLE режиме, вы можете носить программу и проект сайта на флешке и обновлять ваш сайт с любого компьютера где установлена Windows.

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

Вывод к I главе.

• Практически все крупные и средние компании в настоящее время обзавелись собственными web-сайтами. Даже начинающие компании имеют свой сайт. Его наличие свидетельствует о процветании компании, о ее солидности и современности. Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Для создания (разработки) и сопровождения динамических сайтов используют CMS (Content Management System) - Систему управления сайтом, которую называют движком сайта. После разработки проекта будущего сайта создается его шаблон-эскиз. Удобным и мощным программным средством для разработки эскиза сайта служит Adobe Photoshop или CorelDRAW. В результате дизайнерских работ получается эскиз сайта, который дальше используется следующей группой специалистов.
• Таким образом в теоретической части по теме «Разработка web-сайта предприятия ОАО ЯнтарьЭнерго» мы рассмотрели основные понятия и определения сайтостроения, обосновали необходимость создания сайта для предприятия, составили технологию построения сайта посредством использования программы Web-Project.

• 2. Практическая часть по теме «Разработка web-сайта предприятия ОАО ЯнтарьЭнерго»
• 2.1 Общие сведения о предприятии «ОАО ЯнтарьЭнерго»
• Датой рождения энергосистемы Калининградской области считается 23 сентября 1945 года.
• ОАО «ЯнтарьЭнерго» - предприятие по производству, транспортировке, распределению и реализации электрической энергии, действующее на территории самого западного российского региона - Калининградской области. Суммарная установленная мощность всех электростанций составляет 173,1 МВт. Помимо выработки электроэнергии ОАО «Янтарьэнерго» обеспечивает теплом города Калининград, Светлый и Гусев.
• Электростанции, входящие в «Янтарьэнерго»:
• · Тепловые - Гусевская ТЭЦ, Заозёрная ГРЭС, Калининградская ТЭЦ-1, Светловская ГРЭС-2
• · Гидроэлектрические - Заозёрная Малая ГЭС, Озёрская ГЭС, Правдинская ГЭС-3
• · Ветровые - Зеленоградская ВЭУ.
• Сегодня ОАО «Янтарьэнерго» обеспечивает жизнедеятельность и конкурентоспособность промышленных, гражданских и других объектов Калининградской области через эффективную поставку электрической энергии региональным потребителям. Компания активно способствует динамичному экономическому росту, социальной стабильности, процветанию и прогрессу Калининградской области, отделенной границами иностранных государств от основной территории России.
• В ходе выполнения поставленных задач ОАО «Янтарьэнерго» создает эффективные схемы ведения бизнеса и корпоративного управления, финансовых и тарифных расчетов; вырабатывает отношения и механизмы взаимодействия, направленные на сохранение собственности, рост капитализации компании.
• ОАО «Янтарьэнерго» является стопроцентным дочерним акционерным обществом ОАО «Россети» - одной из крупнейших инфраструктурных организаций в России и мире, владеющей 80 процентами распределительного сетевого комплекса страны. Контролирующим акционером ОАО «Россети» является государство, владеющее 61,7% долей в уставном капитале.
• Нынешним директором ОАО «ЯнтарьЭнерго» филиал восточные электрические сети является Ребров Олег Николаевич.
• База практики: ОАО «ЯнтарьЭнерго»
• Телефон: 3-23-88
• Адрес: г. Гусев, ул. Московская, д. 32
• Начальник: Проскуркин Cергей Владимирович
• 2.2 Особенности применения средств автоматизации «ОАО ЯнтарьЭнерго»
• Общие положения
• Предмет разработки
• Предметом разработки является Интернет-сайт ОАО «ЯнтарьЭнерго» филиал восточные электрические сети с системой динамического управления наполнением на базе веб-интерфейса. Назначение сайта: - предоставление информации о ОАО «ЯнтарьЭнерго» филиал восточные электрические сети - предоставление информации о деятельности
• Назначение документа
• В настоящем документе приводится полный набор требований к реализации сайта предприятия.
• Подпись Заказчика и Исполнителя на настоящем документе подтверждает их согласие с нижеследующими фактами и условиями:
• 1. Исполнитель подготовил и разработал настоящий документ, именуемый Техническое Задание, который содержит перечень требований к выполняемым работам.
• 2. Заказчик согласен со всеми положениями настоящего Технического Задания.
• 3. Заказчик не вправе требовать от Исполнителя в рамках текущего Договора выполнения работ либо оказания услуг, прямо не описанных в настоящем Техническом Задании.
• 4. Исполнитель обязуется выполнить работы в объёме, указанном в настоящем Техническом Задании.
• 5. Заказчик не вправе требовать от Исполнителя соблюдения каких-либо форматов и стандартов, если это не указано в настоящем Техническом Задании.
• 6. Все неоднозначности, выявленные в настоящем Техническом задании после его подписания, подлежат двухстороннему согласованию между Сторонами. В процессе согласования могут быть разработаны дополнительные требования, которые оформляются дополнительным соглашением к Договору и соответствующим образом оцениваются.
• Требования к графическому дизайну сайта
• Требования к дизайну сайта
• При разработке сайта должны быть использованы преимущественно светлые стили.
• Основные разделы сайта должны быть доступны с первой страницы.
• На первой странице не должно быть большого объема текстовой информации.
• В дизайне сайта не должны присутствовать:
• - мелькающие баннеры;
• - много сливающегося текста;
• Порядок утверждения дизайн-концепции
• Под дизайн-концепцией понимается вариант оформления главной страницы и графическая оболочка внутренних страниц, демонстрирующие общее визуальное (композиционное, цветовое, шрифтовое, навигационное) решение основных страниц сайта. Дизайн-концепция представляется в виде файла (нескольких файлов) в растровом формате или в распечатке по согласованию сторон.
• Если представленная Исполнителем дизайн-концепция удовлетворяет Заказчика, он должен утвердить ее в течение пяти рабочих дней с момента представления. При этом он может направить Исполнителю список частных доработок, не затрагивающих общую структуру страниц и их стилевое решение. Указанные доработки производятся параллельно с разработкой программных модулей сайта. Внесение изменений в дизайн-концепцию после ее приемки допускается только по дополнительному соглашению сторон.
• Если представленная концепция не удовлетворяет требованиям Заказчика, последний предоставляет мотивированный отказ от принятия концепции с указанием деталей, которые послужили препятствием для принятия концепции и более четкой формулировкой требований.
• В этом случае Исполнитель разрабатывает второй вариант дизайн-концепции. Обязательства по разработке второго варианта дизайн-концепции Исполнитель принимает только после согласования и подписания дополнительного соглашения о продлении этапа разработки дизайн-концепции на срок не менее пяти рабочих дней.
• Дополнительные (третий и последующие) варианты разрабатываются Исполнителем за отдельную плату на основании дополнительных соглашений.
• Функциональные требования
• Требования к представлению сайта
• Требования к представлению главной страницы сайта
• Главная страница сайта должна содержать графическую часть, навигационное меню сайта, а также контентную область для того, чтобы посетитель сайта с первой страницы мог получить вводную информацию о компании, а также ознакомиться с последними новостями компании.
• Контентная область первой страницы должна делиться на следующие разделы:
• - вступительная статья о компании со ссылкой «подробнее», ведущей на раздел «О компании»;
• - новости - содержит 3 последние новости (анонсы) в формате: дата, заголовок, краткое содержание;
• - краткая контактная информация - телефон и e-mail компании;
• - вверху страницы отображаются облегченная навигационная панель, которая обеспечивает переход к основным пунктам меню сайта (О компании, Новости и т.д.);
• - поле поиска - предназначено для выполнения полнотекстового поиска по сайту;
• - поле выбора языка - русский\английский;
• - счетчики и ссылка на страницу обмена ссылками.
• Рис. 1. Пример размещения элементов главной страницы.

• Графическая оболочка внутренних страниц (общая для всех подразделов)
• Графическая оболочка внутренних страниц должна делиться на следующие разделы:
• - графическая шапка
• - навигационное меню сайта (навигационная панель 2 обеспечивает переход к основным пунктам меню сайта);
• - поле поиска - предназначено для выполнения полнотекстового поиска по сайту;
• - поле выбора языка - русский\английский;
• - ссылка «На главную»;
• - навигационная панель по подразделам выбранного раздела сайта;
• - поле для отображения контента выбранной страницы сайта;
• - внизу страницы - краткая контактная информация - телефон и e-mail компании;
• - кнопка «Для печати» - обеспечивает вывод контентной области в виде, отверстанном для печати на листах формата А4;
• - кнопка «Задать вопрос» - обеспечивает переход к форме «Задать вопрос».
• Рис. 2. Пример размещения элементов внутренних страниц сайта.

• Требования к структуре сайта
• Все названия разделов сайта, приведенные ниже, являются условными и могут корректироваться по согласованию с Заказчиком в ходе проектирования.
• Первоначальная структура сайта должна иметь следующий вид:
• - О компании
• a. История компании
• b. Дипломы и сертификаты
• c. Наши партнеры
• d. Наши клиенты
• e. Наши координаты
• f….
• 2. Новости
• 3. т.д.
• 4. пр.
• Требования к системе управления сайтом
• Общие требования к административной части
• Для получения доступа к административной части сайта необходимо указать определенный адрес в строке броузера и пройти авторизацию.
• Главная страница административной части должна содержать следующие пункты меню:
• - Станицы сайта (в соответствии с первым уровнем структуры сайта):
• - О компании
• - Новости
• - т.д.;
• Рис. 3. Макет формы главной страницы административной части сайта.
• Требования к управлению разделами сайта
• Для управления разделами сайта должны быть предусмотрены следующие функции:
• - создание подраздела 1 уровня;
• - создание подраздела 2 (и далее) уровня;
• - редактирование контента страницы;
• - удаление раздела;
• - перемещение раздела вверх в списке;
• - перемещение раздела вниз в списке;
• - признак показа (show) или не показа (hide) страницы в клиентской части сайта;
• - отображение списка подразделов выбранного уровня.
• Управление наполнением сайта
• Для управления наполнением сайта должны быть предусмотрены следующие блоки:
• 1. поле элемента контента, может быть одного из следующих типов:
• - строка;
• - дата;
• - ссылка на файл;
• - многострочный текст;
• 2. элемент контента - состоит из набора полей элемента контента;
• 3. список элементов контента - состоит из набора элементов контента.
• Рис. 4. Поля элемента контента.
• Поле элемента контента типа «Текст» должно редактироваться на отдельной странице в редакторе многострочного текста (данный редактор допускает включение в текст изображений).

• Рис. 5. Редактор многострочного текста в административной части.
• Для каждого элемента контента должен определяться требуемый набор полей. Например, для элемента «Новость» определяется следующий набор полей контента:
• Рис. 6. Пример представления элемента контента «Новость» в административной части.
• Список элементов контента должен позволять:
• * перейти к редактированию полей элемента списка;
• * удалить элемент списка;
• * определить порядок элементов списка вывода в клиентской части;
• * указать признак hide\show.

• Рис. 7. Пример представления списка элементов контента в административной части и их отображения в клиентской части.
• В списке элементов должны выводиться все поля элемента, кроме полей вида «Многострочный текст».
• Управление настройками сайта
• В состав настроек сайта должны входить:
• - e-mail для…;
• - т.д.;
• - пр.
• Дополнительные функции административной части
• В состав дополнительных функций административной части должны входить:
• - …;
• Требования к разделению доступа
• Все опубликованные разделы сайта должны открываться для доступа на чтение без аутентификации пользователя.
• При попытке входа в закрытый раздел у пользователя не прошедшего аутентификацию, должен быть запрошен логин и пароль.
• После прохождения аутентификации система должна проверять полномочия пользователя на доступ к запрошенному разделу. Если доступ запрещен, пользователю должно быть выведено сообщение о невозможности доступа в закрытый раздел.
• Требования к видам обеспечения
• Требования к информационному обеспечению
• Требования к хранению данных
• Все данные сайта должны храниться в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них.
• Наполнение различных сайтов, функционирование которых поддерживается одной и той же инсталляцией системы, должно храниться под управлением единой СУБД.
• Требования к языкам программирования
• Для реализации статических страниц и шаблонов должны использоваться языки HTML 4.0 и CSS. Исходный код должен разрабатываться в соответствии со стандартами W3C (HTML 4.0).
• Для реализации интерактивных элементов клиентской части должны использоваться языки JavaScript и DHTML.
• Для реализации динамических страниц должен использоваться язык PHP.
• Требования к организации гиперссылок
• Все ссылки на сайте должны быть относительными (за исключением внешних).
• Требования к иллюстрациям
• Все рисунки и фото объемом более 1 kb (кроме элементов дизайна страницы) должны быть выполнены с замещающим текстом. Все рисунки должны быть в формате gif или jpg.
• Требования к объему одной страницы
• Объем одной стандартной загружаемой страницы сайта в среднем не должен превышать 170 kb.
• Объем flash-заставки не должен превышать 300 Kb.
• Требования к программному обеспечению
• Требования к программному обеспечению серверной части
• Для функционирования сайта необходимо следующее программное обеспечение:
• - Операционная система - Windows XP и Windows Server 2003;
• - Веб-сервер - Apache версии не ниже 1.3.26;
• - СУБД - MySQL версии не ниже 3.23;
• Требования к клиентскому программному обеспечению
• Сайт должен быть доступен для полнофункционального просмотра с помощью следующих браузеров:
• * MS IE 5.0 и выше;
• * Opera 6.0 и выше;
• * Mozilla Firefox 1.0;
• * Mozilla 1.7.
• Сайт должен быть работоспособен (информация, расположенная на нем, должна быть доступна) при отключении в браузере поддержки flash и JavaScript.
• Требования к техническому обеспечению
• Для функционирования сайта необходимо следующее техническое обеспечение со следующими минимальными характеристиками:
• - процессор - Intel Pentium III 1 Ghz;
• - оперативная память - 512 Mb RAM;
• - жесткий диск - 20 Gb HDD.
• - т.д.;
• - пр.
• Требования к лингвистическому обеспечению
• Сайт должен выполняться на русском и английском языках. Должна быть предусмотрена возможность переключения между русским и английским языками на любой из страниц сайта.
• Требования к эргономике и технической эстетике
• Сайт должен быть оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.
• Элементы управления должны быть сгруппированы однотипно - горизонтально либо вертикально - на всех страницах.
• На каждой странице должны отображаться логотип компании и контактная информация.
• Интерфейс подключаемых модулей должен быть выполнен в едином стиле с интерфейсом ядра системы и должен обеспечивать возможность прозрачного перемещения администратора между модулями системы и использование одинаковых процедур управления и навигационных элементов для выполнения однотипных операций.
• Требования к приемке-сдаче проекта
• Требования к наполнению информацией
• Общие требования к информационному наполнению
• В рамках работ по данному проекту Исполнитель обеспечивает наполнение разделов сайта предоставленными Заказчиком материалами в порядке, указанном в п. 6.1.2.
• Исполнитель обеспечивает обработку иллюстраций для приведения их в соответствие с техническими требованиями и HTML-верстку подготовленных материалов. Сканирование, набор и правка-вычитка текстов, ретушь, монтаж, перевод и другие работы могут быть выполнены Исполнителем на основании дополнительного соглашения (после просмотра имеющихся у заказчика материалов).
• После сдачи системы в эксплуатацию информационное наполнение разделов, осуществляется на основании договора на поддержку сайта.
• Объем текста и количество иллюстраций в других типах разделов определяется предусмотренной настоящим ТЗ структурой данных и уточняется на этапе согласования дизайн-концепции.
• Порядок предоставления информационного наполнения
• Заказчик предоставляет материалы в электронной форме в zip-архиве, содержащем дерево директорий, соответствующих структуре сайта.
• В каждой директории размещается набор документов в формате MS Word - по одному документу на каждый информационный модуль, информационные блоки которого опубликованы в соответствующем разделе. Не допускается размещение текста в виде графических изображений или иных нетекстовых элементов.
• Изображения могут быть размещены как в тексте внутри файла, так и в виде отдельного изображения. Однако, в последнем случае текст должен содержать ссылку на изображение в виде указания пути и названия файла изображения.
• Для каждого информационного модуля структура документа должна соответствовать шаблонам, предоставляемым Исполнителем до начала этапа предоставления материалов.
• Материалы для первоначального наполнения разделов должны быть полностью представлены Исполнителю в сроки, установленные планом-графиком работ. Допускается передача материалов частями, в нескольких zip-файлах, соответствующих приведенным требованиям.
• Передача материалов в объеме и формате, соответствующем настоящему ТЗ закрепляется подписанием Акта о передаче информационного наполнения.
• Любые изменения информационного наполнения силами Исполнителя после подписания данного Акта допускаются только на основании отдельного соглашения за дополнительную плату.
• Информационные материалы, не предоставленные Заказчиком в сроки, установленные планом-графиком работ, размещаются Исполнителем по гарантийному письму Исполнителя в течение 2-х недель после сдачи-приемки проекта. На эту часть информационных материалов также накладываются требования к формату предоставления, изложенные выше.
• Требования к персоналу
• Для эксплуатации веб-интерфейса системы динамического управления наполнением от администратора не должно требоваться специальных технических навыков, знания технологий или программных продуктов, за исключением общих навыков работы с персональным компьютером и стандартным веб-браузером (например, MS IE 6.0 или выше).
• Порядок предоставления дистрибутива
• По окончании разработки Исполнитель должен предоставить Заказчику дистрибутив системы в составе:
• - архив с исходными кодами всех программных модулей и разделов сайта;
• - дамп проектной базы данных с актуальной информацией.
• Дистрибутив предоставляется на CD-диске в виде файлового архива.
• Порядок переноса сайта на технические средства заказчика
• После завершения сдачи-приемки сайта, в рамках гарантийной поддержки Исполнителем производится однократный перенос разработанного программного обеспечения на аппаратные средства Заказчика. Соответствие программно-аппаратной платформы требованиям настоящего документа обеспечивает Заказчик.
• Перед осуществлением переноса Заказчик обеспечивает удаленный shell-доступ к веб-серверу и доступ к базе данных сайта.
• 2.3 Выбор инструмента для решения задач автоматизации

Программа для создания сайта Web Project. Создание и развитие статических сайтов сегодня не очень популярно. Хотя статический сайт практически невозможно взломать или положить сервер, на котором он расположен (такие сайты не используют базу данных).

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

Web Project удобная программа для создания полностью функционального сайта на основе готового шаблона.

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

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

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

2.4 Описание этапов разработки

Первым делом открываем программу Web Project. Выбираем бесплатный шаблон, который понравился.

После выбора шаблона выбираем графы, которые нужны нам на сайте.

Даем название сайту, наше название «ОАО Янтарь Энерго» После этого можно вставить картинку на главную страницу сайта.

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

Так же заполняем графы, которые мы ранее выбрали.

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

Вставляем фотографии в графу «Галерея»

После всего сделанного открываем карту сайта и смотрим, что у нас получилось. Мы сделали сайт для предприятия «ОАО ЯнтарьЭнерго».

Заключение

В дипломной работе рассмотрены методы разработки информационного сайта, проведён обзор существующего серверного ПО, и выбраны наиболее подходящие для разработки сайта программные средства.. Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Для создания сайта используют различные средства: редакторы текста типа Блокнот, визуальные редакторы типа Microsoft FrontPage, Macromedia Dreamweaver и множество других редакторов, а также конструкторы сайтов (дизайнеры). Для создания (разработки) и сопровождения динамических сайтов используют CMS (Content Management System) - Систему управления сайтом, которую называют движком сайта.

Таким образом в теоретической части по теме «Разработка web-сайта предприятия ОАО ЯнтарьЭнерго» мы рассмотрели основные понятия и определения сайтостроения, обосновали необходимость создания сайта для предприятия, составили технологию построения сайта посредством использования программы Web-Project.

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

Так же разработали техническое задание. Выбрали программу, наш выбор Web-Project. Это понятная и удобная программа для создания сайта.

После всего выше сказанного мы создаем web-сайт предприятия ОАО «ЯнтарьЭнерго» Особенностью разработанного сайта является то, что, посетив его, пользователь будет иметь представление об услугах и товарах разрабатываемых этим предприятием.

Список используемой литературы

1. Быстро и легко создаем, программируем, шлифуем и раскручиваем web-сайт: [учеб. пособие] / под ред. Ю.М. Алексеева. - М.: Лучшие книги, 2006. - 426 с.

2. Вайнман Л. Динамический HTML: руководство разработчика Web-сайтов: [пер. с англ.] / Линда Вайнман, Вильям Вайнман. - Киев и др.: DiaSoft, 2009. - 449 с.

3. Дригалкин В.В. HTML в примерах. Как создать свой Web-сайт: [самоучитель] / В.В. Дригалкин. - М. и др.: Даилектика, 2003. - 190 с.

4. Загуменнов А.П. Как раскрутить Web-сайт / Загуменнов А.П. - М.: ДМК Пресс, 2007. - 268 с.

5. Китинг Дж. Flash MX. Искусство создания Web-сайтов: [пер. с англ.] / Джоди Китинг - М. и др.: DiaSoft, 2008. - 900 с.