Разработка, внедрение и адаптация сайта кафе "Бережок"

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

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

Содержание

Аннотация

Введение

Раздел I.Теоретическая часть

1.1 Технологии и методы создания программного продукта в соответствии деятельностью кафе «Бережок»

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

1.3 Выбор инструментальных программных средств

Раздел II.Проектная часть

2.1 Структура программного продукта Web-сайта

2.2 Листинг html-кода

Заключение

Список использованных источников



Аннотация

Пояснительная записка состоит из 29 станиц

Количество иллюстраций - 4

Количество приложений - 1

Ключевые слова: Разработка, внедрение и адаптация сайта, кафе «Бережок», программное обеспечение, структура сайта.



Введение

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

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

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

Цель работы: создать сайт кафе «Бережок»

Задачи:

1.Анализ литературы по теме исследования;

2.Рассмотреть теоретические основы создания сайта кафе «Бережок»

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

4.Разработать сайт кафе «Бережок».

Полученные результаты: готовый сайт кафе «Бережок»

Область применения: реклама продукции кафе «Бережок» для всех пользователей интернет.

Целевая аудитория: Заказчик, работники предприятия



Раздел I. Теоретическая часть

1.1 Технологии и методы создания программного продукта в соответствии деятельностью кафе «Бережок»

Сайт -- это именованный набор информационных и программных блоков, организованных и размещенных в интернете с заранее определенной целью и предназначенных для активного восприятия целевой аудиторией. Как видно из определения, сайт обязательно имеет имя (его принято называть адресом сайта), а информация на нем подбирается в соответствии с интересами целевой аудитории -- группы людей, объединенных по какому-либо признаку -- отраслевому, профессиональному, возрастному, по полу, интересам и др. Целью создания сайта являются маркетинговые усилия предприятия, общественной организации, государственного органа, удовлетворение личных амбиций или демонстрация компетенции автора сайта, стремление донести до всеобщего сведения важную для общественности информацию и другие. [2]

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

Основные разработки сайта кафе «Бережок»: составление и оформление технического задания, разработка структуры и дизайна, разработка меню состоящее из 5 страниц (главная, о нас, меню, галерея, контакты), разработка верхнего и правого фрейма для всех страниц сайта, заполнение всех страниц информационным контентом, разработка интерфейса и кода формы обратной связи.

ООО «Бережок» образовано в 1 апреля 2010 года. Сегодня ООО «Бережок» - одно из лучших заведений кавказской и европейской кухни нашего города.

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

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

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

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

Типы и виды сайтов:

Персональные (домашние) странички;

Сайт-визитки;

Информационные сайты;

Промо-сайты;

Сайт-фотогаллереи;

Информационные интернет-издания, СМИ;

Корпоративные представительства;

Информационные сайты предприятий и организаций;

Крупные информационные порталы.

Корпоративные сайты;

Интернет магазины.

Персональные (домашние) странички.

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

Сайты визитки.

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

Информационные сайты.

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

Промо сайты.

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

Сайт фотогаллереи.

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

Информационные интернет издания, СМИ.

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

Корпоративные представительства.

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

Информационные сайты предприятий и организаций. Это в принципе тот же вид информационного сайта.

Крупные информационные порталы.

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

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

Корпоративный сайт.

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

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

Интернет-магазин.

Может включать в себя различные интерактивные формы (гостевая книга, форум, задай вопрос), но обязательно каталог товаров и корзину заказов. Часто на главную страницу выносятся новинки товаров, "хиты продаж", специальные предложения. Вы можете создать эксклюзивный дизайн нацеленный на увеличение числа продаж, носит специфический характер. [4]

Сайта химического предприятия ОАО «БСК» - информационный. Так как сайт отражает информацию о компании и ее продукции. Несколько страниц сайта посвящены одной тематике. Также дана необходимая информация о производстве кальцинированной соды.

Варианты макетов сайта:

Одноколонный;

Двухколонный;

Трехколонный;

Одноколонный макет

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

Двухколонный макет

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

Трехколонный макет

Чаще всего трехколоночную сетку применяют на главной странице сайта, где пользователю нужно показать много информации. Также такая сетка применяется и на внутренних страницах, если двух колонок не хватает для размещения всей информации. [5]

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

1.3 Выбор инструментальных программных средств

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

Создавать HTML-документы в принципе можно даже с помощью обычных текстовых редакторов, например MS Word или Notepad (блокнот).

