Разработка брифа на изготовление сайта и элементов сайта для отеля «1000 и одна ночь»

ПОЯСНИТЕЛЬНАЯ ЗАПИСКА к курсовой работе по дисциплине

«Программные средства разработки web-страниц и презентаций»

на тему:

Разработка брифа на изготовление сайта и элементов сайта для отеля «1000 и одна ночь»

Оглавление Введение

1. Разработка веб-страницы

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

1.1.1 Характеристика гостиницы

1.1.2 Типы и основные виды сайтов

1.2 Технологии при создании и поддержке сайтов

1.2.1 Основные понятия и термины

1.2.2 Организационное обеспечение решения проблемы

1.2.3 Этапы создания веб-сайта

1.3 Аналитическая часть

1.3.1 Анализ сайтов

1.4 Проектная часть

1.4.1 Проектирование сайта

1.4.2 Разработка модели web-ресурса

1.4.3 Разработка шаблона

1.4.4 Разработка тестового примера

1.4.5 Цены на разработку сайта

2. Разработка презентации

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

2.1.1 Характеристика объекта и предмета исследования

2.1.2 Мультимедиа технологии

2.1.3 Основные понятия

2.1.4 Этапы создания презентации

2.2 Аналитическая часть

2.2.1 Виды презентаций

2.3 Проектная часть

2.3.1 Разработка презентаций

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

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

Объектом исследования является отель «1000 и одна ночь».

Цель работы: разработка брифа на создание сайта и элементов сайта для отеля «1000 и одна ночь»; разработка брифа на создание презентации и создание презентации.

Задачи работы: дать характеристику отеля «1000 и одна ночь»; провести анализ сетевых технологий в гостиничном деле; составить бриф на создание сайта; произвести экономический подсчёт.

Задачи:

1. Для сайта:

· рассмотреть деятельность предприятия;

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

· разработать бриф на создание и элементов сайта;

· провести калькуляцию;

2. Для презентации:

· описать услугу;

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

· разработать бриф на создание презентации и презентацию;

· провести калькуляцию.

1. Разработка веб-страницы

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

1.1.1 Характеристика гостиницы

Отель Тысяча и одна ночь (1001 ночь) — самый романтический отель Южного Берега Крыма. Расположен в центре Мисхора, в окружении таких курортных центров как Юсуповский Дворец, Дворец «Дюльбер», «Сосновая роща» и Мисхорский парк. Оформленный в восточном стиле, он привлекает гостей своими уютными номерами, отзывчивым персоналом, тематическими ресторанами. Это удивительное место, где можно уединиться влюбленным парам, провести торжество любого формата, и идеальное место для молодоженов, ведь специально для них были созданы дизайнерские номера «SuiteRahat-Lokum». Отель работает по системе «Все включено».

Отель Тысяча и одна ночь (1001 ночь) представляет собой 5-ти этажное здание, все номера которого выполнены в индивидуальном стиле. 1-й этаж: рецепция. 2-й этаж: бар, выполненный в восточном стиле, кальянная комната, ресторан (2-уровневый на 2-м и 3-м этажах).

Номерной фонд: 58 номеров.

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

Twin (1−2 этаж): 1-комнатный номер с двумя односпальными кроватями, телевизор, мини — баром, кондиционером, телефоном, ванной комнатой (ванна, биде, туалет, умывальник). Балкон с набором мебели, северная сторона вид на внутренний бассейн и гору Ай-Петри. Площадь номера 18,4 кв.м.

Deluxe 2 (1−4 этаж): 2-комнатный номер, состоит из спальни с двуспальной кроватью, гостиная с раскладным диваном (двухместный). В номере: 2 телевизора, мини-бар, 2 кондиционера, телефон, ванная комната (ванна, биде, туалет, умывальник). Балкон с набором мебели, южная сторона, с 4 этажа вид на море, с 1−3 этажи вид на сквер. Площадь номера: 25,5 кв.м.

Deluxe 1 (414): 1-комнатный номер-студия с двухместным раскладным диваном, телевизором, мини-баром, кондиционером, телефоном, ванной комнатой (ванна, биде, туалет, умывальник). Балкон с набором мебели, вид на море и горы. Площадь номера: 23 кв.м. Номер расположен над рестораном.

