Сайт для танцевальной группы c элементами рекламы - Курсовая работа

В первом разделе отчета представлено определение самого термина «База Данных» и «Веб сайт», происхождение и подразделы. Отображение страницы можно изменить добавлением стилей на языке CSS, что позволяет централизовать в определенном файле все элементы форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока вставки и другое) или сценариев на языке JAVASCRIPT, с помощью которого имеется возможность просматривать страницы с событиями или действиями. Главное отличие этого скрипта от скриптов, написанных на других языках, например, на Perl или C - вместо того, чтобы создавать программу, которая занимается формированием HTML-кода и содержит бесчисленное множество предназначенных для этого команд, мы создаем HTML-код с несколькими внедренными командами PHP. Более того, мы можем сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц, а также изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле. Требуется создать базу данных, где будут храниться сведения о членах группы, событиях, выступлениях и изображения и связать эту базу данных с веб сайтом, где и будет доступна информация из БД любому пользователю или гостю.Так же я разработал свою базу данных и сайт, при помощи которого пользователь может просматривать записи в базе данных, а администратор может добавлять, изменять и удалять записи в базе данных через работу с БД.

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

В первом разделе отчета представлено определение самого термина «База Данных» и «Веб сайт», происхождение и подразделы.

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

Третий раздел отчета - метод составления базы данных в sql и сайта, пошаговый алгоритм.

Четвертый раздел содержит пособие по эксплуатации сайта.

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

В листинге представлен полный код сайта, где расположены по порядку все файлы с краткими комментариями.

Определение терминов

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

Определения из международных стандартов: База данных - совокупность данных, хранимых в соответствии со схемой данных, манипулирование которыми выполняют в соответствии с правилами средств моделирования данных.

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

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

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

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

В определениях наиболее часто (явно или неявно) присутствуют следующие отличительные признаки: БД хранится и обрабатывается в вычислительной системе.

Таким образом, любые вне компьютерные хранилища информации (архивы, библиотеки, картотеки и т. п.) базами данных не являются.

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

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

БД включает схему, или метаданные, описывающие логическую структуру БД в формальном виде (в соответствии с некоторой метамоделью).

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

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

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

Сайт (от англ. website: web - «паутина, сеть» и site - «место», буквально «место, сегмент, часть в сети») - совокупность электронных документов (файлов) частного лица или организации в компьютерной сети, объединенных под одним адресом (доменным именем или IP-адресом).

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

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

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

JAVASCRIPT - прототипно-ориентированный сценарный язык программирования. Является диалектом языка ECMASCRIPT[~ 1].

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

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

На JAVASCRIPT оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом легким для использования непрограммистами[4]. Языком JAVASCRIPT не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб-разработке[~ 2][5].

Название «JAVASCRIPT» является зарегистрированным товарным знаком компании Oracle Corporation[6].

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

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

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

PHP (англ. PHP: Hypertext Preprocessor - первоначально Personal Home Page Tools - «Инструменты для создания персональных веб-страниц»; произносится пи-эйч-пи) - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки веб-приложений. В настоящее время поддерживается подавляющим большинством хостинг-провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических вебсайтов.

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

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

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

Краткий перечень возможностей MYSQL.

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

2. Количество строк в таблицах может достигать 50 млн. 3. Быстрое выполнение команд. Возможно MYSQL самый быстрый сервер из существующих.

4. Простая и эффективная система безопасности.

CSS

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

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

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

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

Постановка задачи

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

Для этого следует: а) Создать базу данных в MYSQL или в PHPMYADMIN, в которой мы создаем шаблон для удобного занесения информации в БД. Заносим определенную информацию в нужные поля и сохраняем. б) Разработать веб сайт где: - Подключиться к созданной БД в SQL;

- Вывести внесенную в БД информацию на экран ;

- Разработать удобный интерфейс сайта, для удобного просмотра информации.

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

Разработка алгоритмов решения задачи

1. Создание БД в PHPMYADMIN

В первую очередь создаем базу данных под названием «performers» .

IMG_2e8ddbc0-4710-4598-a1df-09f683072bee

galery: (таблицу «галерея» создал для того, чтобы посетитель мог просмотреть изображения с группой)

idimg

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

idpicturenameinformation



После того как мы смоделировали наши таблицы приступаем к их созданию. Заходим в PHPMYADMIN. В адресной строке набираем http://localhost/PHPMYADMIN/