Дадим небольшие комментарии к описанию возможностей программы Dreamweaver.

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

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

Рисунок 1.Dreamweaver

Программа Macromedia Flash становится стандартом в качестве инструментального средства создания векторных изображений для сети. Наибольшее достоинство программы -- это возможность создания анимированных векторных изображений (фильмов) а также флеш-сайтов. Вероятно, в будущем Flash-фильмы придут на смену анимации, создаваемой в настоящее время в формате GIF. [6]

Рисунок 2. Flash

Joomla! (произносится джуммла) -- система управления содержимым (CMS), написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL или другие индустриально-стандартные реляционные СУБД. Является свободным программным обеспечением, распространяемым под лицензией GNU GPL. [7]

Рисунок 3.Joomla

Zyro Builder - бесплатный онлайн конструктор сайтов , простой и современный. Конструктор сайтов расположен в панели управления Вашего клиентского аккаунта и предоставляют Вам выбор из более чем 100 (Zyro Builder) профессиональных и полностью редактируемых тем и шаблонов для Вашего нового веб-сайта. Все внутренние элементы редактируются визуально при помощи перетягивания (drag&drop). У Вас есть возможность добавлять новости, посты в блоге, фотографии в галереи и многое другое. [8]

Рисунок 4.Zyro

Сайт кафе «Бережок» написан на конструкторе Zyro по требованию Заказчика.



Раздел II. Проектная часть

Сайт представляет собой информационную структуру, доступную в сети Интернет под доменным именем www.kafe-berejok.com

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

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

Информация, размещаемая на сайте, является общедоступной.

Пользователей сайта можно разделить на 3 части в соответствии с правами доступа:

Посетители

Редактор (сотрудник Заказчика)

Администратор (сотрудник Исполнителя)

Посетители имеют доступ только к общедоступной части сайта.

Доступ к административной части имеют пользователи с правами редактора и администратора.

Редактор может редактировать материалы разделов.

Администратор может выполнять все те же действия, что и Редактор, и кроме того:

добавлять пользователей с правами Редактора;

добавлять и удалять разделы сайта.

Доступ к административной части осуществляется с использованием уникального логина и пароля. Логин выдается администратором сайта. Пароль генерируется автоматически и высылается пользователю на адрес, указанный при регистрации. В первый раз при попытке войти в административную часть система должна предлагать пользователю сменить пароль (ввести вручную новый пароль).

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

Длина пароля должна быть не менее 8 символов.

Пароль составляет из цифр и латинских букв в разных регистрах; желательно включать в пароль другие символы, имеющиеся на клавиатуре (например, символы / ? ! < > [ ] { } и т.д.)

Пароль не является словарным словом или набором символов, находящихся рядом на клавиатуре. В идеале пароль состоит из бессмысленного набора символов.

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

Все данные сайта хранятся в структурированном виде под управлением реляционной СУБД. Исключения составляют файлы данных, предназначенные для просмотра и скачивания (изображения, видео, документы и т.п.). Такие файлы сохраняются в файловой системе, а в БД размещаются ссылки на них.

Программное обеспечение клиентской части удовлетворяется следующим требованиям:

Веб-браузер: Internet Explorer 7.0 и выше, или Firefox 3.5 и выше, или Opera 9.5 и выше, или Safari 3.2.1 и выше, или Chrome 2 и выше;

Подробное описание этапов проектирования сайта производства кальцинированной соды. Составлено и оформлено техническое задание по разработке сайта производства кальцинированной соды.

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

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

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

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

Разработка меню сайта. Меню представляет собой текстовый блок (список гиперссылок) в в верхней части страницы.

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

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

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

В рамках разработки сайта Исполнитель обеспечивает ввод представленной Заказчиком статической информации в создаваемые динамические разделы (с учетом предусмотренной настоящим ТЗ функциональности). Текстовая информация предоставляется Заказчиком в виде отдельных файлов формата MS Word 2003 (DOC). Названия файлов должны соответствовать названиям разделов. Перед передачей текстов Исполнителю они вычитаны и отредактированы. Графический материал предоставляется в формате JPG. По возможности, названия графических файлов должны отражать содержимое файла. Изображения для галерей и разделов сайта размещены в папках или архивах с названиями соответственно галерее или разделу сайта, для которых они предназначаются.

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

2.1 Структура программного продукта Web-сайта

программный сайт инструментальный

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

Главная

О нас

