Сайт о рок-музыке

Размещено на http://www.allbest.ru/

Сайт о рок-музыке

Введение

сайт рок музыка дизайн

Интернемт (англ. Internet, МФА: - всемирная система объединённых компьютерных сетей. Часто упоминается как Всемирная сеть и Глобальная сеть, а также просто Сеть. Построена на базе стека протоколов TCP/IP. На основе Интернета работает Всемирная паутина (World Wide Web, WWW) и множество других систем передачи данных.

К концу 2011 года число пользователей, регулярно использующих Интернет, составило около 2,3 млрд человек.

В 1957 году, после запуска Советским Союзом первого искусственного спутника Земли, Министерство обороны США посчитало что на случай войны Америке нужна надёжная система передачи информации. Агентство по перспективным оборонным научно-исследовательским разработкам США (DARPA) предложило разработать для этого компьютерную сеть. Разработка такой сети была поручена Калифорнийскому университету в Лос-Анджелесе, Стэндфордскому исследовательскому центру, Университету Юты и Университету штата Калифорния в Санта-Барбаре. Компьютерная сеть была названа ARPANET (англ. Advanced Research Projects Agency Network), и в 1969 году в рамках проекта сеть объединила четыре указанных научных учреждения. Все работы финансировались Министерством обороны США. Затем сеть ARPANET начала активно расти и развиваться, её начали использовать учёные из разных областей науки.

Первый сервер ARPANET был установлен 2 сентября 1969 года в Калифорнийском университете (Лос-Анджелес). Компьютер Honeywell DP-516 имел 24 Кб оперативной памяти.

29 октября 1969 года в 21:00 между двумя первыми узлами сети ARPANET, находящимися на расстоянии в 640 км - в Калифорнийском университете Лос-Анджелеса (UCLA) и в Стэнфордском исследовательском институте (SRI) - провели сеанс связи. Чарли Клайн (Charley Kline) пытался выполнить удалённое подключение из Лос-Анджелеса к компьютеру в Стэнфорде. Успешную передачу каждого введённого символа его коллега Билл Дювалль (Bill Duvall) из Стэнфорда подтверждал по телефону.

В первый раз удалось отправить всего три символа «LOG», после чего сеть перестала функционировать. LOG должно было быть словом LOGIN (команда входа в систему). В рабочее состояние систему вернули уже к 22:30, и следующая попытка оказалась успешной. Именно эту дату можно считать днём рождения Интернета.

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

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

В 1970-х годах сеть в основном использовалась для пересылки электронной почты, тогда же появились первые списки почтовой рассылки, новостные группы и доски объявлений. Однако в то время сеть ещё не могла легко взаимодействовать с другими сетями, построенными на других технических стандартах. К концу 1970-х годов начали бурно развиваться протоколы передачи данных, которые были стандартизированы в 1982-1983 годах. Активную роль в разработке и стандартизации сетевых протоколов играл Джон Постел. 1 января 1983 года сеть ARPANET перешла с протокола NCP на TCP/IP, который успешно применяется до сих пор для объединения (или, как ещё говорят, «наслоения») сетей. Именно в 1983 году термин «Интернет» закрепился за сетью ARPANET.

В 1984 году была разработана система доменных имён (англ. Domain Name System, DNS).

В 1984 году у сети ARPANET появился серьёзный соперник: Национальный научный фонд США (NSF) основал обширную межуниверситетскую сеть NSFNet (англ. National Science Foundation Network), которая была составлена из более мелких сетей (включая известные тогда сети Usenet и Bitnet) и имела гораздо бомльшую пропускную способность, чем ARPANET. К этой сети за год подключились около 10 тыс. компьютеров, название «Интернет» начало плавно переходить к NSFNet.

В 1988 году был разработан протокол Internet Relay Chat (IRC), благодаря чему в Интернете стало возможно общение в реальном времени (чат).

В 1989 году в Европе, в стенах Европейского совета по ядерным исследованиям (ЦЕРН) родилась концепция Всемирной паутины. Её предложил знаменитый британский учёный Тим Бернерс-Ли, он же в течение двух лет разработал протокол HTTP, язык HTML и идентификаторы URI.

В 1990 году сеть ARPANET прекратила своё существование, полностью проиграв конкуренцию NSFNet. В том же году было зафиксировано первое подключение к Интернету по телефонной линии (т. н. «дозвомн», англ. dialup access).

В 1991 году Всемирная паутина стала общедоступна в Интернете, а в 1993 году появился знаменитый веб-браузер NCSA Mosaic. Всемирная паутина набирала популярность.

В 1995 году NSFNet вернулась к роли исследовательской сети, маршрутизацией всего трафика Интернета теперь занимались сетевые провайдеры, а не суперкомпьютеры Национального научного фонда.

В том же 1995 году Всемирная паутина стала основным поставщиком информации в Интернете, обогнав по трафику протокол пересылки файлов FTP. Был образован Консорциум Всемирной паутины (W3C). Можно сказать, что Всемирная паутина преобразила Интернет и создала его современный облик. С 1996 года Всемирная паутина почти полностью подменяет собой понятие «Интернет».

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

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

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

История WWW

В отличие от самой сети Internet, возникшей в 1983 г., World Wide Web имеет весьма непродолжительную историю. В 1989 г. группа исследователей из CERN (Европейская лаборатория физики элементарных частиц) поставила перед собой задачу создать систему, которая предоставила бы научным группам, работающим в разных городах и странах, легкий и удобный способ доступа к совместно используемой информации. Во главе этой работы стоял Тим Бернерс-Ли, - человек, положивший начало World Wide Web, и перевернувший тем самым мир. В конце восьмидесятых годов он, работая в CERN, выбрал идею гипертекста для построения будущей информационной среды. Лабораторий CERN была поистине уникальным местом, одним из наиболее важных центров тогдашней сети Internet.

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

В течение года были определены основные концепции проекта, и работа началась. К концу 1990 г. исследователи CERN располагали программой просмотра, работающей в текстовом режиме, а также графической программой просмотра для компьютеров семейства NeXT. В 1991 г. система WWW стала широко использоваться в CERN. Первоначально пользователям WWW предоставлялся доступ только к гипертекстовым документам и к статьям телеконференций UseNet. По мере развития проекта добавился интерфейс к другим видам сервиса Internet (WAIS, анонимных FTP, Telnet и Gopher).

В 1992 г. лаборатория CERN начала широко распространять информацию о проекте WWW. Осознание мировым сообществом Internet больших возможностей этой системы привело к созданию многочисленных WWW-серверов, предоставляющих доступ к самой разнообразной информации. Несмотря на то, что концепция функционирования сервера WWW уже существовала, практическое применение этого сервиса пользователями Internet было невозможно вплоть до февраля 1993 г., когда в Суперкомпьютерном центре Иллинойского университета была создана альфа-версия NCSA Mosaic - самой первой программы просмотра документов на серверах WWW. Именно с этого момента начался лавинообразный рост Internet.

Типы и виды сайтов

Всемирная паутина предоставила в наше распоряжение очень большие возможности создания сайтов. Которые в свою очередь можно подразделить на следующие типы или виды сайтов.

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

· Персональные (домашние) странички;

· Сайт-визитки;

· Информационные сайты;

· Промо-сайты;

· Сайт-фотогалереи;

· Информационные интернет-издания, СМИ;

· Корпоративные представительства;

· Информационные сайты предприятий и организаций;

· Крупные информационные порталы;

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

· Интернет магазины;

Персональные (домашние) странички

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

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

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

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

В основном сайты визитки содержат от 5 до 10 страниц на сайте.

Информационные сайты

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

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

Промо-сайты

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

Эксклюзивный дизайн создается с учетом всех особенностей акции.

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

Пускай жизненный срок промо-сайтов ограничен, но «прожить» его требуется максимально ярко и эффективно.

Сайт фотогалереи

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

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

Информационные интернет издания, СМИ

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

Корпоративные представительства

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

Информационные сайты предприятий и организаций

Это в принципе тот же вид информационного сайта.

Крупные информационные порталы

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

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

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

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

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

Интернет-магазин

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

Интернет магазин имеет ряд преимуществ:

· большой охват аудитории;

· снижение затрат на содержание магазина;

· удобство в поиске товаров;

· простота в изменении ассортимента в каталоге товаров;

· обработка заказов занимает меньше времени;

· уведомление о новом заказе администратор получает на e-mail.

Браузер

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

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

Браузеры обосновались и на мобильных устройствах:

· смартфонах;

· Mobile Internet Device;

· коммуникаторах;

· и даже обыкновенных сотовых телефонах.

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

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

В настоящее время наиболее популярными являются 4 браузера:

· Internet Explorer;

· Mozilla Firefox;

· Opera;

· Google Chrome;

Web-программирование.

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

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

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

Более того, данные должны быть едиными для всех пользователей, поэтому они просто обязаны находиться на общем для всех сервере, иначе о совместном ведении этих данных не может быть и речи. Самыми известными клиент-серверными информационными системами как раз и являются системы управления базами данных (СУБД), такие как Oracle и Microsoft SQL Server. Серверная их часть обслуживает файлы самой базы данных и обрабатывает SQL запросы от десятков, сотен а то и тысяч клиентов. Клиентская часть СУБД - это в первую очередь провайдер базы данных - программный компонент, который позволяет открыть удаленное соединение с базой данных, принять и передать на сервер запрос, вернуть результат запроса назад клиенту и закрыть соединение. Все это выполняется по сетевому протоколу, такому как TCP/IP.

Теперь вернемся к веб-программированию. В данном случае мы также имеем дело с сервером, клиентом и сетевым протоколом, по которому сервер и клиент общаются. В случае с веб-программированием сетевой протокол - это HTTP, веб-клиент - это чаще всего интернет браузер, а веб-сервер - приложение, которое умеет обрабатывать HTTP запросы. Наиболее популярными веб-серверами являются сервер Apache, который работает под управлением серверной операционной системы UNIX и Internet Information Server (IIS), функционирующий под управлением серверной версии Microsoft Windows. Ну а HTTP (HyperText Transfer Prоtocоl) - это прикладной сетевой протокол на базе TCP/IP, который и предназначен для передачи гипертекста. Итак, с тем, что такое веб-программирование, думаю теперь более или менее понятно.

HTML

HTML (от англ. HyperText Markup Language - «язык разметки гипертекста») - стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

HTML является приложением («частным случаем») SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO 8879. XHTML же является приложением XML.

Язык HTML был разработан британским учёным Тимом Бернерсом-Ли приблизительно в 1986-1991 годах в стенах Европейского Центра ядерных исследований в Женеве (Швейцария). HTML создавался как язык для обмена научной и технической документацией, пригодный для использования людьми, не являющимися специалистами в области вёрстки.

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

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

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

Однако современное применение HTML очень далеко от его изначальной задачи. Например, тег <TABLE> предназначен для создания в документах таблиц, но, часто используется и для оформления размещения элементов на странице.

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

CSS

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) - формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

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

