95119

Создание презентационного сайта предприятия «Дрим парк»

Дипломная

Информатика, кибернетика и программирование

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

Русский

2015-09-20

5.04 MB

5 чел.

Содержание

Введение…………………………………………………………………………...3

1.Теоритическая часть

1. Характеристика предприятия……………………….………………................4

2.Анализ необходимости в разработке, внедрения, адаптации, сопровождения программного обеспечения и информационных ресурсов. наладка и обслуживание оборудования отраслевой направленности………….......……...6

2.1. Создание интернет-магазина………………………………………...………6

2.2. Наполнение базы данных интернет-магазина…………….…………..……8

2.3. Публикация сайта в сети интернет…………………………………..………9

2.4. SEO-оптимизация сайта.……………………………………………..………9

3.ИНДИВИДУАЛЬНОЕ ЗАДАНИЕ……………………………………………11

Заключение……………………………………………………………………….18

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

Введение у

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

  •  расширения бизнеса;
  •  увеличения продаж имеющихся товаров и услуг;
  •  поднятие рейтинга фирмы и её товаров;
  •  рекламы;
  •  поиска новых клиентов и партнёров.

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

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

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

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

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

  •  собрать, проанализировать и систематизировать информацию по данной предметной области;
  •  рассмотреть основные понятия web-технологий;
  •  создать дизайн сайта;
  •  провести анализ программных средств для разработки web-сайтов;
  •  создать шаблон сайта с помощью html и CSS;
  •  изучить 1C-битрикс;
  •  создать динамический сайт;
  •  разместить сайт на хостинг.


1. Теоретические аспекты создания сайта


1.1 Характеристика предприятия

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

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

Место нахождения ООО  «Парк Диванов»: Российская    Федерация,   123456, Московская область, село беседы Д.8. ИНН: «5003067620», КПП: «500301001».

Место нахождения ООО  «Парк Диванов» является основным местом деятельности общества.

По месту нахождения ООО  «Парк Диванов» находится исполнительный   орган Общества (генеральный директор).

Основной целью деятельности ООО  «Парк Диванов» является получение прибыли путем осуществления хозяйственной деятельности.

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

В начале деятельности компания располагала всего 200 кв. метрами производственных площадей. Сейчас ООО  «Парк Диванов»  ведет свою деятельность на 3 500 тысячах квадратных метров, оборудованных под полный цикл мебельного производства, в который специалисты фирмы вкладывают всю душу.  

Сегодня ООО  «Парк Диванов»  готова предложить своим клиентам более 50 респектабельных моделей мебели, отличающихся отличным качеством и неповторимым дизайном.

Компания стремится в будущее, именно поэтому ООО  «Парк Диванов»  находится в постоянном развитии и занимается выпуском и разработкой новых моделей мебели, а также наполнителей и механизмов, которые не применяются в других производствах. Мебель от ООО  «Парк Диванов»  – эта эталон вкуса и показатель роскоши.

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


1.2 Сайт для предприятия и выбор нужной типовой модели

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

Основной задачей сайта является организация информации. Тем самым на сайтах она подаётся в виде организационных потоков для привлечения новых посетителей.

Сайт нужен для решения следующих задач:

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

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

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

1.2 Выбор инструментальных средств для разработки сайта 

При выборе инструмента для создания сайта необходимо изначально определиться с масштабностью проекта и его целями. Так как необходимо создать промо-сайт, то нет смысла покупать программное обеспечение для разработки в связи с тем, что на рынке ПО представлено большое количество программ: WordPress, 1с-битрикс, Drupal, 1c-Битрикс.

Необходимо рассмотреть преимущества данной системы 1с-Битрикс:

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

1с Битрикс-система управления содержимым, написанная на языках PHP и JavaScript, использующая в качестве хранилища базы данных СУБД MySQL для выбор данном CMS необходимо было рассмотреть преимущества данной системы:

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

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

HTML — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML).

Любой документ на языке HTML представляет собой набор элементов, причём начало и конец каждого элемента обозначается специальными пометками — тегами. Элементы могут быть пустыми, то есть не содержащими никакого текста и других данных (например, тег перевода строки <br>). В этом случае обычно не указывается закрывающий тег. Кроме того, элементы могут иметь атрибуты, определяющие какие-либо их свойства (например, размер шрифта для элемента font).”

