95719

Разработка интернет-магазина на CMS Joomla

Дипломная

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

На протяжении многих лет, люди продавали, покупали или обменивали товар. Например, племя Майя сформированное в 2000 год до н. э. в качестве «товарных денег» использовало какао-бобы, а колонисты в Америке табачные листья. Время идет, и прогресс не стоит на месте, на дворе 21-ый век, технологии развиваются, помимо того что люди научилось...

Русский

2015-09-29

6.6 MB

20 чел.

кФилиал государственного бюджетного образовательного учреждения высшего профессионального образования  Московской области

«Международный  университет  природы,  общества и  человека  «Дубна»

Дмитровский институт непрерывного образования

ДИПЛОМНЫЙ ПРОЕКТ

Тема Разработка интернет-магазина на CMS Joomla                 

Студент    Ильин Андрей Анатольевич     

Группа  911  Курс 4   Отделение  СПО    

Специальность  080802 “Прикладная информатика (по отраслям)”  

Выпускающая ПЦК  «Информатики и технических дисциплин»  

Руководитель проекта     / В.А.Южаков /

     подпись    имя отчество фамилия

Консультант       / /

по экономическому разделу  подпись    имя отчество фамилия

Рецензент       /    /

     подпись    имя отчество фамилия

Дипломный проект допущен к защите  “____”                              2014 г.

Председатель ПЦК  _________________ / В.А. Южаков, к.т.н.  /

     подпись    имя отчество фамилия

Оглавление

Введение 4

Поставка задачи 9

1 Анализ предметной области 10

1.1 Анализ существующих сайтов данной сферы деятельности 10

1.2 Сравнительный анализ существующих технологий создания сайта 11

1.2.1 Бесплатная система управлением сайта uCoz 11

2 Основные проектные решения 16

2.2 Инструментарий для разработки сайта-визитки кафе «Family» 18

2.4 Работа сайта 37

Приложение 2. Проверка текста на плагиат 45

Дмитров, 2015 г.


Введение

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

Веб-сайт (англ. Website, от web - паутина и site - «место») - в компьютерной сети объединённая под одним адресом (Доменным именем или IP-адресом) совокупность документов частного лица или организации. По умолчанию подразумевается, что сайт располагается в сети Интернет. Все веб-сайты Интернета в совокупности составляют Всемирную паутину. Для прямого доступа клиентов к веб-сайтам на серверах был специально разработан протокол HTTP (HyperText Transfer Protocol). Веб-сайты иначе называют Интернет представительством человека или организации. Когда говорят «своя страничка в Интернет», то подразумевается целый веб-сайт или личная страница в составе чужого сайта. Кроме веб-сайтов в сети Интернет так же доступны WAP-сайты для мобильных телефонов.

Объектом исследования дипломного проектирования является: разработка и размещение сайта в сети, Интернет-магазина на CMS Joomla.

На протяжении многих лет, люди продавали, покупали или обменивали товар. Например, племя Майя сформированное в 2000 год до н. э. в качестве «товарных денег» использовало какао-бобы, а колонисты в Америке табачные листья. Время идет, и прогресс не стоит на месте, на дворе 21-ый век, технологии развиваются, помимо того что люди научилось печатать деньги, так же нашли способ внедрить их во всемирную паутину Интернет. И именно по этому, создание интернет-магазина, на данный момент является актуальной темой для разработки. Но не стабильное экономическое положение нашей страны, заставило изменить планы организации, в которой я прибывал в роли практиканта. Соответственно это отразилось на тематики моего диплома и теперь объектом исследования дипломного проектирования является: разработка сайта-визитки кафе «Family»

Виды сайтов

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