CSS - одна из широкого спектра технологий, одобренных консорциумом W3C и получивших общее название «стандарты Web». В 1990-х годах стала ясна необходимость стандартизировать Web, создать какие-то единые правила, по которым программисты и веб-дизайнеры проектировали бы сайты. Так появились языки HTML 4.01 и XHTML, и стандарт CSS.

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

Термин «каскадные таблицы стилей» был предложен Хокон Виум Ли в 1994 году. Совместно с Бертом Босом он стал развивать CSS.

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

В середине 1990-х Консорциум Всемирной паутины (W3C) стал проявлять интерес к CSS, и в декабре 1996 года была издана рекомендация CSS1.

JQUERY

jQuery - библиотека JavaScript, фокусирующаяся на взаимодействии JavaScript и HTML. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими. Также библиотека jQuery предоставляет удобный API для работы с AJAX.

HTML была одной из первых вещей, которую Джон Резиг освоил, когда он только начал заниматься программированием. Резиг программировал на QBasic, когда один его знакомый показал ему, как создать веб-страницу (используя Angelfire), а также основы HTML. Отец подарил ему на Рождество две книги по HTML. Именно тогда, когда он только начал программировать на Visual Basic, HTML и веб-дизайн очень заинтересовали его.

Но страсть к JavaScript пришла значительно позже, примерно в 2004 году. Тогда Резиг получал степень в области компьютерных наук и работал на полставки в местной фирме Brand Logic. Он занимался дизайном сайта, в котором создавался пользовательский скроллинг. Джон был разочарован и расстроен, особенно потому, что использовал код других разработчиков, после чего решил серьёзно изучить JavaScript. Изучив, пришел к выводам, что JavaScript - это простой, но изящный язык, который является невероятно мощным для решения многих задач. В течение ближайшей пары лет Джон создал множество различных JavaScript-приложений, прежде чем закончить создание jQuery. Основной целью создания jQuery Резиг видел возможность закодировать многоразовые куски кода, которые позволят упростить JavaScript и использовать их так, чтобы не беспокоиться о кросс-браузерных вопросах. Библиотека была представлена общественности на компьютерной конференции «BarCamp» в Нью-Йорке в 2006 году.

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