CSS— Язык для описания внешнего вида, html документа. Преимущественно используется как средство описания, оформления внешнего вида веб-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML-документам, например, к SVG или XUL.

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

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

Разработку сайта можно разделить на несколько отдельных шагов:

  •  определить идею, модель и внешний вид;
  •  создать дизайн;
  •  вёрстка страниц;
  •  наполнение контентом;
  •  выкладывание на хостинг;
  •  продвижение.

Для всех этих шагов нужно иметь инструмент, который поможет всё это реализовать. Размышляя над дизайном, всегда следует посмотреть другие похожие сайты, оценить их лучшие и негативные стороны. Для этого был произведён мониторинг следующих сайтов: (Рисунок 1), (Рисунок 2), (Рисунок 3), (Рисунок 4).

Рисунок 1- Вид сайта http://www.mebel-art.net/

Рисунок 2- Вид сайта http://www.obrazstroy.ru/portfolio/mebel/147/1/

Рисунок 3- Вид сайта http://www.bravomebel.ru/catalog/69.html

Рисунок 4- Вид сайта http://mm-32.ru/catalog/myagkaja_mebely/


2. Практическая часть

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

 2.1 Разработка презентационного сайта для фабрики мягкой мебели “Дрим парк”

Основным назначением программного продукта является:

Представление информации о продукции фирмы “Дрим парк”

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

  •  доступность информации;
  •  лёгкость в обращении;
  •  уникальный дизайн; 
  •  обеспечить удобный пользовательский интерфейс;
  •  интерактивность с пользователем.

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

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

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

Презентационный сайт.

Требования к надёжности

  •  предусмотреть работу с различными браузерами;
  •  предусмотреть работу с различными разрешениями монитора.

2.2 Создание дизайна, локальная вёрстка сайта, теги и свойства

Дизайн сайта – это фактически одежда для сайта, которая обязана как минимум не отпугнуть посетителя, и как максимум – завлечь пользователя и заставить его остаться на данном Интернет-ресурсе. Создание дизайна для сайта проходило в программе photoshop cs5, после анализа других проектов было решено создать дизайн ненавязчивого сайта с получением полной информации для пользователя. Перед началом работы был создан лист размером 1920 X 1566 пикселей, в последствии были выставлены направляющие с учётом последующей вёрстки дизайна. Перед началом создания дизайна блоков сайта, нужно было определиться с фоном, что бы в последствие было легче ориентироваться на общий фон, ввиду большой конкуренции среди других интернет ресурсов, было принято оригинальное решение, сделать фон белым:

Рисунок 5- Фон для сайта


Далее выполнились работы, по определению основного внешнего вида сайта и расположению на нём компонентов. В результате работы создан прототип сайта представленный на рисунке (Рисунок 6).

Рисунок 6 –Вид дизайна сайта.

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


Рисунок 7 –переработанный дизайн для сайта

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

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

Для внедрения рисунка (Рисунок 8) использовались:

  •  создание листа 200х300 px;
  •  коррекция цветового тона;
  •  трансформация;
  •  вставка.

Рисунок 8 – Изображение девушки, для будущей рекламы.

Картинка редактировалась и подгонялась под нужные размеры в графическом редакторе. Готовое изображение размещалось и помещалось на странице с выравниванием текста (Рисунок 9)

Рисунок 9- Создание банера.

Все слайды для оформления страниц создавались с помощью редактора Photoshop. Слайды создавались из нескольких картинок. Основным являлось изображение представленное на рисунке (Рисунок 10).

Рисунок 10- Картинка с пустым видом

. 

Рисунок 11- Доработанное изображение


Далее использовался photoshop был вырезан и вставлен диван, с дороботкой тени, цветовым тоном и корекцие тени. (Рисунок 11).

Так в результате работы с графическим редактором были созданы все слайды для web-страниц. Пример работы можно увидеть нп рисунке ( Рисунок 12).

Рисунок 12-Изображение дивана в тёплых тонах

Были и другие работы, где важным было соблюсти цветовой контраст на изображение, что бы у пользователя не было ощущения обмана (Рисунок 13)

Рисунок 13- Пример создания изображения с правильным подбором цветового тона.

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

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

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

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

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

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