По своему информационному содержанию сайты можно разделить на:

  1.  Сайт-визитка это небольшой сайт, как правило, состоящий из одной (или нескольких) веб-страницы, и содержащий основную информацию об организации, частном лице, компании, товарах или услугах, прайс-листы, контактные данные. Часто сайт-визитку используют компании, которые не хотят нести большие затраты на создание отдельного сайта. Очень часто при покупке доменного имени для почты устанавливается сайт-заглушка или сайт-визитка;
  2.  Корпоративный сайт это расширенная информация о компании ее контакты, новости, перечень услуг, сотрудники, и т.д. Часто такие сайты создаются в рекламных целях, рекламируют товары и услуги компаний;
  3.  Личный сайт это сайт об одном человеке, его увлечениях, его личные данные;
  4.  Интернет-магазин это особый вид сайтов, через которые можно покупать или продавать товары on-line, т.е. не отходя от компьютера;

Широко распространены сайты другого назначения – веб-ресурсы. Сюда можно отнести:

  1. поисковые системы;
  2. почтовые ресурсы;
  3. доски объявлений;
  4. форумы;
  5. файлообменники;
  6. хранилища видео или фото;

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

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

По доступности сайты бывают:

  1.  Открытые – социальная сеть, открытая для всех посетителей;
  2.  Полуоткрытые – часть информации открыта для всех, а часть скрыта. Чтобы просмотреть информацию на сайте необходимо зарегистрироваться. Регистрация может быть как бесплатной, так и платной;
  3.  Закрытые – информацию на сайте могут посмотреть только зарегистрированные пользователи или пользователи, попавшие на сайта через «ссылку-приглашение»;

Зачем нужен сайт и его преимущества

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


 Поставка задачи

Цель: разработка сайта-визитки кафе «Family»

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

среда разработки CMS Wix;

перечень услуг оказываемых клиентам кафе «Family»

перечень оказания услуг:

1. Услуга питания.

2. Услуга по организации потребления и обслуживания.

3. Информационно - консультативные услуги.

Ожидаемый результат

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

Критерии оценки результата:

Увеличение продаж блюд.

Увеличение посещаемости кафе.


1 Анализ предметной области

1.1 Анализ существующих сайтов данной сферы деятельности 

Для сравнения я взял два сайта dmitrov21vek.ru и retro-avenue.ru. После чего решил проанализировать каждый из сайтов и выявить их достоинства и недостатки.

Анализ сайта dmitrov21vek.ru:

Решаемые задачи:

- привлечение клиентов

- организация банкетов

- предоставление информации о кафе

- перечень услуг кафе

Достоинства:

- азнообразное меню, с большим выбором блюд

- вся информация сайта доступна и понятна любому пользователю

Недостатки:

- однотонная цветовая палитра

- малопривлекательное оформление сайта

Анализ сайта retro-avenue.ru:

Решаемые задачи:

- привлечение клиентов

- бронирование столов

- 3d тур по кафе

- доступ к отзывам прямо на сайте

Достоинства:

- прекрасно оформленный дизайн

- удобная регистрация

- онлайн бронирование столиков

-красиво сделанный 3d тур по кафе

Недостатки: Не обнаружены.

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

Существует большое количество технологий создания сайтов. Таковыми являются:

  1.  Бесплатные системы управления сайтами (uCoz, WIX, Joomla )
  2.  Платные системы управления сайтами (Umi.Cms, 1C-Битрикс)
  3.  С помощью языков программирования (HTML, CSS)

В данном разделе анализа присутствуют следующие бесплатные системы управления сайтами (uCoz, 1C-Биртикс, Joomla)

1.2.1 Бесплатная система управлением сайта uCoz

uCoz

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

Основные преимущества uCoz платформы

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

  1.   Вам предоставляется бесплатный домен третьего уровня с неограниченным дисковым пространством. Это еще один плюс системы.

  1.   Множество модулей для сайта.

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