Suite 2 (3−4 этаж): 2-х комнатный номер, состоит из спальни с двуспальной кроватью, гостиная с раскладным диваном (двухместный). В номере: 2 телевизора, мини-бар, 2 кондиционера, телефон, ванная комната (ванна, биде, туалет, умывальник). Балкон с набором мебели, северная сторона, вид на гору Ай-Петри и бассейн. Площадь номера: 37,8 кв.м.

Suite «Rahat-Lokum» (409): 2-х комнатный номер, состоит из спальни с двуспальной кроватью, гостиной с диваном. В номере: 2 телевизора, мини-бар, 2 кондиционера, телефон, ванная комната (ванна, туалет, умывальник), балкон с набором мебели, северная сторона, вид на гору Ай-Петри и бассейн. Номер создан специально для молодоженов. Расположен на 3-м и 4-м этажах. Площадь номера: 37,8 кв.м.

Lux (412,413): 2-комнатный номер, состоит из спальни с двуспальной кроватью, гостиной с раскладным диваном (двухместный). В номере: плазма + телевизор, телефон, 2 кондиционера, мини-бар, ванная комната (ванна, биде, туалет, умывальник), балкон с набором ротанговой мебели, западная и восточная сторона, вид на гору Ай-Петри и бассейн или на море. Номера на 4-м этаже над рестораном. Площадь номера: 35,9 кв.м.

SuiteAlladin (311), SuiteLeyla (216), SuiteShaherezada (116): 1-комнатный номер с двуспальной кроватью, телевизором (плазменным), мини-баром, телефоном, кондиционером, ванной комнатой (ванна, биде, туалет, умывальник), 2 маленьких балкона с мягкими диванами, вид на море. Номера расположены на 1-м и 3-м этаже. Площадь номера: 42,4 кв.м.

Suite «Shahriyar» (411): 1-комнатный номер с двуспальной кроватью, телевизором (плазменным), DVD-проигрывателем, телефоном, кондиционером, холодильником, ванной комнатой (ванна, биде, туалет, умывальник), 2 маленьких балкона. Номер на 4-м этаже. Площадь номера: 42,4 кв.м.

Suite «VIP» (500): 1-комнатный номер с двуспальной кроватью, телевизором (плазменным), DVD-проигрывателем, телефоном, кондиционером, холодильником, ванной комнатой (ванна-джакузи, биде, туалет, умывальник), 2 маленьких балкона, солярий, винтовая лестница на смотровую площадку, вид на море. Номер на 5-м этаже. Площадь номера: 53,4 кв.м.

Питание Отель Тысяча и одна ночь (1001 ночь) работает на тарифе «Все включено». Завтрак (с 8:00 до 10:00), обед (с 13:00 до 15:00), ужин (с 18:00 до 20:00) — «шведский стол» в «Белом Зале» ресторана отеля. В тариф «Все включено» помимо 3-х разового питания входят напитки местного производства (чай, кофе, соки, вода, вино, пиво, коньяк, водка) — в часы работы ресторана бесплатно. Индивидуальное обслуживание A-lacarte в «Красном Зале» ресторана.

Водоснабжение Холодная и горячая вода — круглосуточно (автономная газовая котельная).

Пляж Арендуемый галечный пляж санатория «Беларуссия». Доставка на пляж и обратно входит в тариф размещения (3 минуты езды на микроавтобусе) и осуществляется по графику с 09:00 до 19:00. Пляж оборудован: детская площадка, душевые, туалеты, медпункт, лодочная станция, прокат принадлежностей для дайвинга. В 350 м от отеля находится набережная «Русалка».

1.1.2 Типы и основные виды сайтов

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

На какие же именно типы и виды принято подразделять сайты?

Начнем с типов. О них не придется долго говорить. Типов сайтов существует всего два — все сайты делятся на информационные и сервисные.

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

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

Таковых на наш взгляд тринадцать.

Назовем их и дадим каждому краткое описание.

Персональные сайты или персональные страницы

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

Объем такого сайта не большой и часто ограничивается одной страницей (отсюда и название «персональная страница»).

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

Личные блоги