После создания шаблона для сайта необходимо было приступить к установке его на 1с-битрикс. Для этого необходимо использовать локальный сервер на Денвер.

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

Непосредственно при запущенном Денвере, в браузере Mozilla Firefox уже продолжилась дальнейшая работа, по созданию контента для сайта.

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

  •  Apache 2.4, SSI, SSL, mod rewrite, mod_php.
  •  PHP 5.6
  •  MySQL 5.2.3.
  •  phpMyAdmin 3.6.5.
  •  Ядро Perl без стандартных библиотек
  •  Эмулятор sendmail

Для доступа к административной панели управления 1с-битрикс необходимо запустить Денвер и использовать адрес разрабатываемого сайта. Страница авторизации представлена на рисунке (Рисунок 17)

Рисунок 17- Вход в админ панель

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

Рисунок 18 – Панель управления

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

Создание разделов сайта

Раздел - это главный (верхний) объект в иерархии структуры содержимого.

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

Для того, чтобы создать новый раздел, следует нажать кнопку "Создать". Для изменения существующего раздел, нужно нажать на название раздела или отметьте нужный раздел и нажать кнопку "Изменить". Для удаления существующего раздела необходимо отметить нужный раздел и нажать кнопку "Удалить". Копируется существующий раздел также как и операция у удалением. Отмечается нужный раздел и нажимается кнопка "Копировать".

Создание категорий сайта

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

Для работы с категориями необходимо перейти на страницу «Менеджер категорий».

При открытии страницы «Менеджер категорий» опция фильтрации будет "жестко" привязана к выбранному разделу. (Рисунок 19)

Рисунок 19-менеджер категорий: Материал

Для начала работы было необходимо создать категории товаров (Рисунок 22), что бы впоследствии присвоить их к самим товарам, при работе с данным модулем были созданы следующие категории:

  •  диваны;
  •  угловые диваны;
  •  детские диван;
  •  комплекты мебели;
  •  кресла;
  •  аксессуары.

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

Рисунок 22 -категории товаров

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

  •  загрузка изображения;
  •  указание цены;
  •  указание категории;
  •  артикула товара (для создания номера-ключа при продаже);
  •  создание описания товара.

В итоге после создания товаров, их нужно было публиковать и после всего товары стали отображаться на страницах сайта (Рисунок 23)

Рисунок 23-Опубликованные товары

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

2.3. Размещение сайта в интернет. Описание сайта и его элементов

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

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

Для размещения хостинга на сервер следовало обратиться к фирме. Хостинг - это услуга по предоставлению дискового пространства на каком-либо сервере, а также предоставление доменного имени

Проведя анализ над выбором хостинга, решение пало на http://www.timeweb.ru/ , привлёк он своими услугами, тарифами и отзывами других пользователи. Для развивающихся проектов, у организации различные варианты услуг.

Внимание привлёк тарифный план “Century”

  •  6400 MB Места На Диске
  •  Безлимитный Трафик
  •  Базы Данных MySQL неограничено
  •  10 Почтовых Аккаунта
  •  Конструктор Сайтов
  •  Авто-Установщик Скриптов.

Дальше было необходимо создать домен. В зависимости от типа хостинга этот домен может быть второго или третьего уровня. Платный хостинг включает в себя предоставление (на выбор) домена в зоне .ru, .com или, по желанию, в другой зоне (.fr .uk .ge .ed).название складывалось из названия фирмы и услуг, которые сайт предоставляет.

www.dreamparkmebel.ru

Размер предоставляемого пространства варьируется в среднем между 30 и 6400 мегабайтами в зависимости от типа хостинга. Если клиенту будет нужно больше этого лимита, то за отдельную, небольшую плату, администрация хостинга с удовольствием предоставит ему это пространство, причем. За неограниченное пространство, возможность использовать на своем сайте директивы SSI, CGI и PHP скрипты, базы данных MySQL придется платить рекламой. На выбранном хостинге, такой проблемы нет, чем он и привлёк внимание.

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

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

Описание сайта: (Рисунок 24)

Рисунок 24 –вид сайта.

Рабочие модули на сайте:

Меню (Рисунок 25)

Рисунок 25 –главное меню.