Когда вы вошли, введите имя БД, и нажмите кнопку "Create":

IMG_ffcc05b8-9106-423d-8117-f10e2a06f5b8

Для создания таблицы щелкните вкладку "Databases" и выберите БД, щелкнув на ней:

IMG_caeeca08-a0fa-46bc-bc8a-27d65dc53383

Затем появится бокс "Create new table in database", где вы вводите имя таблицы и количество полей и нажимаете "Go".

Создадим таблицу с именем “performers”, которая содержит 4 поля:

IMG_841fe6d2-4f5b-476a-9b3f-ff1c7d0b5bca

Для поля "id" устанавливаем в столбце Index значение PRIMARY KEY

IMG_d2f0faa5-ed40-48fa-90e5-8f136bfe27d9

Для того, чтобы значения поля id автоматически наращивалось (поле типа Счетчик), можно в столбце конструктора AUTO_INCREMENT (A_I) поставить галочку.

Примечание: Название полей не должно содержать пробелов.

Закончив создание структуры таблицы, нажмите SAVE.

Для заполнения данными таблицы выберите на панели Insert.

IMG_4f3b1339-312f-48da-a478-f46e546d15a0

Заполните данными в столбце, вводя их в столбец Value.

IMG_43613092-93e4-4dd4-96ee-0109fe2706b0

Нажмите GO.

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

IMG_5b9a87d5-4027-47e6-a715-fa3a812d92f0

По такому же принципу создаем и заполняем остальные таблицы.

2. Создание веб сайта с подключением к созданной БД

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

Наш сайт состоит из файлов “.php”, “.html”, “.css”, “.js” и изображений.

В папке menu находятся “.css”, “.js” код выпадающего меню сайта.

Подключаемся мы к БД с помощью следующих строк: //Подключение к SQL

$servername = "sql-4.radyx.ru";

$username = "gjin19622";

$password = "sqf3fo43pg";

$dbname = "gjin19622";

// Create connection

$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error);

}

Сайт состоит из 7 страниц ( 7 файлов “.php”, “.html”) и файлов “.css”, “.js”.

1 файл “index.html” содержит в себе главную страницу сайта.

2 файл “news.php” подключается к базе данных ”performers” . и выводит все новости на экран.

3/4 те же функции выполняют файлы “crew.php” & ”galery.php”.

5 файл “about.html”, содержит 3 другие страницы.

6/7/8 galery.php, crew.php, history.html

9 Все размеры таблицы, цвет, шрифт, отступы, и даже цветовая гамма интерфейса, все задано в файле “style.css”

10 Код выпадающего меню находится в файле “.js”

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

Наш сайт содержит 7 вкладок: · Главная - где нас приветствуют на этом сайте;

· Новости - как написано выше, что раздел новости создан для просмотра активности группы.

· Связаться - отправить сообщение.

· О нас - раздел из которого можно перейти на 3 другие страницы.

· Команда - список танцоров.

· Галерея - фотографии.

· История - история мероприятий.

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

Для поддержания сайта в обновленном виде необходим администратор со своим доступом на изменение, добавление или удаление той или иной информации.

· Администрация сайти осуществляется через phpmyadmin.

Правило размещения сайта на бесплатном хостинге.

1. Регистрируемся на сайте

2. на нашу электронную почту было выслано письмо с необходимыми логинами и паролями.

3. авторизируемся на сайте и переходим в раздел «настройки аккаунта»

4. Выбираем кнопку «Управление базой SQL» и импортируем туда нашу Базу данных.

5. Затем нам нужно выбрать «Управление файлами» в разделе «настройки аккаунта» и загружаем туда все файлы нашего сайта, только в файлах db.php, где идет подключение к базе данных необходимо сменить локальные данные на те, что указаны у нас в письме на электронной почте.

Значения тегов, используемых в программе

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

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

Параметры тэга : BGCOLOR - цвет фона ()

BACKGROUND - "обои" или бэкграунд

TEXT - цвет текста

LINK - цвет гипертекстовой связи (ссылки)

VLINK - цвет уже посещенной ссылки

ALINK - цвет активной ссылки

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

Тэг, служащий для переноса текста на другую строку. Может также служить для отделения графики от текста на интервал.

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

Параметры выравнивания

Используются в и ALIGN=LEFT - выравнивание по левому полю

ALIGN=RIGHT - выравнивание по правому полю

ALIGN=CENTER - выравнивание по центру