Основные недоставки uCoz платформы

  1.   uCoz - формально бесплатный сервис, но чтобы построить мало-мальски качественный сайт придется платить и не мало. Это мнение реального владельца сайта. Придется платить за ликвидацию навязчивой рекламы uCoz'а, за ликвидацию копирайта, за дополнительное место на диске и т.д.

  1.    На вашем сайте помимо вашего желания будет крутится реклама uCoz'а, которой немало. Такова ваша плата за сервис.

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

  1.   Для раскрутки сайта в поисковиках необходима внутренняя оптимизация заголовков страниц (title, description, keywords). Сайты uCoz не имеют доступа к этим параметрам.

5. Нельзя переносить Базу Данных на другой сайт вне системы.

1.2.2 Бесплатная система управлением сайта Joomla

Joomla

Joomla- одна из наиболее мощных Систем Управления Содержимым с Открытым Кодом (Open Source CMS) на планете. Она используется по всему миру для всего, от простых сайтов до комплексных корпоративных приложений. Joomla легко устанавливается, проста в управлении, надёжна.

Joomla является бесплатным программным обеспечением, защищённым лицензией GPL.

Основные преимущества Joomla

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

  1.  Открытый код системы. При наличии определенных умений можно легко изменить сам движок.

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

  1.  Гибкость. Используя один и тот же шаблон можно легко поменять вид одного компонента или целого модуля без внесения исправлений в код самого движка, но для этого потребуются знания PHP, CSS и JS. При этом все внесенные изменения сохраняются в шаблоне.

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

Недостатки Joomla

  1.  Создание большого количества лишнего кода. Его необходимость далеко не всегда оправдана, а вот справится с ним для новичка не под силу.
  2.  Страницы сайта созданного на этой CMS долго грузятся. Обусловлена подобная медлительность именно наличием лишнего кода.

  1.  Запутанная административная панель. В связи с этим joomla сложна для новичков и если нет возможности проконсультироваться, то лучше всего начать с другой более простой системы управления.

1.2.3 Бесплатная система управлением сайта 1C-Биртикс

1C-Биртикс 

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

Особенности системы 1C-Битрикс

  1.  Многосайтовость.

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

  1.  Полноценный визуальный редактор.

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

  1.  Интеграция с программой 1C: Предприятие.

CMS 1С-Битрикс – это система, созданная в результате взаимодействия компаний Битрикс и 1С. Поэтому его пользователю обеспечена уверенная интеграция с продуктом 1C: Предприятие, что весьма удобно, допустим для фирм, которые занимаются реализацией различных товаров и услуг в Интернете.

  1.  Инструменты для разработки индивидуальных решений.

При условии соответствующих знаний платформа Frame Work позволяет внести значительные изменения в оболочке CMS 1С-Битрикс и в результате создать собственную систему управления веб-проектами.

  1.  Магазин MarketPlace

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

  1.  Обратная связь от разработчиков.

На сайте компании 1С-Битрикс действует раздел «Идей», где пользователи могут оставить предложения и пожелания по работе CMS, которые учитываются при разработке последующих обновлений продукта.

Недостатки системы 1С-Битрикс

  1.  Битрикс является весьма медленной и требовательной к ресурсам системой, особенно в сравнении с бесплатными CMS-аналогами (к примеру, Drupal или Joomla); 

  1.  Ряд пользователей отмечает, что система сложна и перегружена;
  2.  Битрикс позиционируется как система, которая не требует знания программирования – но грамотная доводка сайта без знания языков программирования почти невозможна. Некоторые пользователи отмечают, что API Битрикс является достаточно сложным для освоения; 

  1.  Зачастую простые операции перегружены кодом — это затрудняет работу сайта на «1С-Битрикс», а также усложняет редактирование кода.следующие

2 Основные проектные решения 

Для разработки сайта «Маникюр кафе» были выдвинуты следующие требования:

Реализовать следующие технологические требования:

  1.  корректное отображение популярными браузерами;
  2.  обязательная визуальная поддержка действий пользователя;

Структура контента сайта должна включать раздел общей тематики:

  1.  услуги;
  2.  контакты;
  3.  прейскурант;

2.1 Выбор технологии создания сайта