Меню

Галерея

Контакты

Главная страница:

На главной странице представлена информация кафе «Бережок»

О нас:

В разделе «О нас» представлена информация о заведении, контактные данные.

Меню:

В разделе «Меню» представлены гиперссылки на соответствующие группы блюд

Галерея:

В разделе «Галлерея» представлены фото данного кафе с целью ознакомления пользователей с интерьером.

Контакты:

В разделе «Контакты» представлена информация о местоположении кафе, почтовый адрес, , номер телефона и факс.

«Контакты» - это типовая статическая страница. Она может редактироваться и дополняться в административной части сайта.

2.2. Листинг html-кода

<html lang="ru">
	<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<title>Контакты</title>
	<base href="http://uk.zyro.com/data/k/a/kafe-berejok.com/out/" />
	<meta name="viewport" content="width=994" />
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="generator" content="Zyro - Website Builder" />
	<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
	<link href="css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css" />
	<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
	<script src="js/bootstrap.min.js" type="text/javascript"></script>
	<script src="js/main.js" type="text/javascript"></script>
	<link rel="shortcut icon" href="http://uk.zyro.com/data/k/a/kafe-berejok.com/out/gallery/чай-ts1418922692.jpg" type="image/jpeg" />
	<style type="text/css">
	body { background: #171617 none repeat-y scroll center center; }
	.wb_sbg { background: transparent none repeat-x scroll left top; }
	.wb-stl-pagetitle { font: normal bold 34px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-transform: capitalize; }
	.wb-stl-pagetitle a { font: normal bold 34px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-pagetitle a:hover { font: normal bold 34px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-pagetitle ul { list-style-image: url('null'); }
	.wb-stl-subtitle { font: normal normal 15px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-subtitle a { font: normal normal 15px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-subtitle a:hover { font: normal normal 15px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-subtitle ul { list-style-image: url('null'); }
	.wb-stl-heading1 { font: normal bold 21px Helvetica,Arial,sans-serif; text-align: left; text-decoration: none; color: #e13d56; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-heading1 a { font: normal bold 21px Helvetica,Arial,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading1 a:hover { font: normal bold 21px Helvetica,Arial,sans-serif; text-align: left; text-decoration: underline; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading1 ul { list-style-image: url('null'); }
	.wb-stl-heading2 { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #3e140d; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-heading2 a { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading2 a:hover { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading2 ul { list-style-image: url('null'); }
	.wb-stl-heading3 { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #3e140d; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-heading3 a { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading3 a:hover { font: normal bold 18px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-heading3 ul { list-style-image: url('null'); }
	.wb-stl-normal { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #3e140d; line-height: 18px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-normal a { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #1b669f; line-height: 18px; font-weight: normal; font-style: italic; }
	.wb-stl-normal a:hover { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #000000; line-height: 18px; font-weight: bold; font-style: italic; }
	.wb-stl-normal ul { list-style-image: url('null'); }
	.wb-stl-highlight { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ff9d00; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-highlight a { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-highlight a:hover { font: normal bold 24px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-highlight ul { list-style-image: url('null'); }
	.wb-stl-special { font: normal bold 30px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: normal; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-special a { font: normal bold 30px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-special a:hover { font: normal bold 30px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #000000; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-special ul { list-style-image: url('null'); }
	.wb-stl-footer { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: normal; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
	.wb-stl-footer a { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: underline; color: #ffffff; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-footer a:hover { font: normal normal 12px Arial,Helvetica,sans-serif; text-align: left; text-decoration: none; color: #ffffff; line-height: normal; font-weight: normal; font-style: normal; }
	.wb-stl-footer ul { list-style-image: url('null'); }
	body, .wb_sbg { min-width: 994px; }
	#wb_element_instance50 ul { background: transparent none repeat scroll left top; border: 0px none #000000; text-align: left; }
	#wb_element_instance50 ul ul { background: #2e2e2e none repeat scroll left top; }
	#wb_element_instance50 li { margin: 10px 23px 10px 23px; }
	#wb_element_instance50 li a { text-transform: uppercase; border: 0px none transparent; padding: 2px 2px 2px 2px; font: normal bold 16px Arial,Helvetica,sans-serif; text-decoration: none; color: #f2e7e6; line-height: 18px; background: transparent none repeat scroll left top; }
	#wb_element_instance50 li:hover > a, #wb_element_instance50 li:focus > a { border: 0px none #14e3e0; font: normal bold 16px Arial,Helvetica,sans-serif; text-decoration: none; color: #10e843; line-height: 18px; background: transparent none repeat scroll left top; }
	#wb_element_instance50 li.active > a { border: 0px none #000000; font: normal bold 16px Arial,Helvetica,sans-serif; text-decoration: none; color: #121111; line-height: 18px; background: transparent none repeat scroll left top; }
	#wb_element_instance57 form td { text-align: right; }
	</style>
	<script type="text/javascript">var currLang = null;</script>
	<link href="css/site.css?v=1.0.4" rel="stylesheet" type="text/css" />
	<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	</head>
	<body><div class="root" style="width: 994px; height: 1116px;"><div class="vbox wb_container" id="wb_header" style="height: 336px; background: transparent none repeat scroll left top;">
	<div id="wb_element_instance51" class="wb_element" style="left: -4px; top: 104px; width: 996px; height: 232px; min-width: 996px; min-height: 232px; z-index: 224;"><img alt="" src="gallery/1684de6883e9aa269faf1a94ab868543_996x232.png" style="width: 996px; height: 232px;"></div></div>
	<div class="vbox wb_container" id="wb_main" style="height: 650px; background: #ffffff none repeat scroll left top; padding: 0 0 50px 0;">
	<div id="wb_element_instance50" class="wb_element" style="left: 3px; top: 14px; width: 796px; height: 52px; min-width: 796px; min-height: 52px; z-index: 235;"><ul class="hmenu"><li><a href="%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%B0%D1%8F/" target="_self" title="Главная">Главная</a></li><li><a href="%D0%9E-%D0%BD%D0%B0%D1%81/" target="_self" title="О нас">О нас</a></li><li><a href="%D0%9C%D0%B5%D0%BD%D1%8E/" target="_self" title="Меню">Меню</a></li><li><a href="%D0%93%D0%B0%D0%BB%D0%B5%D1%80%D0%B5%D1%8F/" target="_self" title="Галерея">Галерея</a></li><li class="active"><a href="%D0%9A%D0%BE%D0%BD%D1%82%D0%B0%D0%BA%D1%82%D1%8B/" target="_self" title="Контакты">Контакты</a></li></ul></div><div id="wb_element_instance52" class="wb_element" style="left: -2px; top: 0px; width: 996px; height: 64px; min-width: 996px; min-height: 64px; z-index: 234;"><div style="background: #1a0805; border: 5px none #C0C0C0; opacity: 1; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 996px; height: 64px;"></div></div><div id="wb_element_instance53" class="wb_element" style="left: 340px; top: 90px; width: 540px; height: 340px; min-width: 540px; min-height: 340px; z-index: 52;"><script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3.exp&amp;sensor=false&amp;libraries=places"></script><script type="text/javascript">
	function initialize() {
	if (window.google) {
	var div = document.getElementById("wb_element_instance53");
	var ll = new google.maps.LatLng(53.61939864458814,55.945300769805954);
	var map = new google.maps.Map(div, {
	zoom: 16,
	center: ll,
	mapTypeId: "roadmap"
	});
	var marker = new google.maps.Marker({
	position: ll,
	clickable: false,
	map: map
	});
	}
	}
	google.maps.event.addDomListener(window, "load", initialize);
	</script></div><div id="wb_element_instance54" class="wb_element" style="left: 33px; top: 44px; width: 128px; height: 24px; min-width: 128px; min-height: 24px; z-index: 50; line-height: normal;"><h1 class="wb-stl-heading1">Contact Us</h1></div><div id="wb_element_instance55" class="wb_element" style="left: 30px; top: 110px; width: 250px; height: 274px; min-width: 250px; min-height: 274px; z-index: 51; line-height: normal;"><h2 class="wb-stl-heading2"><strong>Мы находимся по адресу:</strong></h2>
	<h2 class="wb-stl-heading2"> </h2>
	<h2 class="wb-stl-heading2"><strong>Шафиева 19.(Набережная)</strong></h2>
	<h2 class="wb-stl-heading2"> </h2>
	<h2 class="wb-stl-heading2"><strong>Время работы:</strong></h2>
	<h2 class="wb-stl-heading2"> </h2>
	<h2 class="wb-stl-heading2"><strong>ПН-ЧТ-ВС: с 12:00 од 00:00<br>
	ПТ-СБ: с 12:00 до 02:00</strong></h2>
	<p class="wb-stl-normal"> </p>
	<h2 class="wb-stl-heading2"><strong>Тел.:25-11-25</strong></h2>
	<h2 class="wb-stl-heading2"><strong>8-987-620-08-03</strong><br>
	</h2>
	<p class="wb-stl-normal"> </p>
	<p class="wb-stl-normal"> </p>
	</div><div id="wb_element_instance56" class="wb_element" style="left: 313px; top: 44px; width: 580px; height: 380px; min-width: 580px; min-height: 380px; z-index: 48;"><div style="background: transparent; border: 1px solid #d8ccbf; opacity: 0.95; border-radius: 0px 0px 0px 0px; -moz-border-radius: 0px 0px 0px 0px; -webkit-border-radius: 0px 0px 0px 0px; width: 578px; height: 378px;"></div></div><div id="wb_element_instance57" class="wb_element" style="left: 314px; top: 450px; width: 580px; height: 200px; min-width: 580px; min-height: 200px; z-index: 53;"><form class="wb_form" method="post"><input type="hidden" name="wb_form_id" value="d2414036"><textarea name="message" rows="3" cols="20" class="hpc"></textarea><table><tr><th>Название&nbsp;&nbsp;</th><td><input type="hidden" name="wb_input_0" value="Название"><input type="text" value="" style="width: 406px;" name="wb_input_0"></td></tr><tr><th>Эл. почта&nbsp;&nbsp;</th><td><input type="hidden" name="wb_input_1" value="Эл. почта"><input type="text" value="" style="width: 406px;" name="wb_input_1"></td></tr><tr><th style="height: 1%;">Сообщение&nbsp;&nbsp;</th><td style="height: 1%;"><input type="hidden" name="wb_input_2" value="Сообщение"><textarea rows="3" cols="20" style="width: 406px; height: 62px;" name="wb_input_2"></textarea></td></tr><tr><td colspan="2" style="height: 20px;"><button type="submit" class="btn">Отправить</button></td></tr></table></form><script type="text/javascript">
	var formValues = [];
	var formErrors = null;
	wb_form_validateForm("d2414036", formValues, formErrors);
	</script></div><div id="wb_element_instance58" class="wb_element" style="left: 0px; top: 670px; min-width: 0px; min-height: 0px; z-index: 9000; width: 100%;">
	<script type="text/javascript">
	$(function() {
	$("#wb_element_instance58").hide();
	});
	</script>
	</div></div>
	<div class="vbox wb_container" id="wb_footer" style="height: 80px; background: transparent none repeat scroll left top;">
	</div><div class="wb_sbg" style="min-height: 1116px;"></div></div></body>
	</html>



Заключение

В данной курсовой работы были рассмотрены вопросы по разработке и создания сайта кальцинированной соды ОАО «БСК»

Была проанализирована литература по разработке сайта производственной соды ОАО «БСК».

Были рассмотрены теоретические основы по созданию сайта производства кальцинированной соды ОАО «БСК».

Было изучено программное обеспечение конструктор Zyro на котором разрабатывался сайт кальцинированной соды ОАО «БСК».

В результате проведенной работы был разработан сайт производства кальцинированной соды ОАО «БСК».



Список использованных источников

1.Для чего компании необходим сайт [электронный ресурс] - http://brokenbrake.biz/2011/10/19/dlya-chego-kompanii-neobkhodim-sait

2.Студопедия, тема 7 проектирование web сайта предприятия [электронный ресурс] - http://studopedia.net/10_50432_opredelenie-tseley-i-zadach-WEB--sayta.html

3.В.А.Попов, В.Г. Проценко в ногу со временем очерк истории ОАО «Сода» - издательство «скиф», 2005 - 159 с.

4.General CMS, типы и виды сайтов [электронный ресурс] - http://www.cms-soft.ru/katalog/10/index.php

5.Work-navigator что такое модульная сетка [электронный ресурс] - http://www.work-navigator.ru/html-coder/chto-takoe-modulnaya-setka

6. Студопедия инструментальные средства web страниц [электронный ресурс] - http://studopedia.net/5_1806_instrumentalnie-sredstva-Web-dizayna.html

7.Википедия joomla [электронный ресурс] - https://ru.wikipedia.org/wiki/Joomla!

8.sitescopy конструктор сайтов [электронный ресурс] - http://sitescopy.ru/website-builder.html

Размещено на Allbest.ru