Тэги выравнивания и - выравнивание по левому полю и - выравнивание по правому полю и - выравнивание по центру

Заголовки, служащие для выделения логических частей текста и Заголовок первого уровня. и Заголовок второго уровня. и Заголовок третьего уровня. и Заголовок четвертого уровня. и Заголовок пятого уровня. и Заголовок шестого уровня.

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

Тэги для формирования списков и Тэги, показывающие начало и конец нумерованного списка и Тэги, показывающие начало и конец маркированного списка.

Элемент списка и Тэги, показывающие начало и конец глоссария.

Термин глоссария, располагается без отступа от левого поля страницы.

Описание термина, располагается с отступом от левого поля страницы.

Тэги-команды для вставки в текст объектов нетекстовой информации или - команда для вставки графического изображения

- команда для вставки звукового фрагмента

- команда для вставки видео фрагмента

Параметры графического изображения

WIDHT - ширина картинки в пикселях.

HEIGHT- высота картинки в пикселях.

ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру).

HSPACE - горизонтальный отступ от графического изображения.

VSPACE - вертикальный отступ.

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

Команды, служащие для гиперсвязи с другими HTML-документами и ресурсами Интернет и или и - гиперсвязи

Таблицы

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

Параметры Тэга

BGCOLOR - цвет фона

BORDER - ширина бордюра или границы таблицы

WIDHT - ширина таблицы

Тэги разметки таблицы и - название таблицы, имеет параметр ALIGN=TOP - выравнивание над таблицей и ALIGN=BOTTOM - под таблицей. и Строчка таблицы. Может иметь параметры BGCOLOR - цвет фона внутри строки; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри строки; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание внутри строки таблицы. и Столбец таблицы. Может иметь параметры BGCOLOR - цвет фона под столбцом; ALIGN=LEFT, RIGHT, CENTER - выравнивание внутри столбца; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN растягивание клетки на несколько столбцов, ROWSPAN - растягивание клетки на несколько строк. и Заголовок столбца. Может иметь параметры BGCOLOR - цвет фона под названием; ALIGN=LEFT, RIGHT, CENTER - выравнивание; VALIGN=TOP, BOTTOM, MIDDLE - вертикальное выравнивание; COLSPAN, ROWSPAN - растягивание клетки на несколько столбцов или строк; WIDHT - ширина названия.

Также обращу ваше внимание на функцию “echo<<<HERE HERE;”

Используется эта функция для вывода на экран формы HTML в php блоках. Хочу также подчеркнуть, что это функция капризная, нужно следить чтобы после echo <<<HERE и HERE; не было даже ни одного пробела. А то функция не будет работать.

Анализ результатов

В итоге был разработан сайт со следующим интерфейсом:

IMG_999386c2-034d-4ac2-8947-1667be83ae0a

Удобно расположенная панель навигации с работающими вкладками

IMG_a9fca23d-7865-4089-aaa3-3b370981d1e7

Видно, что мы выбрали вкладку «Галерея» и получили в итоге фото группы.

IMG_3521394d-08a8-428b-9b22-c5831ecfd6fb

база данные программа тег

В процессе выполнения данного курсового проекта я улучшил свои навыки по работе с РНР, MYSQL,HTML, CSS и JAVASCRIPT.

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

В ходе разработки я также улучшил свои знания и умения по работе с HTML страницами.

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

· «Справочник по MYSQL, PHP, JAVASCRIPT, HTML, CSS».

· Сайт

·

Листинг программы

Пользовательская часть: блок header

//стиль выводимого текста задан в style.css блок nav

//выпадающее меню сделано с помощью языков javascript & CSS

Home

About

News

Contact ->

Home

About

Galery

Crew

History

News

Contact

блок section

Who We Are

Maybe you saw us on America’s Got Talent in 2011 or maybe you’ve heard about us through one of our international appearances or saw our Off-Broadway dance show at New World Stages in NY, NY. No matter how you found us, we’re just glad you did!

ILUMINATE is quickly becoming a household name, and why not when we were called “the best new act in America” during our run on America’s Got Talent?

ILUMINATE isn’t just a dance show. We’re a company based on the fusion of technology and dance.

We aim to create a visual display unlike anything you’ve ever seen, using dancers in electrified glow-in-the-dark suits to perform choreographed dances and illusions on a darkened stage. It’s an experience that’s completely unique to our brand and incomparable to any other dance show.