Личный блог (от англ. blog, weblog) — это web-сайт, основное содержимое которого — регулярно добавляемые записи (посты), содержащие текст, изображения, мультимедиа.

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

Блоги могут содержать несколько страниц. Их число зависит от активности автора и иногда оно может быть достаточно большим.

Структура блога всегда проста и понятна.

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

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

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

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

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

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

Сайты-галереи

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

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

Главной отличительной чертой сайта-галереи от сайта-визитки является наличие встроенной в него фотогалереи.

Официальные сайты компаний (организаций)

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

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

В сравнении с сайтом-визиткой — официальный сайт имеет больший объём (до 10−20 страниц) и содержит более подробную информацию о товарах и услугах.

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

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

Тематические сайты

Тематический сайт — это web-ресурс посвященный какой-то одной теме.

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

Объем тематического сайта — от 20 страниц и более (чем больше, тем лучше).

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

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

Дизайн сайта не ограничивается какими-то рамками и может быть как очень простым, так и эксклюзивным.

Сайты-каталоги (или сайты-витрины)

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

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

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

В общем виде, структура сайта-каталога может быть следующей:

* данные о компании;

* каталог товаров (или услуг);

* компонент скачивания прайс-листов;

* контактные данные (адрес офиса, телефон, адрес электронной почты).

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

Сайты Интернет-магазины

Сайт Интернет-магазин — это современный торговый канал, дающий возможность реализовывать товары через Интернет.

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

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

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

Промо-сайты

Промо-сайт — это почти всегда неосновной сайт компании — сайт, который создается специально для продвижения какого-либо товара (группы товаров) или услуги.

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

Объём промо-сайта обычно не превышает 5−10 страниц — этого вполне достаточно, чтобы сайт прекрасно выполнял возложенные на него функции.

Структура промо-сайта определена его задачами. В большинстве случаев она очень простая и не разветвлённая.

В общем виде, она может включать в себя:

* данные о компании;

* описание продвигаемых товаров (услуги);

* контактные данные: телефон, адрес офиса, адрес электронной почты.

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

Новостные сайты

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

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

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

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

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

Графический дизайн новостного сайта не должен содержать излишеств. Традиционно он всегда простой.

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

Корпоративный сайт — это фирменный коммерческий сайт компаний. Солидное интернет-представительство компании. Оптимальное решение для всех компаний, которые хотят стать лидерами в своей сфере бизнеса.

Объём корпоративного сайта, как правило, большой — сайт может содержать до сотни страниц.

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

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

* информацию о компании (историю, новости, вакансии и т. д.);

* деловую и полезную информацию (статьи, обзоры, советы, вопросы-ответы, др.);

* каталоги товаров, услуг, их описания, др.;

* прайс-листы;

* раздел для клиентов, партнеров, посетителей;

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

* контактные данные и форму обратной связи.

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

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

Сайты-порталы

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

Объём сайта-портала может составлять сотни и тысячи страниц.

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

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

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

Контент-проекты

Контент-проект — это сайт, который представляет собой обширное собрание каких-либо тематических материалов — книг, статей, аудио и видео файлов, др.

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

Контент-проект выполняется в виде интернет-библиотеки (аудио или видеотеки), энциклопедии, справочника. В этом его отличие от простого тематического сайта.

Объем сайта, как правило, достаточно большой. Он может содержать несколько десятков и сотен страниц.

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

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

1.2 Технологии при создании и поддержке сайтов

На сегодняшний день при создании сайтов мы применяем самые современные технологии:

HTML

Основным языком создания сайтов, используемым в web дизайне, является HTML (HyperTextMarkupLanguage — язык разметки гипертекстов). Он был разработан ТимомБернерс-Ли в 1989 году. Идея HTML состоит в том, чтобы пользователь имел возможность просматривать документы (страницы текста) в том порядке, в котором ему это больше нравится, а не последовательно, как это принято при чтении книг. Развитие HTML привело к расширению понятия гипертекста за счет других информационных ресурсов, включая графику, аудиои видеоинформацию.

JAVA