2. Практическая часть

Тема и цель создания сайта.

Данный проект задумывался как Фан-сайт посвященный Рок-музыке.

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

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

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

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

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

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

Выбор цветовой гаммы для дизайна: темно-серый и оттенки синего.

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

Выбор и создание главной фотографии для сайта (Монитор-слайдер с аудиоколонками по бокам)

Рисование контуров блоков, иллюстративных элементов (баннера, кнопок меню, главных блоков сайта), наполнение их цветом.

Наполнение цветом оставшихся бесцветных элементов шаблона.

Окончательное редактирование элементов дизайна сайта (изменение размера, расположения некоторых элементов под общий вид макета).

Фрагментирование шаблона сайта, сохранение фрагментов в отдельных файлах в формате PNG и JPG для последующей публикации в web.

Программирование кода сайта. Инструменты.

На сайте использованы следующие web-технологии:

· HTML

· CSS

· JQUERY

Сайт разделен на три части:

§ Шапку (header)

§ Основное поле контента(content)

§ Левое поле контента (content-left)

§ Подвал(footer)

Header

В зоне HEADER в верхней части расположено меню с кнопками перехода между страницами.

Ниже расположен слайдер в виде монитора компьютера с меняющимися изображениями.

Content

В данном поле выводится вся информация. Блок растягивается в зависимости от содержимого.