ILUMINATE is the brainchild of Miral Kotb, a woman whose true passions in life are dance and software engineering, which is why you’ll see her both manning the keyboard and dancing on stage in our archive of video performances (which you absolutely should check out).

In 2009, Miral combined her two passions to create our patented ILUMINATE technology, the tool that enables performers, choreographers, engineers, technicians, stylists and artistic directors to produce explosive performances with customized wireless lighting programs. The results are extraordinary lighting effects choreographed with phenomenal dance moves that take viewers on an exhilarating ride.

Where You Can See Us

The ILUMINATE technology has been snapped up by A-listers in music, hitting the stage with Grammy-winning superstars such as Chris Brown, Christina Aguilera, The Black Eyed Peas, and David Guetta, among others.

We didn’t stop on America’s Got Talent while making television our domain. You can find us on other song & dance shows like Dancing with the Stars and the X-Factor, not to mention in a whole slew of music awards performances including the American Music Awards, MTV’s Video Music Awards, BET Awards, The Nickelodeon Awards, Billboard, and Latin Billboard Awards.

We also love our daytime tv. Who doesn’t? That’s why we’ve spent time with The Ellen DEGENERES Show, The Wendy Williams Show, and Good Morning America.

But, as popular as we may be, we do have one longstanding relationship - our show Artist of Light at New World Stages in New York. Six nights a week (and two afternoons!) we hit the stage for an hour-long story told with lights, dance, and at least one giant, man-eating serpent! If you haven’t seen it yet, we recommend you make it a priority.

What’s on the Horizon

As always, there’s a ton of good stuff in the works here at ILUMINATE. After the exciting undertaking of launching our new opening number, written for us by Chris Brown, on October 8, 2014, we’re promoting the single and trying to get butts in seats to share the mind-blowing new pieces of our show with the world.

In fact, there are whispers backstage about organizing a tour, maybe as soon as 2015! We want to spread the light far and wide.

We also have some merchandise coming to cyberspace in the very near future. Think ILUMINATE tech hoodies and branded tee shirts, toys and accessories all with our unique flare.

To stay in the loop, be sure to join our mailing list to get the jump on anything new! And, of course, to hear all about our world travels, our awesome dance sequences, and our appearances on your tv.

Файл index.html

//в php блоках мы ссылаемся на наши блоки сайта, описанные выше.

HTML 5 макет страницы с фиксированной шириной html .jqueryslidemenu{height: 1%;} /*Holly Hack for IE7 and below*/

Home

About

News

Contact ->

Home

About

Galery

Crew

History

News

Contact

Who We Are

Maybe you saw us on America’s Got Talent in 2011 or maybe you’ve heard about us through one of our international appearances or saw our Off-Broadway dance show at New World Stages in NY, NY. No matter how you found us, we’re just glad you did!

ILUMINATE is quickly becoming a household name, and why not when we were called “the best new act in America” during our run on America’s Got Talent?

ILUMINATE isn’t just a dance show. We’re a company based on the fusion of technology and dance.

We aim to create a visual display unlike anything you’ve ever seen, using dancers in electrified glow-in-the-dark suits to perform choreographed dances and illusions on a darkened stage. It’s an experience that’s completely unique to our brand and incomparable to any other dance show.

ILUMINATE is the brainchild of Miral Kotb, a woman whose true passions in life are dance and software engineering, which is why you’ll see her both manning the keyboard and dancing on stage in our archive of video performances (which you absolutely should check out).

In 2009, Miral combined her two passions to create our patented ILUMINATE technology, the tool that enables performers, choreographers, engineers, technicians, stylists and artistic directors to produce explosive performances with customized wireless lighting programs. The results are extraordinary lighting effects choreographed with phenomenal dance moves that take viewers on an exhilarating ride.

Where You Can See Us

The ILUMINATE technology has been snapped up by A-listers in music, hitting the stage with Grammy-winning superstars such as Chris Brown, Christina Aguilera, The Black Eyed Peas, and David Guetta, among others.

We didn’t stop on America’s Got Talent while making television our domain. You can find us on other song & dance shows like Dancing with the Stars and the X-Factor, not to mention in a whole slew of music awards performances including the American Music Awards, MTV’s Video Music Awards, BET Awards, The Nickelodeon Awards, Billboard, and Latin Billboard Awards.

We also love our daytime tv. Who doesn’t? That’s why we’ve spent time with The Ellen DEGENERES Show, The Wendy Williams Show, and Good Morning America.

