Проектирование и верстка макета сайта рок-группы на языке HTML

 

СОДЕРЖАНИЕ

 

 

 

 

 

 

Введение

 

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

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

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

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

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

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

Относительно невысокая стоимость коммуникации среди остальных СМИ.

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

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

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

1. Провести обзор предпроектной обстановки, на основе которого разработать бизнес-концепцию курсовой работы.

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

3. Продемонстрировать способы разработки отдельных элементов конструкций сайта.

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

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

1. Определить перспективы и проанализировать перспективы открываемые сайтом.
2. Задачи создаваемого интернет-источника

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

 

 

ГЛАВА 1. Сравнительный анализ сайтов рок-групп

1.1 Анализ сайтов со схожей  предметной областью

1.1.1. Анализ целевой аудитории.

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

Дл этого проведем следующие анализы:

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

Пользовательская аудитория – преимущественно мужчины (80%), а так же женщины (20%) в возрасте от 18 до 50 лет. Можно разделить на четыре (4) основные группы:

18-23 лет. Меломаны (самая большая часть  аудитории, около 35%). Молодые люди, обычно учащиеся, увлекающиеся музыкой. Любят слушать музыку в наушниках, посещают музыкальные концерты, обычно не являются ценителями особо качественного звучания в силу малого жизненного опыта и отсутствия средств на аудио оборудование высокого класса.

30-50 лет. Меломаны со стажем (Пусть самая маленькая группа, но зато эта группа имеет собственный доход и является можно сказать основным покупателем. Часть аудитории, около 5%). Имеют стабильный доход.

20-30 лет. Действующие профессиональные музыканты (20%). Играют в группе на каком-либо музыкальном инструменте (гитара, ударная установка, клавишные, духовые инструменты и т.д.). Обычно имеют стабильный источник дохода. Этак категория часто интересуется новыми стилями и чем то новым в целом как для себя так и для своей работы.

20-35 лет. Диджеи (20%). Имеют хорошие источники дохода. Занимаются профессиональной музыкальной деятельностью. Постоянно в поиске новой музыки и чего то нового.

30-50 лет. Профессиональные звукорежиссеры  и звукотехники (20%). Интересуются в основном профессионально поиском нового солиста или группы для работы с ним.

Для подробного анализа сайта «Рок группа»» были выбраны 6 разных потенциальных пользователей:

Молодой человек, студент, пользователь портативного HDD-плеера (группа 1).

Мужчина 50-ти лет, ценитель хорошей музыки и звука (группа 2).

Гитарист перспективной белорусской рок-группы, (группа 3).

Клавишница в начинающей этно-фольк-группе (группа 4).

Звукоинженер музыкальной шоу-группы (группа 5).

Профессиональный диджей, выступающий в ночных клубах города (группа 6).

Итоги. 50% опрошенных высказались в пользу темной или черной цветовой гаммы, 30% в пользу нейтральной и 20% - в пользу конкретного цветового решения. Большинство респондентов используют социальную сеть vkontakte.ru. Самый популярный сервис – online-консультация.

 

1.1.2. Анализ уже существующих  групп  и  анализ их сайтов в сети.

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

Исследования, проведенные в музыкальной сфере, также подтвердили эти данные. По данным статистики поисковой системы Яндекс количество посетителей сайтов музыкальной направленности за август 2014 года почти в 1,75 раз превышает показатели пикового сезона 2012 года (декабрь).

Предполагается, что в разгар сезона 2015 года количество посетителей вырастет вдвое.

Методом простого поиска в поисковике «Яндекс» определим три лидирующих сайта рок групп и проанализируем их сайты.

 

Вот что дал нам поисковик:

 

http://www.master-rockgroup.com/

http://www.rok-ostrova.ru/

http://www.cc-samara.ru/

 

Вот и будем анализировать:

Критерий оценки	Сайт группы
	http://www.master-rockgroup.com/	http://www.rok-ostrova.ru/	http://www.cc-samara.ru/
Вид сайта	Визитка/афиша	Визитка/афиша	Полный функционал
Дерево страниц или меню сайта ярко выраженного характера	НЕТ	НЕТ	ЕСТЬ
Банерная реклама или реклама стороннего сайта любого харатера	НЕТ	НЕТ	НЕТ
Фон /тон	Темный	Темный	Преобладающий светлый
Флеш наполнение	ЕСТЬ	НЕТ	НЕТ
Загрузка главной страницы	Долго	Умеренно	Быстро
Кодировка или используемый движок	HTML	PHP	PHP
Хостинг	Дешевый без РНР	Средний с РНР	Дорогой с РНР
Наличие логотипа группы	ЕСТЬ	ЕСТЬ	НЕТ
Присутствие обратной связи или наличие чата	НЕТ	НЕТ	Есть форма обратной связи и возможность комментировать новости на сайте.
Анонс будущих концертов	ЕСТЬ	ЕСТЬ	ЕСТЬ
Возможность скачать альбомы	ЕСТЬ частично прослушать новинки или ролики с концертов конвертируемые с ютуба	ЕСТЬ частично прослушать новинки или ролики с концертов конвертируемые с ютуба	ЕСТЬ
Техническая поддержка сайта	НЕТ	НЕТ	НЕТ

 

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

1. Темное оформление.
2. Отсутствие баннерной рекламы или надоедливой рекламы сторонних сайтов.
3. Логотип не обязателен на сайте но он придает индивидуальность больше.
4. Наличие возможности прослушать или полностью или частично новые альбомы или   новые произведения.
5. Обязательный атрибут сайта это анонс будущих концертов и контактной информации для возможности приобретения билетов.

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

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

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

Исходя из этих параметров и будем делать (разрабатывать) свой сайт.

 

ГЛАВА 2. Проектирование и верстка макета сайта рок-группы на языке HTML

2.1 Язык гипертекстовой  разметки HTML, как инструмент верстки макета сайта

 

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

Изначально язык HTML (HyperText Markup Language) был задуман и создан как средство структурирования и форматирования документов без привязки к средствам отображения. В идеале, гипертекстовый документ должен одинаково выглядеть на различных устройствах (монитор ПЭВМ, экран ПДА или мобильного телефона, принтер, медиа-проектор и т.п.).

Разработкой спецификаций языка HTML и утверждением их в качестве официальных стандартов занимается Консорциум всемирной паутины (W3C). Помимо W3C, в развитии языка участвуют IT-компании и сообщество разработчиков.

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

RFC 1866 — HTML 2.0, одобренный как официальный  стандарт 22 сентября 1995 года;

HTML 3 (март 1996) - не нашла поддержки у разработчиков

HTML 3.2 — 14 января 1997 года;

HTML 4.0 — 18 декабря 1997 года (многие унаследованные  элементы были отмечены как  устаревшие и нерекомендованные к использованию (англ. deprecated).);

HTML 4.01 — 24 декабря 1999 года (версия включала  малозаметные, но существенные изменения  по сравнению с предыдущей);

ISO/IEC 15445:2000 (ISO HTML, основан на HTML 4.01 Strict) — 15 мая 2000 года.

HTML 5 —  разработан и принят W3C совместно с сообществом WHATWG.

HTML не является языком программирования, но веб-страницы могут содержать встроенные или загружаемые программы на скриптовых языках (в первую очередь Javascript) и программы-апплеты на языке Java.