Меню – наиболее распространенная навигационная система, она похожа на оглавление к книге. Меню состоит из коротких текстовых активных ссылок на определенные страницы сайта. При наведение, на которые становятся активными и графически меняют цвет. Меню видно с любой страницы ресурса и потому пользователь сможет воспользоваться им в любой момент. Составление полное меню, благодаря которому осуществляется быстрый переход на искомые страницы. В цветовом восприятии меню ссылки не сливаются с общим фоном, а само меню гармонирует с общим фоном. Ссылки по которым пользователь уже перешёл меняются в другой цвет. Меню размещено в позиции “user 3” по средствам тега <ul> блоке <div class="art-nav-outer">

<ul class="art-hmenu">

<li class="item-117 current active">

<li class="item-103">

</ul>

каждый класс имеет свой стиль в .css файле

Регистрация (Рисунок 26)

Рисунок 26 –регистрация.

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

Регистрация не может существовать без авторизации. Таким образом, регистрация — способ получения возможности входа на сайт. В блоке регистрация есть место для ввода логина и пароля. Форма регистрации размещена в позиции “right” в блоке <div class="art-box-body art-blockcontent-body"> по средствам тега <form>

<form id="login-form" method="post" action="/index.php">

<fieldset class="userdata">

<ul>

</form>

Однако, прежде чем ввести логин и пароль, сперва существует необходимость регистрации, для этого нужно пройти ссылке регистрация (Рисунок 27)

Рисунок 27-регистрация пользователя

Далее необходимо указать данные в поля со звёздочкой, в последствии нажать на кнопку регистрация, впоследствии на почту придёт письмо с указаниями для активации аккаунта. После прохождения всех процедур указанных в письме, пользователь сможет авторизоваться на сайте и получить полный доступ к возможному функционалу на сайте. Регистрация является динамической страницей размещается в блоке <div class="registration">

по средствам тега <form>

<form id="member-registration" class="form-validate" method="post" action="/index.php/component/users/?task=registration.register">

<fieldset>

<div>

</form>

</div>

В случае если пользователь забыл пароль или логин от данного сайта он всегда сможет создать новый, для этого нужно перейти на ссылку забыли логин/пароль. И перейти на страницу восстановления логина/пароля (Рисунок 28)

Рисунок 28 –Восстановление пароля/логина

Фильтрация товаров (Рисунок 29)

 

Рисунок 29 –область фильтра товаров по категориям.

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

Рисунок 30 –фильтр товаров по цене.

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

На сайте размещается в позиции “right” в блоке

Категории (Рисунок 31) (Рисунок 32)

Рисунок 31 –категории товаров.

Рисунок 32 –область фильтра товаров по категориям.

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

Перебор страниц. Удобная система навигации позволяет пользователю свободно перемещаться между страницами.

Слайд шоу товаров (Рисунок 33)

 

Рисунок 33 –Область для вывода слайд шоу товаров

Слайд шоу для товаров привлекательный модуль, который выводит выбранные администратором сайта изображения и меняет их в течение определённого промежутка времени. На сайте размещён в позиции “top 3” в блоке <div id="slider-container98" class="slider-container">

<ul id="slider98" style="position: relative; left: -570px; width: 2592px;">

<li style="width: 359px; height: 226px;">

<img alt="5.jpg" src="/images/shapka/5.jpg">

</li>

<li style="width: 359px; height: 226px;">

</ul>

</div>

При смене изображений меняются и данные о позиции

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

Рисунок 34- Область для случайных рекомендованных товаров, услуг.

Модуль, относящийся к проекту virtuemart, выводит товары, помеченные как “Рекомендованные.” Причём если их много, а настройки выставлены так, что показывает ограниченное количество, то с каждым переходом или обновлением страницы товары будут меняться. Удобный функционал, пользователь сайта всегда в курсе новых товаров от производителя.

Рисунок 35 –форма поиска.

Поиск по сайту, поисковая форма – сейчас, практически на любом сайте можете видеть присутствие поисковой формы, её предназначение - помочь посетителю сайта найти ту информацию, которая ему интересна. Размещён в позиции “right” в блоке <div class="search">

<label for="mod-search-searchword">Искать...</label>

<input id="mod-search-searchword" class="inputbox" type="text" onfocus="if (this.value=='Поиск...') this.value='';" onblur="if (this.value=='') this.value='Поиск...';" value="Поиск..." size="20" maxlength="20" name="searchword">