But, as popular as we may be, we do have one longstanding relationship - our show Artist of Light at New World Stages in New York. Six nights a week (and two afternoons!) we hit the stage for an hour-long story told with lights, dance, and at least one giant, man-eating serpent! If you haven’t seen it yet, we recommend you make it a priority.

What’s on the Horizon

As always, there’s a ton of good stuff in the works here at ILUMINATE. After the exciting undertaking of launching our new opening number, written for us by Chris Brown, on October 8, 2014, we’re promoting the single and trying to get butts in seats to share the mind-blowing new pieces of our show with the world.

In fact, there are whispers backstage about organizing a tour, maybe as soon as 2015! We want to spread the light far and wide.

We also have some merchandise coming to cyberspace in the very near future. Think ILUMINATE tech hoodies and branded tee shirts, toys and accessories all with our unique flare.

To stay in the loop, be sure to join our mailing list to get the jump on anything new! And, of course, to hear all about our world travels, our awesome dance sequences, and our appearances on your tv.

&copy; Eugeniu Cuzmin ia-132 Eo?niaay ?aaioa ia oaio naeo aey oaioaaaeuiie a?oiiu

Далее будет только тот код, которым отличаются файлы между собой.

Файл about.html

// изображения которые так же являются ссылками

Файл crew.php

// подключение к БД и к таблице performers с последующим выводом на экран танцоров

<?php

$servername = "localhost";

$username = "root";

$password = "";

$dbname = "performers";

// Create connection

$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error);

}

$sql = "SELECT id, picture, name, information FROM performers";

$result = $conn->query($sql);

if ($result->num_rows > 0) { echo "";

// output data of each row while($row = $result->fetch_assoc()) { echo "".$row["picture"]."".$row["name"]."".$row["information"]."";

} echo "";

} else { echo "0 results";

}

$conn->close();

?>

Файл galery.php

<?php

$servername = "localhost";

$username = "root";

$password = "";

$dbname = "performers";

// Create connection

$conn = new mysqli($servername, $username, $password, $dbname);

// Check connection if ($conn->connect_error) { die("Connection failed: " . $conn->connect_error);

}

$sql = "SELECT id, img FROM galery";

$result = $conn->query($sql);

if ($result->num_rows > 0) {

// output data of each row while($row = $result->fetch_assoc()) { echo $row["img"];

}

} else { echo "0 results";

}

$conn->close();

?>

Файл contact.php

//форма для того чтобы заказать выступление группы

Name:

Email:

City:

Date:

Type of event:

Aditional information:

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

Файл order.php отправляет информацию с формы на почту создателя сайта

Order

<?php

// Iieo?aoaeu

$STREMAIL = "gjin19@mail.ru";

// Получить пользовательские вводы

$STRSUBJECT = $_POST["email"];

$STRMESSAGE = $_POST["event"];

mail($STREMAIL,$STRSUBJECT,$STRMESSAGE);

echo "We will contact you.";

?>

Файл style.css для меню

.jqueryslidemenu{ font: bold 12px Verdana;

background: grey; /* ‘оновый цвет всего меню */ width: 100%; /* Уирина меню */

}

/* ”бираем пол¤ , отступы и маркеры дл¤ основного списка */

.jqueryslidemenu ul{ margin: 0;

padding: 0;

list-style-type: none;

}

/*¬ыстраиваем элементы списка горизонтально*/

.jqueryslidemenu ul li{ position: relative;

display: inline;

float: left;

}

/*-тили ссылок пунктов списка верхнего уровн¤*/

.jqueryslidemenu ul li a{ display: block;

background: grey; /*‘оновый цвет ¤чеек меню в обычном состо¤нии*/ padding:8px 12px; /*ќтступы элементов меню: сверху-снизу и справа-слева*/ border-right: 5px solid #000; /*-тиль перегородки между ¤чейками*/ text-decoration: none;

}

* html .jqueryslidemenu ul li a{ /*’ак специально дл¤ IE6, чтобы достичь корректного отображени¤*/ display: inline-block;

}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{ color: #FF8E00; /*чвет текста ¤чеек меню*/

}

.jqueryslidemenu ul li a:hover{ background: black; /* чвет фона ¤чеек меню при наведении*/ color: #FF8E00;/* чвет текста меню при наведении*/

}

