Создать сайт для предприятия.
1. Теоретическая часть работы по теме «Разработка web-сайта предприятия ОАО ЯнтарьЭнерго»
.1Основные понятия и определения сайтостроения
Сайтостроение - это целый мир, без которого интернет невозможен. Любые «виртуальные» контакты между людьми, общение через веб-камеру, скайп, и другие компьютерные средства связи, происходят через веб-сайты.- всемирная сеть, которая объединяет множество компьютерных сетей различного уровня и отдельных компьютеров, обменивающих друг с другом информацией по каналам общественных телекоммуникаций. Информация в Интернет хранится на серверах (сайтах). Серверы, объединенные высокоскоростными магистралями, составляют базовую часть сети Интернет. Доступ пользователей к информационным ресурсам Internet обычно осуществляется через провайдеров или корпоративную сеть.
В сети Интернет существует несколько сервисов или служб (E-mail, USENET, TELNET, WWW, FTP и др.), но наиболее популярной службой является WWW. Услуги WWW построены по принципу клиент-сервер. Служба состоит из серверов, доступ к серверам осуществляется клиентскими приложениями или браузерами. Основной объем информационных ресурсов в виде веб-страниц или файлов в формате html находится на веб-сайтах, размещенных на Web-серверах (на хостингах) сети Интернет.
Сайт является набором веб-страниц, объединенных общей тематикой и связанных между собой гиперссылками, единой системой навигации. Прикладным протоколом для передачи гипертекста (веб-страниц) является http (https), который указывается в URL или адресе любого ресурса (документа, файла) в Internet.
В зависимости от технологии создания можно выделить следующие типы сайтов:
. Статические сайты, содержащие статические HTML или XHTML страницы. Статические веб-страницы - это статические файлы (набор текста, таблиц, рисунков и т.д.), которые создается с помощью языка разметки HTML (имеют расширение.html или.htm) и хранятся в готовом виде в файловой системе сервера.
. Динамические сайты, в которых веб-страницы генерируются или формируются (создаются динамически) в процессе исполнения запроса пользователя. Динамические сайты бывают двух типов. В первом типе сайтов, веб-страницы генерируются или формируются из данных хранящихся на сервере в базе данных. Во втором типе сайтов веб-страницы генерируются на стороне клиентского приложения (в браузере).
. Flash-сайты - это интерактивные приложения, разработанные в среде Macromedia Flash. Основным инструментом разработки flash-программ является векторная графика (интерактивная векторная анимация для Web). Flash придает сайтам динамичность и интерактивность.
. Комбинированные сайты, в которых используются вышеизложенные технологии создания сайтов.
Пассивные сайты - это сайты с пассивными веб-страницами. В пассивных сайтах пользователь имеет возможность только просматривать информацию на веб-страницах.
Интерактивные сайты - это сайты с активными веб-страницами. При работе с интерактивными веб-страницами пользователь имеет возможность обмениваться данными с сервером, участвовать в интерактивном диалоге.
Статические сайты с пассивными веб-страницами
Технология создания веб-страницы статических сайтов: язык 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, которые транслируются в исполняемые файлы и выполняются веб-сервером.Gateway Interface (CGI) - это стандартный интерфейс обмена данных, который определяет способ взаимодействия клиентского приложения и веб-сервера. CGI обеспечивает запуск скрипта на сервере и взаимодействие с ним. В дальнейшем для реализации этого подхода стали применять интерфейсы (серверные расширения) ISAPI и NSAPI.
Подход на основе интерпретируемых сценариев. Создания сайта применяются серверные скрипты так называемые языки сценариев. Код сценариев, как и НТML-код, является интерпретируемым кодом, поэтому HTML и сценарии можно комбинировать. Наиболее распространенные языки серверных скриптов: Perl, ASP, JSP, PHP, Cold Fusion, Python.
Сценарии взаимодействуют с объектами на сервере и генерируют выходную информацию в формате HTML. Тип серверного скрипта определяется по расширению имени файла (.php.asp.aspx.jsp.cfm). Если Web-сервер получает запрос на страницу такого типа, то он интерпретирует все содержащие в ней сценарии, в результате чего генерируется веб-страница в формате HTML, которая передается обратно браузеру.
В зависимости от решаемых задач для создания сайта выбирают тот или иной язык серверных скриптов. Для создания малых и средних интерактивных сайтов целесообразно применить язык сценариев 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, плохо индексируют поисковые системы. Флеш-технологии в основном применяются для создания престижных сайтов. Для создания флеш-анимаций применяют технологию Adobe Flash, которая обеспечивает возможность работать с языками: ActionScript и ActionScript 2.0.(от англ. HyperText Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык 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 в совершенстве.
Известные бесплатные визуальные редакторы для создания сайтов на сегодняшний день:
·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-копирайтинг - это техника создания веб-текстов, при которой учитывается особенности восприятия информации пользователем и элементы поискового продвижения.
На четвертом этапе, после этапа тестирования сайт подготавливают к публикации. Во-первых, нужно подобрать доменное имя для сайта. Оно должно быть запоминающимся, легко произносимым и не иметь аналогов в сети. Оно может быть получено как платно, так и бесплатно. Но наиболее эффективным с точки зрения продвижения сайта является платное получение доменного имени.
После того, как получили доменное имя, для сайта нужно выбрать хостинг - информационное пространство, которое получаем в аренду от серверов в интернете. На сервере размещается Ваш самостоятельно разработанный сайт.
Выбор хостинг зависит от следующих факторов:
·цена на услугу;
·срок аренды;
·поддержка дополнительных сервисов;
·предоставляемый трафик.