Создание сайта с помощью языков программирования

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

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

Использование визуальных редакторов (CMS и конструкторы сайтов)

В данном случае потребуются минимальные знания. Путем нехитрых действий, например, перетаскиванием блоков, настраивается внешний вид. Думать о внутреннем содержимом (исходном коде) не обязательно. Естественно, что данный метод создания сайта подходит лишь для новичков. Исходный код при использовании визуальных редакторов захламлен ненужными тегами и имеет очень много лишнего. Такими конструкторами является WordPress, Яндекс.Народ.

Заказать сайт под ключ

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

Вывод

На основе проведённого анализа, сравнения достоинств и недостатков и функциональных возможностей, а также по желанию генерального директора предприятия, была выбрана CMS Wix

2.2 Инструментарий для разработки сайта-визитки кафе «Family»

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

Основные особенности Wix:

  1.  Масса бесплатных функций
  2.  Удобный формат редактирования и публикации материала
  3.  Интуитивно понятный интерфейс
  4.  Пользователи могут с легкостью создать собственный полноценный интернет-магазин (eCommerce)
  5.  Предоставление бесплатного домена 3-го уровня (что такое домен)
  6.  Хорошие возможности для оптимизации сайта
  7.  Привлекательный внешний вид готовых сайтов
  8.  Масса готовых шаблонов в списке по рубрикатору, легко редактируемых и готовых к публикации
  9.  Все на русском языке
  10.  Наличие русскоязычного варианта сайта
  11.  Наличие обучающих материалов
  12.  Возможность создания собственного уникального шаблона
  13.  Допускается возможность создания сайта на flash и HTML5
  14.  Гибкость настроек
  15.  Присутствует функционал для реализации мобильной версии
  16.  Разработана рассылка Wix ShoutOut для красивого оповещения о событиях

Недостатки конструктора Wix

  1.  Достаточно много услуг все-таки платные
  2.  Нет возможности сделать back up сайта (резервную копию)
  3.  Присутствие рекламного баннера в бесплатной версии
  4.  Невозможность привязать собственный домен второго уровня

Вывод

В целом, конструктора Wix – полностью отвечает всем требованиям для создания сайта и вполне подойдет для реализации сайта-визитки.

2.3 Разработка сайта

2.3.1 Регистрация на сайте редактора Wix

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

Рисунок 2.3.1- официальная страница сайта Wix.

Далее требуется пройти процесс регистрации на сайте CMS Wix, выбрать доменное имя для будущего сайта. (Рисунок 2.3.2)

Рисунок 2.3.2- окно регистрации.

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

В качестве альтернативы можно использовать возможность войти при помощи учетной записи на одном из социальных сервисов Facebook или Google+. В этом случае просто нужно будет подтвердить разрешение на подключение к аккаунту.

После регистрации нас перенаправит на следующую страницу (Рисунок 2.3.3)

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

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

2.3.2 Редактор сайта

После выбора шаблона, нажатием кнопки редактор, мы непосредственно переходим к редактированию шаблона выбранной тематики. (Рисунок 2.3.2)

Рисунок 2.3.2- Главная страница редактора

При открытии шаблона, появляется окно с видео, которое кратко рассказывает и показывает возможности редактора.