.jqueryslidemenu ul li ul{ position: absolute;

left: 0;

display: block;

visibility: hidden;

}

.jqueryslidemenu ul li ul li{ display: list-item;

float: none;

}

.jqueryslidemenu ul li ul li ul{ top: 0;

}

/* -тили дл¤ подменю */

.jqueryslidemenu ul li ul li a{ background:#666666; /* фоновый цвет подменю в обычном состо¤нии */ font: normal 12px Verdana; /* стиль шрифта элементов подменю */ width: 140px; /*ширина подменю*/ padding: 6px; /*отступы*/ margin: 0;

border-top-width: 0;

border-bottom: 1px solid gray; /* стиль перегородки между пунктами подменю */

}

.jqueryslidemenu ul li ul li a:hover{ background: black; /* фоновый цвет подменю при наведении */ color: #FFFF00; /* цвет текста подменю при наведении */

}

/* ######### -тили дл¤ изображений (стрелочки вниз и вправо) ######### */

.downarrowclass{ position: absolute;

top: 12px;

right: 7px;

}

.rightarrowclass{ position: absolute;

top: 7px;

right: 5px;

}

Файл style.css для страниц сайта html, body { height: 100%;

margin: 0px;

min-height: 100%;

padding: 0px;

} html { background: E6E9FF;

} body { background: #B0B0B0;

} header { background: #000000;

height: 60px;

} section{ padding:20px;

} footer { background: black;

bottom: 0;

height: 25px;

line-height: 25px;

margin: -25px auto auto auto;

width: 1024px;

} h1{ color:#FF8E00;

} p { margin: 0;

text-indent: 20px;

line-height:140%;

overflow: auto;

}

.content { background-color: #fff;

height: auto !important;

height: 100%;

margin: auto;

min-height: 100%;

width: 1024px;

border-width:3px solid black;

}

#footer-cleaner { clear: both;

height: 25px;

}

.copyright { float: left;

color: red;

}

.site-developer { float: right;

color: red;

} файл jqueryslidemenu.js

//Specify full URL to down and right arrow images (23 is paddingright to add to top level LIS with drop downs): var arrowimages={down:["downarrowclass", "menu/down.gif", 23], right:["rightarrowclass", "menu/right.gif"]} var jqueryslidemenu={ animateduration: {over: 200, out: 100}, //duration of slide in/ out animation, in milliseconds buildmenu:function(menuid, arrowsvar){

JQUERY(document).ready(function($){ var $mainmenu=$("#" menuid ">ul") var $headers=$mainmenu.find("ul").parent()

$headers.each(function(i){ var $curobj=$(this) var $subul=$(this).find("ul:eq(0)") this._dimensions={w:this.OFFSETWIDTH, h:this.OFFSETHEIGHT, subulw:$subul.OUTERWIDTH(), subulh:$subul.OUTERHEIGHT()} this.istopheader=$curobj.parents("ul").length==1? true : false

$subul.css({top:this.istopheader? this._dimensions.h "px" : 0})

$curobj.children("a:eq(0)").css(this.istopheader? {PADDINGRIGHT: arrowsvar.down[2]} : {}).append(

"<img src="" (this.istopheader? arrowsvar.down[1] : arrowsvar.right[1])

"" class="" (this.istopheader? arrowsvar.down[0] : arrowsvar.right[0])

"" style="border:0;" />"

)

$curobj.hover( function(e){ var $targetul=$(this).children("ul:eq(0)") this._offsets={left:$(this).offset().left, top:$(this).offset().top} var menuleft=this.istopheader? 0 : this._dimensions.w menuleft=(this._offsets.left menuleft this._dimensions.subulw>$(window).width())? (this.istopheader? -this._dimensions.subulw this._dimensions.w : -this._dimensions.w) : menuleft if ($targetul.queue().length<=1) //if 1 or less queued animations

$targetul.css({left:menuleft "px", width:this._dimensions.subulw "px"}).SLIDEDOWN(jqueryslidemenu.animateduration.over)

}, function(e){ var $targetul=$(this).children("ul:eq(0)")

$targetul.SLIDEUP(jqueryslidemenu.animateduration.out)

}

) //end hover

}) //end $headers.each()

$mainmenu.find("ul").css({display:"none", visibility:"visible"})

}) //end document.ready

}

}

//build menu with ID="myslidemenu" on page: jqueryslidemenu.buildmenu("myslidemenu", arrowimages)

?aciauaii ia .ru