Отчёт по практике на тему Магазин книг (или любая иная)

Содержание:

1. ОПИСАНИЕ ТЕМЫ… 5

2. ЛОГИЧЕСКАЯ СТРУКТУРА WEB – САЙТА.. 9

3. ФИРМЕННЫЙ СТИЛЬ. 12

4. ИНСТРУМЕНТЫ… 17

5. НАВИГАЦИЯ.. 21

6. КОМПОНЕНТЫ… 25

7. СТРУКТУРА И УПРАВЛЕНИЕ КОНТЕНТОМ… 31

ЗАКЛЮЧЕНИЕ.. 34

СПИСОК ИСТОЧНИКОВ.. 36

ПРИЛОЖЕНИЯ.. 37

ПРИЛОЖЕНИЕ А. Вид страниц сайта. 37

ПРИЛОЖЕНИЕ Б. Листинги исходных кодов. 40

Введение:

1. ОПИСАНИЕ ТЕМЫ

За последние несколько десятков лет благодаря бурному
развитию Интернета в программировании выделяют отдельное направление —
Web-программирование, то есть создание скриптов для Web, так как во время
стремительного прогресса просто красиво оформленный текст и картинки на сайте
уже никого не удивят. И требования к сайтам существенно изменились, и теперь
для успешного представительства организации или лица в Интернет необходимо
предоставить своим посетителям различные возможности: контактные формы,
каталоги продукции, подписки, рассылки, поиск по сайту и многое другое.
Интерактивность и адаптивность сайта обеспечивается счет современных технологий
веб-программирования в лице HTML5 и CSS3[8].

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

Индивидуальность и единство графических констант
фирменного стиля (ФС) выделяет компанию среди компаний-конкурентов. Фирменный
стиль идентифицирует компанию, делает компанию узнаваемой и запоминающейся для
потенциального клиента. Хороший уровень узнаваемости позволяет уменьшить
затраты на рекламные кампании [1].

Практическим
заданием в работе является разработка сайта – визитки для «Габов Паб».

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

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

Основными маркетинговыми стратегиями являются:

‑ перепрофилирование заведения в элитный пивной паб с
широким выбором, в первую очередь, крафтовых сортов пива;

‑ расширения меню заведения, введение гриль-меню с
включением наиболее популярных мясных блюд приготовленных на открытом огне;

‑ обновление элементов фирменного стиля, разработка сайта
для представления компании в сети;

‑ введение системы скидок, действующей для постоянных
клиентов;

‑ введение бонусной системы для любого клиента.

Последний
пункт является мерой, цель которой привлечь нового клиента и мотивировать его
на повторное (постоянное) посещение заведения. Эта бонусная программа проста и
понятна – каждый 6 бокал пива бесплатный. Ничто так не привлекает клиента как
скидка, а возможность получить бесплатно бокал фирменного пива существенная
мотивация для ценителя. С другой стороны бонусная программа оставаясь постоянно
на слуху, не очень существенно отразится на финансовом положении. Не частый
гость выпьет больше 5 бокалов пива, а уж если он «заработал» второй

Заключение:

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

В
процессе работы над проектом были проведены ряд исследований. Работа оказалась
достаточно комплексной, так как все этапы выполнялись непосредственно автором.
В спектр рассмотренных вопросов попали:

‑
теоретические исследования (инструменты, технологии, понятие фирменного стиля и
его роль для компании);

‑
проектная деятельность и аналитические исследования (проектирование структуры
сайта, подбор ключевых фраз и составление семантического ядра);

‑
практические навыки в дизайне, компьютерной графике и верстке страниц сайта.

Абстрагированное
от практического применения описание свойств и особенностей языка HTML представляет мало интереса, а также не позволяет
проявить индивидуальные решения и продемонстрировать навыки работы с
инструментами разметки и верстки страниц. Исходя из этого, было принято решение
иллюстрировать возможности инструментов на примере сайта для паба «GabovPab»

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

Косвенным
заданием в ходе реализации стала разработка логотипа компании с учетом
требований клиента. В пункте 3 приведено детальное описание реализации логотипа.
Один из реализованных вариантов применен в ходе реализации сайта бара «Габов
Паб».

Цели
работы достигнуты, задачи, поставленные во введении, выполнены в полном объеме.
Структура и содержание работы отвечает тематике и требованиям.

Фрагмент текста работы:

2. ЛОГИЧЕСКАЯ СТРУКТУРА WEB – САЙТА

Необходимо создать структуру (шаблон) страниц сайта,
состоящую из следующих элементов:

1. «Шапка»
(хедер). В данном блоке необходимо расположить логотипы организации и ее
название;

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

3. «Подвал»
(футер) сайта. В данном блоке необходимо разместить краткую контактную
информацию о сервисном центре;

4. Блок
отображения основного содержимого страницы.

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

Также, для больше привлекательности сайта (в
частности главной страницы) необходимо разработать галерею (слайдер). Галерея
должна включать несколько (не более 5-7) сменяющих друг друга изображений.
Изображения должны носить рекламный характер и содержать различные виды залов
заведения и процесса обслуживания клиентов. Основная цель данного элемента –
привлечь пользователя в заведение. Галерея реализуется с использованием скрипта
JavaScript.

Требования
к функциональности сайта

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

1. главная
страница;

2. пивная карта;

3. контакты;

4. новости;

5. события.

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

Требования
к содержимому сайта

Ниже
представлено детальное описание содержимого страниц клиентской части сайта.

Главная
страница. Содержимого
данной страницы полностью формируется Заказчиком. На данной странице может быть
размещена общая информация о сайте/организации, приветственное слово и т.п.
Также страница должна содержать основную информацию о целевом продукте
заведения – пиве.

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

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