(Видео- http://www.youtube.com/watch?v=SPGEI2BkoiU)

Как видим, все органы управления сосредоточены у нас на боковой (Рисунок 2.3.3) 

Рисунок 2.3.3- боковая панель.

и на верхней (Рисунок 2.3.4) панели инструментов.

Рисунок 2.3.4- верхняя панель

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

  1. переключить режим редактирования с десктопной на мобильную версию и наоборот;
  2. выбрать страницу сайта, которую необходимо редактировать;
  3. отменить/повторить последнее действие;
  4. скопировать/вставить выделенное в/из буфера обмена;
  5. активировать сетку направляющих, выравнивание элементов по сетке, а также линейки;
  6. включить предпросмотр сайта;
  7. сохранить сайт в черновиках или опубликовать его в Интернете;
  8. оплатить профессиональный аккаунт;
  9. вызвать справку.

2.3.3 Настройка сайта

В разделе настроек (нижняя кнопка в левом меню) у нас есть несколько полезных подразделов. И первый из них – "Адрес сайта" (Рисунок 2.3.3)

Рисунок 2.3.3- Название и адрес сайта

Здесь я уточняю адрес своего нового сайта. Теперь он имеет вид "wezo380.wix.com/family". Рисунок 2.3.4

Рисунок 2.3.4- готовый адрес сайта

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

2.3.4 Настройка дизайна

За общие параметры визуального отображения странички отвечает вкладка «Дизайн». Рисунок 2.3.4

Рисунок 2.3.4- вкладка дизайн

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

Для редактирование фона нашего сайта, заходим во вкладку Фон, после чего выбираем необходимый нам фон. Рисунок 2.3.5

Рисунок 2.3.5- выбор фона страницы

Настроив общую цветовую и стилевую палитру, далее я перехожу непосредственно к правке стандартных элементов страницы и добавлению собственных блоков. Кликнув на нужном фрагменте, появляется контекстное меню, из которого идет управление нужными параметрами. Рисунок 2.3.6

Рисунок 2.3.6- контекстное меню настройки бокса

После открытия контекстного меню, нажимаем на кнопку, Изменить стиль.

На рисунке 2.3.7 и 2.3.8 представлены 2 окна Изменение стиля и Настройка стиля.

   Рисунок 2.3.7- изменение стилей                    Рисунок 2.3.8 Настройка стиля

После изменения стиля, переходим к редактированию текстовой информации.

Для этого, делаем двойной клик мышкой по необходимому для редактирования тексту после чего появляется меню редактирования (Рисунок 2.3.9), либо переходим во вкладку Добавить, после чего выбираем Текст и способ его размещения Заголовок или Абзац. Рисунки 2.3.10, 2.3.11

Рисунок 2.3.9- редактирование с помощью двойного клика мышью.

                      

    Рисунок 2.3.10- Добавление текста                                  Рисунок 2.3.11- выбор текста

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

Для решения данной задачи, наводим курсор мыши на заменяемую картинку, щелкаем левой кнопкой мыши и в появившимся меню, нажимаем Заменить фото. Рисунок 2.3.12

Рисунок 2.3.12- Замена изображения.

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

Загрузить изображение с компьютера мы можем двумя способами:

  1.  Перетащить нужное нам изображение с рабочего стола
  2.  Нажать на кнопку Загрузить изображение. Рисунок 2.3.13

Рисунок 2.3.13- Загрузка изображения

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

Рисунок 2.3.14- Замена исходного изображения на загруженное .


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

Рисунок 2.3.16- готовая форма рекламы бизнес-ланчей.

На основе этого примера, была проведена работа по редактированию всего исходного материала шаблона.

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

Кликнув мышью по названию раздела или названию блюда, в открывшимся окне Меню ресторана, выбираем пункт Редактировать меню. Рисунок 2.3.17

Рисунок 2.3.17- Меню ресторана.

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

Пример работы с редактором меню представлены на рисунках 2.3.18, 2.3.19,

Рисунок 2.3.18- Меню супов.

Рисунок 2.3.19- Редактор блюда.

Так же на главной странице сайта присутствует галерея слайд-шоу, способ её добавления и настройки изображены на рисунках 2.3.20, 2.3.21

Рисунки 2.3.20, 2.3.21- Добавление элемента слайд-шоу.

Настройка и изменение изображений слайд шоу, производится с помощью клика левой кнопкой мыши по созданной галереи слайд-шоу. Рисунок 2.3.22

Рисунок 2.3.23- Настройка галереи слайд-шоу.

Например если нам нужно добавить изображение в наше слайд-шоу, в открывшимся меню выбираем Организовать фото и добавляем нужные нам изображения. Рисунок 2.3.24

Рисунок 2.3.24- Организация галереи изображений

2.4 Работа сайта

Главная страница - на этой странице находится основная информация для клиентов кафе Family.

Рисунок 2.4.1- Главная страница.

О Нас - на данной странице исполнено описание кафе Family

Рисунок 2.4.2- О Нас

Контакты- в этом разделе указанны все контактные данные и место положения кафе на карте.

Рисунок 2.4.3- Контакты

Основное меню - здесь представлено основное меню кафе Family с ценой, весом и составом каждого блюда.

Рисунок 2.4.4- Основное меню

Меню выпечки- румяный раздел представленного ассортимента выпечки и напитков кафе Family.

Рисунок 2.4.5- Выпечка и напитки

Заключение

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

В качестве среды разработки был выбран конструктор сайтов CMS Wix.

Обширные возможности редактирования стиля, текста и медиа файлов, в сочетании с простотой и комфортабельностью использования, с учетом всех критериев, способствовали созданию сайта-визитки кафе “Family

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

- Family (Главная страница);

- Информация о нашем кафе;

- Контакты;

- Наше меню;

- Фото нашего кафе.

Список используемых источников

---


Приложение 1. Инструкцию по сопровождению сайта.

Создание сайта

Для того чтобы начать создавать сайт на Wix, необходимо зайти на сайт http://ru.wix.com/ и пройти регистрацию.

Приложение 1. Рисунок 1- сайт ru.wix.com

Наполнение сайта

Далее вы приступаете к выбору шаблона для своего сайта.

Приложение 1. Рисунок 2- Выбор шаблона


Приложение 2. Проверка текста на плагиат

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

Анализ плагиата или выявление плагиата — это компьютерные методы выявления плагиата.

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

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

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

Проверка текста на плагиат выполнялась с помощью интернет-сервиса "Антиплагиат" .


Приложение 2. Рисунок 1- Антиплагиат


 

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

61693. Сложение и вычитание чисел в пределах 100 без перехода через десяток 58.53 KB
  Формирование у обучающихся представлений по теме данного урока «сложение и вычитание чисел в пределах 100 без перехода через десяток»; Совершенствование навыков решения текстовых задач; Совершенствовать вычислительные навыки обучающихся...
61695. Государственный аппарат (механизм государства) 47.5 KB
  Государственный аппарат (механизм государства) – это иерархическая система государственных органов, осуществляющих практическую работу по реализации функций государства.
61696. Политический режим. Типы политических режимов 45.5 KB
  Политический режим – это система способов и средств осуществления государственной власти, в которых выражается метод правления и законности. Все политические режимы можно разделить на 2 группы: на недемократические, демократические.
61697. Задачи на уменьшение числа в несколько раз 23.9 KB
  Цели: 1) Познакомить учащихся с новым видом задач на уменьшение числа в несколько раз; 2) Закрепить умение решать задачи на уменьшение числа в несколько раз.
61698. Деление с остатком 23.39 KB
  Цели: 1) познакомить учащихся с приёмом деления с остатком; 2) закрепить приёмы внетабличного деления и умножения; 3) формировать познавательную активность, интерес к предмету...
61699. Сложение и вычитание чисел в пределах 100 37.4 KB
  Цель урока: совершенствование вычислительных навыков и умений решать задачи. Задачи: а) Образовательные: закрепление вычислительных умений и навыков сложения и вычитания в пределах 100 (устные вычисления)...
61700. Действия над величинами 19.86 KB
  Цели: Закрепить умения детей выполнять действия над величинами; Развивать логическое мышление.
61701. Вычитание однозначного числа из «круглого» 19.64 KB
  Как мы будем вычислять разности используя столбик слева Из чего мы вычитаем из круглого десятка однозначное число 373=40 403=37 Задание 4 Прочитайте задание. Кто может объяснить как выполнили вычитание...