<input type="hidden" value="search" name="task">

<input type="hidden" value="com_search" name="option">

<input type="hidden" value="117" name="Itemid">

</div>

Как и большинство модулей работает только на сервере, так как использует код php

Рисунок 36-Новости

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

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

Раздел О нас (Рисунок 37)

Рисунок 37- О нас

         Заключение

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

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

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

В данной дипломной работе были рассмотрены следующие вопросы:

  •  создание дизайна сайта в приятном цветовом исполнение;
  •  разработка презентационного сайта с использованием языка гипертекстовой разметки HTML;
  •  внедрение css свойств для более удобного восприятия кода и красивого отображения страниц в браузере;
  •  создание графических элементов сайта;
  •  вёрстка дизайна сайта на шаблон;
  •  создание динамических веб страниц с помощью CMS 1с-битрикс.

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

Цель, поставленная на первом этапе написания дипломной работы, достигнута. Разработан сайт с использованием языка гипертекстовой разметки HTML, CSS и CMS 1с-битрикс. Сайт доступен для всех, информация разделена и представлена ёмко и понятно. Ресурс полностью даёт представление пользователю о Интернет- магазине.

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

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

  1.  Государственный образовательный стандарт СПО. Издательский отдел ИПР СПО, 2002, 34 с.
  2.  ГОСТ 7.32-91
  3.  Билл Скотт, Тереза Нейл «Проектирование веб-интерфейсов» 2010 - 244 с.
  4.  Бурсов М.В., Домненко В.М., Д.А. Гаврилин Основы работы с HTML-редактором Dreamweaver Год: 2002 - 150 с.
  5.  Гончаров А.Н. Самоучитель HTML / А.Н. Гончаров.- СПб.: Питер, 2002. - 455 с.
  6.  Горнаков С.Г. Осваиваем популярные системы управления сайтом / С.Г. Горнаков.- М.: Наука, 2009. – 310 с.
  7.  CMS 1c-битрикс (+ CD-ROM) БХВ-Петербург, 2010 г.- 288 с.
  8.  Джон Дакетт «Основы веб-программирования с использованием HTML, XHTML и CSS» 2010 год. - 240 с.
  9.  Ежевский Д.О. О критериях создания электронных учебных пособий / Д.О. Ежевский.- М.: Эксмо, 2004. - 173 с.
  10.  Колисниченко Д.Н. 1с-битрикс: Руководство пользователя / Д.Н. Колисниченко.- М.: Диалектика, 2009. – 178 с.
  11.  Колисниченко Д.Н. Движок для вашего сайта. CMS 1с-битрикс!, Slaed, PHP-Nuke / Д.Н. Колесниченко.- М.: НТ Пресс, 2008. – 220 с.
  12.  Кристиан Дари, Эмилиан Баланеску «PHP и MySQL. Создание интернет-магазина» 2010 год - 350 с.
  13.  Лайза Сабин-Вильсон «WordPress для чайников» 2010 год - 450 с.
  14.  Ланский А.С. Язык HTML. – М.: ООО «Бином-Пресс», 2003. – 456 с.: ил. - 489 с.
  15.  Лебедев, В.А. Типографика учебников / В.А. Лебедев // Книжное дело. – 2002. – № 3 (47). - 254 с.
  16.  Матросов А. HTML 4.0. М.: Дело, 2005. – 342 с.
  17.  Михарский В.В. Разработка сайтов. Язык HTML – М.: ООО «Бином-Пресс», 2003. – 610 с.: ил. - 170 с.
  18.  Мэтью МакДональд «Создание Web-сайтов. Основное руководство» 2010 - 288 с.
  19.  Норт Б. 1с-битрикс! Практическое руководство / Б. Норт.- М.: Символ-плюс, 2008. - 306 с.
  20.  Петр Ташков, Веб-мастеринг на 100%. HTML, CSS, JavaScript, PHP, CMS, AJAX, раскрутка Питер, 2010 г.- 512 с.
  21.  Петюшкин А.В. Книги по HTML Год: 2003 Издательство: БХВ-Петербург - 360 с.
  22.  Рамел Д. Самоучитель 1с-битрикс! / Д. Рамел.- СПб.: Питер, 2008. - 155 с.
  23.  Селевко Г.К. Современные образовательные технологии: Учебное пособие. – М.: Народное образование, 1998. - 356 с.
  24.  Смирнов И.С и др. Технологии создания программ.- М.: МГИУ,2003. – 238 с.
  25.  Стауфер Т. Создание веб-страниц. Самоучитель Издательство: Питер 2003 - 164 с.
  26.  Уваров А.Ю. Электронный учебник: теория и практика.- М.: Изд-во УРАО, 1999. - 251 с.
  27.  Хаген Г. Создание веб-сайтов с помощью 1с-битрикс! 2.5 / Г. Хаген.- М.: Вильямс, 2008. - 272 с.
  28.  Хеслоп П. HTML самого начала. С.-Пб: Санкт-Петербург, 2005. - 370 с.
  29.  Хольцшлаг, Молли, Э Использование HTML и XHTML Год: 2003 Издательство: Вильямc - 460 с.
  30.  Чиртик А.В. Популярный самоучитель HTML / А.В. Чиртик.- СПб.: Питер, 2006 - 219 с.
  31.  Чурбанова О.В., Ширшов Е.В. Анализ психолого-педагогических основ разработки сетевых обучающих// Материалы конференции «Электронные учебники», МЭСИ, 2001 г. - 129 с.

