Курсовая работа: Разработка и создание сайта "Синьор Пекарь"

Цель: автоматизировать деятельность предприятия, а также представить его на рынке в Интернете.

Свойства:

·  общее назначение сайта – обслуживание пользователя, клиента, рабочего персонала компании;

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

·  количество страниц – варьируется в зависимости от наполнения, как правило, от 50 страниц;

·  тип и характеристика дизайна – деловой, но много зависит от специфики компании, возможны креативным или нестандартные элементы, главной особенностью является отражение фирменного стиля компании;

·  система навигации – достаточно сложная;

·  частота и необходимость обновления – обновление по мере необходимости;

·  кем производится обновление – поддержка обеспечивается дополнительными усилиями, как правило, командой людей;

·  кем являются посетители – целевая аудитория, случайные посетители, сотрудники компании;

·  наличие баннеров – баннеры на корпоративном сайте считаются плохим тоном;

·  проводимая рекламная компания – рекламная компания в зависимости от задач заказчика.

Задачи:

·  обеспечить автоматизацию предприятия;

·  предоставление информационных услуг;

·  сервисное обслуживание клиентов и посетителей;

·  учет бухгалтерии, заказов, изменений через web–ресурс;

·  обеспечить запоминаемость у потенциальных клиентов и посетителей.

Портал

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

Цель – соединение всех типов сайта для оказания как можно большего количества услуг и поддержки.

Свойства:

·  общее назначение сайта – поддержка клиентов, оказание различного рода услуг, представление компании в интернете;

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

·  количество страниц – от 100;

·  тип и характеристика дизайна – самый разнообразный, в зависимости от специфики портала и политики компании;

·  система навигации – сложная;

·  частота и необходимость обновления – обновление происходит по разделам или какой–то небольшой информации, но системно и регулярно;

·  кем производится обновление – службой поддержки ресурса;

·  кем являются посетители – любой пользователь;

·  наличие баннеров – баненная система;

·  проводимая рекламная компания – в зависимости от посещаемости ресурса, может как проводиться, так и не проводиться.

Задачи:

·  представить компанию в Интернете;

·  дать пользователю максимальную и исчерпывающую информацию;

·  обеспечение запоминаемость у потенциальных клиентов и посетителей;

·  обеспечение сервисной поддержки;

·  обеспечить заинтересованность посетителей;

·  постоянное развитие ресурса;

·  дополнительный заработок на предоставлении рекламных мест другим компаниям (при условии высокой посещаемости ресурса).

Система управления предприятием

Сайт, с интегрированной корпоративной информационной системой предприятия.

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

Свойства:

·  общее назначение сайта – назначением может являться любым из выше перечисленных типов сайта, но главное особенностью являться наличие системы ведения бухгалтерии, например, через сайт;

·  характеристика и основные элементы – наличие встроенной системы управления предприятием в web–ресурс;

·  количество страниц – любое;

·  тип и характеристика дизайна – любой;

·  система навигации – любая;

·  частота и необходимость обновления – любая;

·  кем производится обновление – по желанию заказчика;

·  кем являются посетители – помимо случайных посетителей и целевой аудитории, сотрудники компании;

·  наличие баннеров – не рекомендуется;

·  проводимая рекламная компания – любая.

Задачи:

·  учет товара, услуг, заказов, действий пользователей через web–ресурс. [1]

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

3. СОЗДАНИЕ НАБРОСКА САЙТА

3.1 Перечень требований по содержимому и функциям Web–сайта

Таблица 1 – Требования к содержимому

Технические требования