Content-left

В этом блоке располагается онлайн радио на рок-тематику.

Как и блок Content имеет свойство растягивается.

Footer

В блоке footer, так называемом подвале сайта, можно найти автора сайта и его контактные данные.

Обзор сайта по разделам

Сайт состоит из четырех разделов:

· Главная станица

· Музыка

· Видеозаписи

· Фотоальбом

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

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

На странице видеозаписи расположены видеозаписи подгружаемые с всемирно известного видеохостинга YouTube.

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



Примеры кода

Анимация кнопки

$(function()

{

ButtonAnimation('button');

});

function ButtonAnimation(buttonClsName)

{

$(». «+buttonClsName)

find («span»)

hide()

end()

hover (function() {

$(this).find («span»).stop().fadeIn(300);

}, function() {

$(this).find («span»).stop().fadeOut(300);

});

}

Размещение и раскрутка сайта

Сайт планируется разместить на бесплатном хостинге Ucoz.

Будет произведена настройка и окончательная подгонка дизайна сайта.

Выявлены и исправлены недочеты и ошибки программного кода, если таковые имеются.

Заключение

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

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

Литература

1. Онлайн учебник по HTML и CSS «HTMLbook» http://htmlbook.ru/

2. Studio desing http://www.s-sd.ru/ JQuery http://jquery.com/

3. Онлайн уроки Photoshop http://globator.net/

Размещено на Allbest.ru