PAGE   \* MERGEFORMAT2


 

А также другие работы, которые могут Вас заинтересовать

58956. Пристрої введення та виведення інформації 178.71 KB
  Що таке інформація За допомогою чого передають інформацію Види інформації Як називають повідомлення яке не несе корисної інформації Що називають елементною базою компютера Що таке швидкодія Що розуміють під терміном апаратне забезпечення...
58957. Виховний захід: «Прощавай, початкова школо!» 87.5 KB
  Всі вони народилися в одному селі ходили до однієї незвичайної школи і навіть вчилися в одному класі. Вперше чую Важко уявити Це мабуть був клас одних вундеркіндів Їх що збирали в клас з усього селища Ведуча. Починаємо пряму трансляцію із загальноосвітньої школи...
58958. Вплив антропогенних факторів на репродуктивну функцію людини 162 KB
  І кожен з вас мріятиме щоб його дитина була гарною розумною а головне здоровою. Коли маля росте здоровим розвивається фізично і розумово то батьки безмежно щасливі. Щоб вона стала здоровою батьки йдуть на все.
58959. Урок. Пори року 348 KB
  Мета: розвивати початкові навички використання елементів взаємодії з комп’ютером – списків та закладок у діалогових вікнах; ознайомити учнів з особливостями погоди в різні пори року; розвивати елементи логічного мислення, пам’ять, увагу, кмітливість...
58960. Аналіз поеми М. Гоголя «Мертві душі». Чичиков герой нашого часу? 57 KB
  Мета: проаналізувати образ Чичикова; вдосконалювати вміння висловлювати та доводити свої думки аргументувати свої вислови узагальнювати; розкривати творчі здібності учнів; прищеплювати звичку з повагою ставитися до думок інших людей...
58961. «Я є рушниця, радістю набита, якою вистрілю на честь життя» (до 100-річчя з дня народження Богдана-Ігоря Антонича) 151.5 KB
  Моя країно верховинна ні не забуть твоїх черемх коли над ними місяць лине вівсяним калачем 3 учень: Так це БогданІгор Антонич який в горах де ближче сонця перший раз приглянувся небу дописує черговий вірш до збірки Книга Лева.
58962. Особові займенники 371 KB
  Мета: Вчити розпізнавати особові займенники; визначати особу число відмінок займенників; формувати вміння користуватись відмінковими формами займенників в усному й писемному мовленні та влучно використовувати особові займенники; розвивати увагу мислення...
58963. Інтерактивний розвиток фантазії учнів 60 KB
  Освітні - спрямовані на активацію уяви та фантазії. Передбачають формування практичної діяльності, уміння аналізувати та інтерпретувати мистецькі твори та дитячі малюнки, навчатися споглядати їх різними способами: статичний - сприймати їх через внутрішній світ...
58964. Їде панна осінь на золотому коні 42 KB
  Організація класу до уроку Гайда діти у садок Любо там та мило Подивіться все навколо Осінь як змінила. Осінь. Осінь завітала до нас у гості.