Сайт будет реализован при помощи языка HTML – (от англ. Hyper Text Markup Language – "язык разметки гипертекста") – стандартный язык разметки документов во Всемирной паутине. Большинство web–страниц создаются при помощи языка HTML. Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Также используются каскадные стили таблиц – css–технология описания внешнего вида документа, написанного языком разметки. Web–страница, сверстанная на css весит гораздо меньше и быстрее загружается в браузерах. Неудивительно, ведь все данные параметров отображения документа заносятся в отдельный css–файл. За счёт этого документ становится очень легким и пользователь даже может не заметить, как быстро загрузится страничка. За счёт того, что web–страница становится очень легкой и быстрозагружаемой, она гораздо быстрее индексируется поисковыми системами. Кроме того, сайт или блог, сделанный на css–вёрстке гораздо легче и удобней оптимизировать под поисковые машины и продвинуть его в ТОП. [4,5]

Требования к внешнему виду

Рынок компьютерной техники предлагает потребителям самые разные варианты отображающих устройств – мониторов. От мониторов нетбуков (около 12´) до мониторов с диагональю свыше 21´. Поэтому, невозможно предугадать, какой техникой будет "вооружен" наш предполагаемый посетитель. Предлагается принять в качестве ориентируемого среднее значение: монитор с диагональю 17´ (1024×768 пикселей), разрешением 72 px/in и ориентироваться при верстке страниц сайта на эти значения. [2]

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

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

3.2 Разработка рабочего наброска сайта

Группировка элементов

Я хочу сгруппировать элементы содержимого в разделы.

Раздел 1. Выпечка из песочного теста.

Раздел 2. Выпечка из бисквитного теста.

Раздел 3. Выпечка из дрожжевого теста.

Раздел 4. Выпечка из слоеного теста.

Раздел 5. Блюдо дня.

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

Блюдо дня особенная рубрика, в которую будут попадать рецепты наиболее интересные автору сайта.

Ограничение количества уровней в каждом разделе

Моя навигационная панель состоит из 6 кнопок: Главная, Выпечка из песочного теста, Выпечка из бисквитного теста, выпечка из дрожжевого теста, Выпечка из слоеного теста и Рецепт дня.

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

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

Главная ««««

Выпечка из песочного теста «««««

Выпечка из бисквитного теста «««««

Выпечка из дрожжевого теста «««««

Выпечка из слоеного теста «««««

Блюдо дня «««

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

Набросок, который я создала для web–сайта, можно преобразовать непосредственно в карту сайта.

Рисунок 11 – Блок – схема сайта

4. РАЗРАБОТКА НАБОРОВ МАКЕТОВ СТРАНИЦ

Макет – это набор правил, по которым располагаются элементы страницы сайта. Таким образом, макет – это основа верстки, – тот каркас, на котором собираются элементы дизайна и информационное наполнение страницы.

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

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

Моя главная задача состоит в том, чтобы продумать дизайн начальной страницы и страниц уровня, который позволяет связать воедино все страницы сайта и с максимальной эффективностью использовать возможности Internet. [2]

4.1 Определение функциональных зон страниц сайта

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

Что такое контент?

Контент сайта – это информация и изображения, которые ищет посетитель сайта.

Контент (от англ. content – содержание). Под "контентом" в широком смысле понимают собственно наполнение сайта. Контент сайта соотносится с дизайном, как содержание с формой.

В более узком смысле слова контент сайта – это материалы, размещенные на нем: в основном тексты, а также картинки и музыка.

Для чего же нужно разбивать сайт на контент–зоны?

Каждая контент–зона выполняет свою роль:

·  логотип – предоставляет визуальную информацию;

·  название сайта – это собственно имя ресурса и его основное обозначение деятельности;

·  меню навигации – позволяет пользователю перемещаться по WEB–сайту;

·  поле ввода информации – это главная текстовая(информационная)

·  часть, раскрывающая суть темы;

·  графика – позволяет визуально представить излагаемый материал;

·  рейтинг – помогает установить место, занимаемое в списке сайтов – аналогов;

·  координаты – это информация о компании–разработчике данного ресурса.

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

Представляю свой вариант структуры страниц сайта.

Рисунок 12 – Схема размещения элементов страницы–шаблона главной страницы

Рисунок 13 – Схема размещения элементов страницы–шаблона второстепенной страницы

Страницы: 1, 2, 3