Java — объектно-ориентированный язык программирования, позволяющий разработать не просто кроссплатформенные приложения, но и приложения, использующиеся в web-ресурсах. Модуль Java не интегрируется в использующую его страницу, а существует как самостоятельное приложение, называемое «апплет». При этом апплет вызывается из HTML-файла соответствующей командой, но загружается и запускается на исполнение в виде отдельной программы, в фоновом режиме. Данный язык программирования также широко используется при создании сайтов в их серверной части.

JAVASCRIPT

Некоторые люди считают, что JavaScript — это то же самое, что и Java, лишь потому, что эти языки имеют схожие названия. На самом деле это не так. JavaScript — это язык для составления скриптов, разработанный фирмой Netscape, являющийся надстройкой стандарта HTML. Он значительно расширяет возможности документа, созданного с применением этого формата. Модуль, написанный на JavaScript, интегрируется в файл HTML как подпрограмма и вызывается на исполнение из соответствующей строки HTML-кода стандартной командой.

PHP

PHP — это Си-подобный интерпретируемый язык для создания приложений, исполняемых на серверной стороне. Программа на PHP, подобно тексту на JavaScript, вставляется в HTML-файл. PHP сегодня используется в для создания web-сайтов с динамическим содержим. Модуль устраняет потребность в многочисленных малых cgi-программах на Perl, позволяя Вам поместить простые скрипт-программы непосредственно в HTML-файлы создаваемого сайта, что в целом увеличивает общую скорость генерации web-страниц.

XML

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

MACROMEDIA FLASH

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

MySQL

MySQL — это SQL (Structured Query Language) сервербазданных. SQL это один из самых популярных языков управления базами данных в мире. MySQL имеет клиент-серверную реализацию, состоящую из серверного домена mysqld и большого числа клиентских программ и библиотек. MySQL обладает рядом несомненных достоинств в смысле использования его при создании сайтов, таких как — поддержка нескольких одновременных запросов, оптимизация связей с присоединением многих данных за один проход, легкость управления таблицами, гибкая система привилегий и паролей, интерфейс с языками PHP, C и Perl.

1.2.1 Основные понятия и термины

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

Веб-страница

Веб-страницей называется сетевой документ, открываемый в браузере. Обычно веб-страница создается в формате HTML и содержит, как правило, текст, изображения и ссылки. В связи с развитием технологий, веб-страницей также могут называться документы и в другом формате, например, XML, Flash, PDF и т. д.

Сайт (интернет-ресурс)

Cайт — это набор отдельных веб-страниц, которые связаны между собой ссылками и единым оформлением.

HTML (HyperTextMarkupLanguage, язык разметки гипертекста)

HTML — это система верстки веб-страниц, которая определяет, какие элементы и как должны располагаться в документе. Чтобы показать, что мы имеем дело не с обычным текстовым документом, используется термин HTML-документ. Подобные документы открываются под управлением браузера.

HTML-документ

Обычный текстовый файл, который может содержать в себе текст, теги и стили. Изображения и другие объекты хранятся отдельно. Содержимое такого файла обычно называется HTML-код.

Браузер

Браузером называется программа для просмотра веб-страниц. Браузер анализирует код HTML, находит специальные символы, называемые тегами, и использует их для отображения изображений, изменения вида текста, создание ссылок на другие веб-страницы и т. д.Наиболее популярны следующие браузеры: InternetExplorer, Firefox, Mozilla, Netscape, Opera.

Тег

Тег — это специальный символ разметки, который применяется для вставки различных элементов на веб-страницу таких как: рисунки, таблицы, ссылки и др. и для изменения их вида. Для обозначения тегов используется символ <�тег>. Теги нечувствительны к регистру, поэтому запись и эквивалентна.

Контейнер

Контейнером называется парный тег, внутри которого могут располагаться другие теги. Контейнер требует закрывающего тега, обозначаемого </тег>. Таким образом, контейнер состоит из открывающего тега (<�тег>) и закрывающего (</тег>).

Ссылки (гиперссылки)

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

CSS (CascadingStyleSheets, каскадные таблицы стилей)

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

Редактор веб-страниц

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

WYSIWYG (What You See Is What You Get; Чтовидишь, тоиполучишь) Визуальный редактор, в котором элементы отображаются так, как они впоследствии будут показаны в браузере.

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

Кодировка

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

Веб-сервер

