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

Главная

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

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


посмотреть текст работы


скачать работу можно здесь


полная информация о работе


весь список подобных работ


Нужна помощь с учёбой? Наши эксперты готовы помочь!
Нажимая на кнопку, вы соглашаетесь с
политикой обработки персональных данных

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

Тема: «Сайт для танцевальной группы c элементами рекламы»
Сайт находится на бесплатном хостинге.
В данной курсовой работе представлена реализация веб сайта танцевальной группы. На экране видно несколько вкладок, открыв которые, мы можем получить общие сведения, увидеть фотографии членов группы, узнать историю группы или заказать выступление. Сайт, разработан в среде phpMyAdmin и через нее же и происходит моделирование БД.
В данном отчёте представлен сайт танцевальной группы, сведения хранятся в базе данных, где есть возможность редактирования данных через 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 является стиль - т. е. набор правил оформления и форматирования, который может быть применен к различным элементам страницы. В стандартном HTML для присвоения какому-либо элементу определенных свойств (таких, как цвет, размер, положение на странице и т. п.) приходилось каждый раз описывать эти свойства, даже если на одной страничке должны располагаться 10 или 110 таких элементов, ничуть не отличающихся один от другого. Мы должны были десять или сто десять раз вставить один и тот же кусок HTML-кода в страничку, увеличивая размер файла и время загрузки на компьютер просматривающего ее пользователя.
CSS действует более удобным и экономичным способом. Для присвоения какому-либо элементу определенных характеристик мы должны один раз описать этот элемент и определить это описание как стиль, а в дальнейшем просто указывать, что элемент, который мы хотим оформить соответствующим образом, должен принять свойства стиля, описанного вами.
Более того, мы можем сохранить описание стиля не в тексте вашей странички, а в отдельном файле - это позволит использовать описание стиля на любом количестве Web-страниц, а также изменить оформление любого количества страниц, исправив лишь описание стиля в одном (отдельном) файле.
Кроме того, CSS позволяет работать со шрифтовым оформлением страниц на гораздо более высоком уровне, чем стандартный HTML, избегая излишнего утяжеления страниц графикой.
Требуется создать базу данных, где будут храниться сведения о членах группы, событиях, выступлениях и изображения и связать эту базу данных с веб сайтом, где и будет доступна информация из БД любому пользователю или гостю.
а) Создать базу данных в MySQL или в phpMyAdmin, в которой мы создаём шаблон для удобного занесения информации в БД. Заносим определённую информацию в нужные поля и сохраняем.
- Подключиться к созданной БД в SQL;
- Вывести внесённую в БД информацию на экран ;
- Разработать удобный интерфейс сайта, для удобного просмотра информации.
- По возможности разнообразить странички фотографиями танцоров и выступлений.
Разработка алгоритмов решения задачи
В первую очередь создаём базу данных под названием «performers» .