Веб-сервером называется компьютер, на котором хранятся документы сайта. Одновременно так же называется программа, которая обеспечивает выдачу документов при их запросе браузером, а также работу с различными сервисами. Наиболее популярными веб-серверами являются Apache и InternetInformationServer (IIS).

Хостинг Хостинг (от английского hostingservice) — специальная служба или компания, которая предоставляет вам место на своем сервере или серверах, для того чтобы ваш сайт стал «виден» в интернете Хостинги бывают платные и бесплатные. Некоторые сразу предоставляют возможность создать свой сайт on-line. Но если вы создавали сайт на своем компьютере, то его необходимо выложить в сеть. Если вы хотите серьезно начать зарабывать на сайте, то лучше выбирать платный хостинг, а для создания персональной странички лучше подойдет бесплатный У бесплатных хостингах есть ряд недостатков. Во-первых, имя сайта. Красивое имя подобрать не удастся — к выбранному имени будет добавлена приставка с названием хостинга. Например, вы назвали сайт proekt.ru. На хостинге Ucoz — это будет выглядеть так: proekt.ucoz.ru. Подробнее о доменных именах ниже.

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

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

1.2.2 Организационное обеспечение решения проблемы

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

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

Провайдер — организация, предоставляющая услуги хостинга сайта.

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

Фрилансер — человек, работающий на дому по созданию контент-материала для сайтов.

Конструктор сайтов — это система управления сайтом, предоставляющая возможность пользователям добавлять, редактировать, удалять те или иные элементы на сайте. Часто в этом контексте используется аббревиатура «CMS». Система управления содержимым — система для редактирования и управления контентом сайта.

1.2.3 Этапы создания веб-сайта

Основные этапы создания веб-сайта:

1.2.3.1 Определение целей веб-сайта и его позиционирование

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

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

Это один из самых важных этапов не только создания веб-сайта как такового, но важнейший этап интернет-маркетинга.

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

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

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

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

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

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

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

1.2.3.2 Создание Технического Задания (ТЗ) на разработку веб-сайта

В ТЗ необходимо как можно более подробно описать:

— цели создания сайта и его целевую аудиторию;

— структуру веб-сайта и количество страниц в каждом разделе;

— работу динамических модулей;

— пожелания по дизайну (цвета, использоание фирменного стиля, соотношение графика/текст и т. д.

— используемые технологии (HTML, Flash, PHP и проч.);

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

— технические требования к сайту.

ТЗ является основным документом, на основе которого осуществляются все последующие этапы разработки веб-сайта.

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

1.2.3.3 Создание дизайн-макета веб-сайта

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

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

Современные мониторы имеют различные разрешения. В разговоре о веб-сайтах нас особенно интересует ширина. Размер монтора по ширине в пикселях может быть 800, 1024, 1280,1600 и даже больше. Более того, пользователь может просматривать сайт в полускрученном окне.

Фиксированный дизайн сайта предполагает одну единую ширину сайта для всех разрешений экрана и для всех ширин окон, т. е. если ширина сайта 1000 пикселейй, то на экране 800 пикселей будет появляться горизонтальная прокрутка, а на экране 1280 пикселей — пустые поля слева и справа (или только с одной стороны)

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

Резиновый дизайн, в отличие от фиксированного «подстраивается» под ширину экрана.

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

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

1.2.3.4 Верстка сайта

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

1.2.3.5 Программирование сайта

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

На этапе программирования (как правило, с использовавнием DHTML, PHP, Perl, ASP и баз данных) происходит создание всех страниц сайта, определяется порядок работы меню, расставляются гипер-ссылки, создается динамика на сайте, программируются такие составляющие, как гостевая книга, форум, новостная лента и проч.

Если сайт должен иметь администраторский интерфейс то он создается именно на этапе программирования.

Очень важно на этапе программирования определить, на какой системе администрирования (ContentManagementSite) будет работать ваш сайт. На сегодня на рынке существое великое множество систем администрирования. Для того, чтобы правильно выбрать систему надо ответить себе на ряд вопросов…

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

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

1.2.3.6 Наполнение сайта информацией

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

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

1.2.3.7 Расположение сайта в сети Интернет

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

1.2.3.8 Тестирование сайта

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

Вывод:

Таким образом, для отели «1001 ночь» был выбран корпоративный сайт. Корпоративный сайт — наиболее популярный и часто встречающийся тип Web-ресурса в Интернете, который обеспечивает ряд возможностей: рост имиджа компании, расширение клиентуры. Кроме того, наличие такого Web-pecypca позволяет осуществлять активную публикацию материалов о товарах, услугах, проводить виртуальные рекламные компании, PR-акции и многое другое.

1.3 Аналитическая часть

1.3.1 Анализ сайтов

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

Мною были рассмотрены 7 сайтов отелей в Ялте:

1. Отель «Парк-Отель Ялта»

2. Отель «Олива»

3. Отель «Бристоль «

4. Отель «Ореанда «

5. Отель «Ялта Интурист «

6. Отель «Чайная горка «

7. Отель «Левант «

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

Рисунок 1 — Главная страница сайта отеля «БРИСТОЛЬ»

На данном рисунке представлена главная страница сайта отеля «БРИСТОЛЬ» (рисунок 1). В нем выделяется золотистый дизайн сайта.

Рисунок 2 — Главная страница сайта отеля «ЯЛТА-ИНТУРИСТ»

В данной изображении представлена главная страница отеля «ЯЛТА-ИНТУРИСТ», в котором расположены все нужные информации об отеле.

Рисунок 3 — Главная страница сайта отеля «ЧАЙНАЯ ГОРКА»

В выше указанной картинке главной страницы отеля «ЧАЙНАЯ ГОРКА», заметно, что гостиница расположена около моря и имеет прекрасный вид к морю. Страница содержит нужные информации для клиента.

Рисунок 4 — Главная страница сайта отеля «Парк-Отель Ялта»

В данной странице содержится основные элементы (Рисунок 4), необходимые для сайта. Сайт содержит английский и русские языки.

Рисунок 5 — Главная страница сайта отеля «ЛЕВАНТ»

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

Рисунок 6 — Главная страница сайта отеля «ОРЕАНДА»

На данной картинке представлен сайт отеля «ОРЕАНДА» (рисунок 6), сайт содержит основное наполнение, на главной странице поставлено слайд-шоу.

Рисунок 7 — Главная страница сайта отеля «ОЛИВА»

Главная страница сайта отеля «ОЛИВА» (Рисунок 7) имеет элементарный и светлый фон, простейшую оформление меню.

Доменное имя Адрес сайтов состоит из частей — доменов — разделенных точкой.

Доменное имя, в отличие от человеческих имен, уникально, т. е. двух одинаковых быть не может. Поэтому, если Вы делаете серьезный сайт, то вам нужно уделить должное внимание подбору этого имени. Регистрация доменных имен — процесс несложный, он не требует никаких особых знаний и совершается путем заполнения небольшой формы Домены бывают 1-го, 2-го и 3-го уровней. Домены первого уровня: например, com, net, ru, info, biz, uа, de и т. д.

Домены первого уровня делятся на две группы: территориальные (ru, ua, de, us и т. д.) и внетерриториальные (com, org, net и т. д.).

au — Австралия,

br — Бразилия,

by — Беларусь,

ca — Канада,

cn — Китай,

de — Германия,

jp — Япония,

ru или рф — Россия

ua — Украина,

uk — Великобритания,

us — США.

com — для коммерческих фирм,

org — для некоммерческих организаций,

edu — для учебных заведений,

net — для чисто сетевых проектов,

gov — для правительственных,

mil — для военных и др.

Под этими доменами существуют домены второго уровня, например, google.com, nikolaevka1.ru, katerina-bushueva.ru

Домены третьего уровня: banner.org.ru, soft.narod.ru, school.ucoz.ru, banner.kiev.ua и т. д.

Выбор доменной зоны — вопрос не менее важный. Если ваш проект ориентировать на русскоязычную аудиторию, берите .ru. Сайты в зоне .ru хорошо индексируются Яндексом, поэтому быстрее станут доступными для пользователей.

Таблица 2-Цены на регистрацию доменов

1.4 Проектная часть

1.4.1 Проектирование сайта

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

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

Оформление шапки сайта

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

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