galery: (таблицу «галерея» создал для того, чтобы посетитель мог просмотреть изображения с группой)
perforers: создал для того, чтобы пользователь имел понятие о каждом танцоре
После того как мы смоделировали наши таблицы приступаем к их созданию. Заходим в phpMyAdmin. В адресной строке набираем http://localhost/phpMyAdmin/
Когда вы вошли, введите имя БД, и нажмите кнопку "Create":
Для создания таблицы щёлкните вкладку "Databases" и выберите БД, щёлкнув на ней:
Затем появится бокс "Create new table in database", где вы вводите имя таблицы и количество полей и нажимаете "Go".
Создадим таблицу с именем “performers”, которая содержит 4 поля:
Для поля "id" устанавливаем в столбце Index значение PRIMARY KEY
Для того, чтобы значения поля id автоматически наращивалось (поле типа Счетчик), можно в столбце конструктора AUTO_INCREMENT (A_I) поставить галочку.
Примечание: Название полей не должно содержать пробелов.
Закончив создание структуры таблицы, нажмите SAVE.
Для заполнения данными таблицы выберите на панели Insert.
Заполните данными в столбце, вводя их в столбец Value.
По умолчанию после вставки записи, вы перейдете к предыдущей странице конструктора, для того, чтобы после вставки записи, загружалась страница для ввода новой записи, измените настройки внизу страницы.
По такому же принципу создаём и заполняем остальные таблицы.
2. Создание веб сайта с подключением к созданной БД
Для разработки сайта нам нужно визуально представить свой будущий сайт и его работу.
Наш сайт состоит из файлов “.php”, “.html”, “.css”, “.js” и изображений.
В папке menu находятся “.css”, “.js” код выпадающего меню сайта.
Подключаемся мы к БД с помощью следующих строк:
$conn = new mysqli($servername, $username, $password, $dbname);
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”
Краткое пособие по эксплуатации сайта:
После того как создали базу данных можно переходить к созданию сайта.
· Главная - где нас приветствуют на этом сайте;
· Новости - как написано выше, что раздел новости создан для просмотра активности группы.
· О нас - раздел из которого можно перейти на 3 другие страницы.
На этом в принципе пользовательские возможности заканчиваются, если не учесть того, что он может попасть на официальную страничку сайта.
Для поддержания сайта в обновлённом виде необходим администратор со своим доступом на изменение, добавление или удаление той или иной информации.
· Администрация сайти осуществляется через phpmyadmin.
Правило размещения сайта на бесплатном хостинге.
1. Регистрируемся на сайте http://www.radyx.ru
2. на нашу электронную почту было выслано письмо с необходимыми логинами и паролями.
3. авторизируемся на сайте http://www.radyx.ru и переходим в раздел «настройки аккаунта»
4. Выбираем кнопку «Управление базой SQL» и импортируем туда нашу Базу данных.
5. Затем нам нужно выбрать «Управление файлами» в разделе «настройки аккаунта» и загружаем туда все файлы нашего сайта, только в файлах db.php, где идёт подключение к базе данных необходимо сменить локальные данные на те, что указаны у нас в письме на электронной почте.
Значения тегов, используемых в программе
Тэги разметки - специальные команды для расположения на экране текста, графики, видео и аудио фрагментов, а также команды, служащие для связи с другими HTML-документами и ресурсами Интернет.
и . Между этими тэгами располагается информация о документе.
и . В этих тэгах заключается название странички, которое будет выведено в рамке окна программы просмотра.
и . "Тело" документа (текст, графика и т.д.) располагается между этими двумя тэгами, то что выводится на экран компьютера.
BGCOLOR - цвет фона ()
LINK - цвет гипертекстовой связи (ссылки)

и

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

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

 Тэг, служащий для логического разделения текста горизонтальной линией.
 и 

Между этими тэгами располагается предварительно отформатированный текст. На экран он выводится шрифтом типа "курьер". ALIGN=LEFT - выравнивание по левому полю ALIGN=RIGHT - выравнивание по правому полю ALIGN=CENTER - выравнивание по центру и - выравнивание по левому полю и - выравнивание по правому полю и - выравнивание по центру Заголовок первого уровня. и Заголовок второго уровня. и

Заголовок третьего уровня. и

Заголовок четвертого уровня.
и Заголовок пятого уровня.
и Заголовок шестого уровня.
и Тэги для выделения текста (слов, букв) жирным шрифтом.
и Тэги для выделения текста (слов, букв) курсивным шрифтом, типа Italic.
и Текст, расположенный между двумя этими тэгами, будет подчеркнут.
и Тэги для изменения размера шрифта.
или - команда для вставки графического изображения
- команда для вставки звукового фрагмента
- команда для вставки видео фрагмента
WIDHT - ширина картинки в пикселях.
HEIGHT- высота картинки в пикселях.
ALIGN - выравнивание (ALIGN=LEFT - выравнивание по левому полю, ALIGN=RIGHT - по правому полю, ALIGN=TOP - по верхней границе, ALIGN=BOTTOM - по нижней границе, ALIGN=MIDDLE или CENTER - по центру).
HSPACE - горизонтальный отступ от графического изображения.
ALT - альтернативный текст, служит для обозначения изображения.
и или и - гиперсвязи
Таблица - сетка для показа данных в строках и столбцах, а также средство для форматирования текста
и Тэги для вставки таблицы в HTML документ
BORDER - ширина бордюра или границы таблицы
и - название таблицы, имеет параметр 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<< Contact -->