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

Разработка Web-сайта с использованием технологии PHP и MySQL

Содержание:

ВВЕДЕНИЕ

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

С помощью информационных технологий можно построить единое информационное пространство, охватывающее все бизнес-процессы компании: объединение участников бизнеса - сотрудников компании; ее клиентов; партнеров компании; ее поставщиков и производителей; участников сети продаж. В этом случае уместно говорить об «электронном бизнесе», составляющей которого является электронная коммерция. Электронный бизнес предусматривает проведение всего цикла коммерческих операций только через Интернет, и его реализация требует пересмотра всей модели ведения бизнеса. Компания, недоучитывающая потенциал электронного бизнеса и электронной коммерции, может утратить свои коммерческие позиции под натиском более способных к адаптации в условиях новых реалий рынка конкурентов. Значимость современных Интернет-технологий и их влияние на развитие мирового сообщества, определило выбор темы курсовой работы, ее цели и состав рассмотренных в ней задач. Актуальность темы исследования: заключается в том, что на сегодняшний день любая фирма, компания или обычный фрилансер нуждаются в рекламе своей организации, как текстовой, так и визуальной в виде сайтов.

Целью курсовой работы является разработка Web-сайта при помощи языка PHP c использованием баз данных MySQL. Поставленные цели обусловили необходимость решения следующих задач:

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

1.Технологические процессы и инструменты разработки сайтов

Web - сайт – это набор Web-страниц, связанных между собой гиперссылками. Web-страницы или гипертекстовые документы представляют собой текст, в котором содержатся специальные команды, называемые тегами (tags). Эти теги обеспечивают форматирование элементов страницы и позволяют размещать на ней графические объекты, рисунки, гиперссылки и т.д. Web-страницы создаются с помощью специального языка HTML. HTML или Hyper Text Markup Language является языком разметки гипертекста, разметка осуществляется с помощью тегов. Сегодня кроме HTML применяются и другие языка разметки: WML, XML. В настоящее время для создания интерактивных сайтов применяются различные современные технологии: PHP, ASP, Perl, JSP, CSS, базы данных DB2, MsSQL, Oracle, Access и т.д. Современные сайты, как правило, управляемые сайты, т.е. сайты, которые оснащены CMS (Системой Управления Контентом - Content Management Systems).

1. Разметка web-документа

HTML (HyperText Markup Language) — это обычный текстовый документ, может быть создан как в обычном текстовом редакторе (Блокнот), так и в специализированном, с подсветкой кода (Notepad++, Visual Studio Code и т.п.). HTML-документ имеет расширение .html.

HTML-документ состоит из дерева HTML-элементов и текста. Каждый элемент обозначается в исходном документе начальным (открывающим) и конечным (закрывающим) тегом (за редким исключением). Начальный тег показывает, где начинается элемент, конечный — где заканчивается. Закрывающий тег образуется путем добавления слэша «/» перед именем тега: «<имя тега>…</имя тега>». Между начальным и закрывающим тегами находится содержимое тега — контент.

Одиночные теги не могут хранить в себе содержимого напрямую, оно прописывается как значение атрибута, например, тег <input type="button" value="Кнопка"> создаст кнопку с текстом Кнопка внутри.

Теги могут вкладываться друг в друга, например, <p><i>Текст</i></p>. При вложении следует соблюдать порядок их закрытия (принцип «матрёшки»), например, следующая запись будет неверной: <p><i>Текст</p></i>.

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

Каждому элементу можно присвоить несколько значений class и только одно значение id. Множественные значения class записываются через пробел, <div class="nav top">. Значения class и id должны состоять только из букв, цифр, дефисов и нижних подчеркиваний и должны начинаться только с букв или цифр.

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

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

CSS (Cascading Style Sheets) — язык таблиц стилей, который позволяет прикреплять стиль (например, шрифты и цвет) к структурированным документам (например, документам HTML и приложениям XML). Обычно CSS-стили используются для создания и изменения стиля элементов веб-страниц и пользовательских интерфейсов, написанных на языках HTML и XHTML, но также могут быть применены к любому виду XML-документа, в том числе XML, SVG и XUL. Отделяя стиль представления документов от содержимого документов, CSS упрощает создание веб-страниц и обслуживание сайтов.

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

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

Объявление стиля состоит из двух частей: селектора и объявления. В HTML имена элементов нечувствительны к регистру, поэтому «h1» работает так же, как и «H1». Объявление состоит из двух частей: имя свойства (например, color) и значение свойства (grey). Селектор сообщает браузеру, какой именно элемент форматировать, а в блоке объявления (код в фигурных скобках) перечисляются форматирующие команды — свойства и их значения. Стили CSS по своей сути являются технологией, которая позволяет изменять цвета, размеры и расположение блоков, текста и любых других элементов HTML-разметки. Можно сказать кратко: CSS — это любые «красивости» на веб-сайте.

1. Языки программирования и БД

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

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

JavaScript – язык программирования, являющийся прототипно-ориентированным. Он отражает язык ECMAScript, чьим прототипом изначально и являлся. Первая вариация появилась ещё в 1995 году и с тех пор постоянно совершенствовалась, пока не пришла к нынешнему виду.

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

Частой ошибкой встречается путаница между Java и JavaScript – это два разных языка, несмотря на схожие названия.

Базовой особенностью этого языка отмечается то, что на него повлияли другие (Python, Java и др.) языки программирования с целью придания максимального комфорта JavaScript и лёгкости в понимании его теми пользователями, которые не имеют соответствующего образования и глубинных знаний – не программистами. JavaScript – официально зарегистрированная торговая марка компании Oracle.

С помощью него доступны к исполнению следующие функции:

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

Область применения этого языка удивительно обширна и ничем не ограничена: среди программ, которые используют JS, присутствуют и тестовые редакторы, и приложения (как для компьютеров, так и мобильные и даже серверные), и прикладное ПО.

Данный язык обладает следующими преимуществами:

Полная поддержка современных браузеров языка JavaScript.
Простота использования и понимания написанных на JavaScript плагинов и скриптов.
Полезные функциональные настройки.
Постоянно совершенствующийся язык – сейчас разрабатывается бета-вариация проекта, JavaScript2.
Взаимодействие с приложением может осуществляется даже через текстовые редакторы – Microsoft Office и Open Office.
Перспектива использования языка в процессе обучения программированию и информатике.

Но, как и все в этом мире имеет свои недостатки, так и JavaScript они не обошли:

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

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

PHP создавался для веб-разработки, и для этого он в основном и используется, причём в основном для backend-разработки, то есть разработки серверной стороны сайта. На нём часто пишут динамические страницы и небольшие веб-программы. Вот несколько примеров его использования:

работа с базами данных;
создание системы комментариев;
разработка форумов;
разработка поиска по сайту;
создание страницы для регистрации и входа в систему.

Если говорить о плюсах данного языка:

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

Конечно, стоит так же осветить и минусы:

Чтобы работать с PHP, нужно знать как минимум HTML, а лучше ещё и CSS. Знание JavaScript тоже пригодится.
У простоты и гибкости PHP тоже есть обратная сторона: написать плохой код очень просто, ошибиться легко, а найти ошибку тяжело. Из-за этого поддерживать код бывает непросто.
Безопасность. Во-первых, проблему создаёт то, что код лежит в открытом доступе: если кто-то найдёт в коде баг, он может использовать это в своих целях. Во-вторых, из-за простоты языка и большого количества разработчиков код часто низкого качества и в нём не предусмотрена защита.
Скорость. PHP не самый производительный язык: например, его конкурент JavaScript-быстрее.
Нет четкой системы в названиях функций стандартной библиотеки: в некоторых есть сокращения, в некоторых нет (call_user_func vs. create_function). В некоторых есть подчёркивание, в некоторых нет (isset vs. is_null), а, например, в названиях функций для работы со строками иногда бывает обозначение str, а иногда его не бывает. Такая нестабильность усложняет работу.

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

База данных сайта MySQL – это система, предназначенная для хранения и обработки информации. Комплекс таблиц, взаимосвязанных между собой, для доступа к которым применяется система управления базами данных (СУБД) MySQL. По сути, MySQL – это специальная программа с открытым кодом, которая используется на сервере SQL. Данная программа не способна обрабатывать большое количество информации, однако она идеальна для небольших и крупных веб-ресурсов. Нередки случаи, когда создаваемые web-мастерами проекты остаются практически незаполненными, но как правило, сайты продолжают наполняться контентом, они становятся более загруженными. Такие проекты уже являются динамичными, и без базы данных вести их очень сложно. Храня гигабайты информации, распределенной по сотням файлов, вам придется тратить уйму времени при выдаче необходимых строк в процессе функционирования сервера. Чтобы избежать этого, нужны БД, занимающиеся группировкой и упорядочиванием информации. Код для базы данных значительно проще, чем код, предназначенный с целью применения файлов. При этом запрос обрабатывается куда быстрее.

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

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

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

От других программ MySQL отличается тем, что он без проблем работает с интерфейсом API. С помощью данного программного обеспечения, пользователь легко получает доступ из пользовательской программы к системе управления БД, даже если она написана на C, Perl и прочих языках программирования.

Для администрирования веб-сайтами, чаще всего используется сочетание MySQL с PHP. Большое количество движков (CMS) написаны именно на базе этой «связки».

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

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

1. Подробнее о языке программирования PHP

Главной областью применения PHP является написание сценариев, которые работают на стороне сервера. Помимо различных операций с содержимым ваших html-документов, с помощью PHP можно форматировать HTTP-заголовки, устанавливать cookie, управлять аутентификацией, а также перенаправлять пользователя на другие страницы. PHP предоставляет великолепные возможности по доступу к базам данных, позволяет интеграцию с различными внешними библиотеками. Это позволит вам делать практически все, что вы захотите - от генерации PDF-документов до подробного парсинга в XML.

Основные достоинства PHP:

Весь код обрабатывается и исполняется на стороне сервера
Поддерживает работу с множеством СУБД (MySQL, Oracle, PostgreSQL и т.д.)
Является программным обеспечением с открытым исходным кодом
Работает на разных платформах (Windows, Linux, Unix подобных)
PHP очень прост для освоения
Много возможностей по расширению возможностей языка
Поддержка различных веб-серверов

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

Синтаксис языка PHP.

Самое замечательное в PHP является то, что это веб-ориентированный язык. Язык, специально предназначены для использования в интернете, освоив данный язык, вы получите много возможностей в области создании сайтов. Самым главным достоинств PHP является то, что его можно сочетать с HTML кодом. То – есть php код можно внедрят непосредственно в HTML теги, или наоборот HTML теги можно внедрят в PHP код, что и делает его замечательным языком.

PHP скрипты выполняется на сервере, а результат виде HTML кода отправляется обратно в браузер.

PHP скрипты всегда начинается с <?php и заканчивается ?>, также можно использовать и какую сокращенную форму <? и заканчивается ?>.

Все, что внутри этих тегов будет признан код PHP, все, что за пределами этих тегов PHP будет признан как обычный HTML. PHP код может быть размещен в любом месте документа. Самым главным достоинств PHP является то, что его можно сочетать с HTML кодом. То – есть php код можно внедрят непосредственно в HTML теги, или наоборот HTML теги можно внедрят в php код, что и делает его замечательным языком.

<?php

//PHP код будет здесь

Любой файл страницы вашего сайта, который содержит php код, должен иметь расширение «.php», например index.php. Так же имеются и комментарии, это хороший способ, чтобы вставить объяснения кода в простом русском языке, который никоим образом не будет влиять на ваш скрипт. Комментарии помогут другим программистам понять код, который вы написали. Комментарии могут быть написаны несколькими способами (все, что после «//» однострочные комментарий, чтобы сделать блок комментарий используйте «/ * … * /»)

PHP переменные.

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

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

Переменные в php всегда начинаются со знака доллара, $ например:

$name

$user_name

$name12

$name_12

$age

$myname

$Myname

Переменные $myname и $Myname это разные переменные, то – есть учитывается регистр.

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

Пример:

$name = «Иванов»;

$age = 1986;

Типы данных.

PHP поддерживает восемь простых типов данных.

Четыре скалярных типа:

boolean (логический)
integer (целый)
float (с плавающей точкой)
string (строковый)

Два смешанных типа:

array (массив)
object (объект)

И два специальных типа:

resource (ресурс)
NULL

В PHP не принято явное объявление типов переменных. Предпочтительнее, чтобы это делал сам интерпретатор во время выполнения программы в зависимости от контекста, в котором используется переменная. Рассмотрим по порядку все перечисленные типы данных.

Тип boolean (логический тип) - Переменные логического типа могут принимать два значения: true и false или, иначе говоря, истина и ложь. Чаще всего логические значения используются в условных конструкциях.

Integer (целочисленный тип) - Представляет целое число со знаком размером в 32 бита (от -2 147 483 648 до 2 147 483 647). Кроме десятичных целых чисел PHP обладает возможностью использовать также двоичные, восьмеричные и шестнадцатеричные числа. Шаблоны чисел для других систем:

шестнадцатеричные: 0[xX][0-9a-fA-F]

восьмеричные: 0[0-7]
двоичные: 0b[01]

Тип float (числа с плавающей точкой) - размер числа с плавающей точкой зависит от платформы. Максимально возможное значение, как правило, составляет ~1.8e308 с точностью около 14 десятичных цифр.

Тип string (строки) Для работы с текстом можно применять строки. Строки бывают двух типов: в двойных кавычках и одинарных. От типа кавычек зависит обработка строк интерпретатором. Так, переменные в двойных кавычках заменяются значениями, а переменные в одинарных кавычках остаются неизменными.

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

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

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

Resource (ресурс) — это специальная переменная, содержащая ссылку на внешний ресурс. Ресурсы создаются и используются специальными функциями.

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

Переменная считается NULL если:

ей была присвоена константа NULL.
ей еще не было присвоено какое-либо значение.
она была удалена с помощью unset ().

1. Взаимодействие PHP и MySQL

Построение интерфейса для добавления информации. Разобьем эту задачу на следующие подзадачи:

установка соединения с БД ;
выбор рабочей БД ;
получение списка полей таблицы ;
отображение полей в html-форму.

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

Установка соединения.

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

Выбор базы данных.

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

Получение списка полей таблицы.

Для получения списка полей таблицы используется команда - mysql_list_fields.

Отображение данных, хранящихся в MySQL.

Чтобы отобразить какие-то данные в браузере с помощью PHP, нужно сначала получить эти данные в виде переменных PHP. При работе с MySQL без посредника (такого, как PHP) выборка данных производится с помощью команды SELECT языка SQL:

mysql> SELECT * FROM Artifacts;

mysql_result()

Mysql_result() возвращает значение одной ячейки результата запроса. Аргумент field может быть порядковым номером поля в результате, именем поля или именем поля с именем таблицы через точку tablename.fieldname. Работая с большими результатами запросов, следует задействовать одну из функций, обрабатывающих сразу целый ряд результата (например, mysql_fetch_row(), mysql_fetch_array() и т.д.). Так как эти функции возвращают значение нескольких ячеек сразу, они НАМНОГО быстрее mysql_result(). Кроме того, нужно учесть, что указание численного смещения (номера поля) работает намного быстрее, чем указание колонки или колонки и таблицы через точку.

Вызовы функции mysql_result() не должны смешиваться с другими функциями, работающими с результатом запроса.

Синтаксис mysql_fetch_array. Эта функция обрабатывает ряд результата запроса, возвращая массив (ассоциативный, численный или оба) с обработанным рядом результата запроса, или FALSE, если рядов больше нет. mysql_fetch_array() - это расширенная версия функции mysql_fetch_row(). Помимо хранения значений в массиве с численными индексами, функция возвращает значения в массиве с индексами по названию колонок. Если несколько колонок в результате будут иметь одинаковые названия, будет возвращена последняя колонка. Чтобы получить доступ к первым, следует использовать численные индексы массива в запросе.

Структура web – сайта

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

1. Блоки проектируемого сайта

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

Index.php
head.php
top.php
sidebar.php
content.php
footer.php
style.css
header.php
projectBD.php
soft_skillBD.php
tech_skillBD.php
work1.php
work2.php
work3.php
connect.php

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

head.php – файл в котором будут располагаться основные строки кода используемые постоянно.

top.php – так называемая «шапка» сайта, в нем содержится заголовок сайта.

Sidebar.php - предназначен для разметки боковой колонки, отделенной от основного контента. Важно понимать, что sidebar.php никак не влияет на расположение блоков. Добиваться бокового расположения сайдбара необходимо с помощью CSS.

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

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

connect.php - блок в котором прописывается процедура обращения к базе данных.

projectBD.php – содержит обращение к базе данных project, получение и вывод информации из нее.

soft_skillBD.php - содержит обращение к базе данных soft_skill, получение и вывод информации из нее.

tech_skillBD.php - содержит обращение к базе данных tech_skill, получение и вывод информации из нее.

work1.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.

work2.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.

work3.php - содержит обращение к базе данных work_experience, получение и вывод информации из нее.

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

2.2 Содержание базы данных MySQL

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

Project
Work_experience
Education
Tech_skill
Soft_skill

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

Таблица project состоит из 4 полей: id_project – идентификатор, number – порядковый номер, url – ссылка на проект, type – используемый код в проекте.

Таблица work_experience состоит из 4 полей: id_work – идентификатор, name – название места работы, time – период работы, duties – исполняемые обязанности.

Таблица education состоит из 4 полей: id_education – идентификатор, name – название учебного заведения, department – профиль образования, year – период обучения.

Таблица tech_skill состоит из 2 полей: id_tech_skill – идентификатор, name – название навыка.

Таблица soft_skill состоит из 2 полей: id_soft_skill – идентификатор, name – название навыка.

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

3. Разработка сайта на языке PHP с использованием базы данных MySQL

1. Подготовка необходимых инструментов.

Разработку своего сайта я производил в системе MacOS Big Sure. Так как данная операционная система относится к *unix системам, то какие-то инструменты уже предустановлены в ней, а в частности web сервер Apache и PHP. В качестве редактора кода, я буду использовать Visual Studio Code(VSC) который предоставляется от компании Microsoft совершенно бесплатно. Для создания базы данных нам потребуется скачать и установить следующие дистрибутивы: непосредственно сама база данных – MySQL Community Server и MySQL Workbench для создания базы данных и расположенных в ней таблиц. После описанных действий откроем терминал (системная утилита MacOS Bug Sure) для проверки наличия в системе Apache, PHP и MySQL. Для этого необходимо будет выполнить ряд команд:

httpb -v отобразит установленную версию. Рисунок 1

Рисунок 1 – версия Apache

mysql –version отобразит в терминале установленную версию. Рисунок 2.

Рисунок 2 – версия MySQL

Для проверки PHP необходимо создать файл с названием phpversion.php в программе VSC c содержанием: <?php phpinfo(); ?> и положить данный файл в папку будущего сайта, в моем случае это /User/asokolov/sites. После чего в браузере, в адресной строке прописываем: localhost/phpversion.php. Результатом будет Рисунок 3.

Рисунок 3 – версия PHP

После того как все необходимые инструменты подготовлены и проверены переходим к написанию сайта.

1. Создание страниц сайта

Так как структура сайта уже была определена, то создадим следующие файлы по адресу /User/asokolov/sites: Index.php, head.php, top.php, sidebar.php, content.php, projectBD.php, soft_skillBD.php, tech_skill.php, work1.php, work2.php, work3.php, connect.php, а файл style.css расположим в /User/asokolov/sites/css

Главной страницей является index.php, в котором пропишем название сайта, подключим страницу connect.php (которая содержит настройки подключение к базе данных), так же командой:

<?php

require_once $_SERVER['DOCUMENT_ROOT'].'/(название страницы).php';

подключаем следующие страницы – head.php, top.php, sidebar.php, content.php.

Код страницы в приложении 1.

Файл head.php содержит в себе указание кодировки, а также ссылки на файл css и используемый шрифт. Приложение 2. Top.php – включает в себя шапку сайта и приветствие. Приложение 3. Далее пишем код страницы sidebar.php который содержит мои контакты и список навыков. Так же в этом файле подключаем страницы tech_skillBD.php и soft-skillBD.php в которых указаны настройки для вывода информации из базы данных на страницу сайта. Приложение 4.

Следующим шагом будет написание страницы content.php которая добавляет в структуру сайта ссылки на разработанные проекты, методом подключения файла projectBD.php хранящим в себе обращение к базе данных и отображение информации. Далее по коду, следует подключить следующие страницы: work1.php, work2.php, work3.php. Данные файлы будут отражать информацию о месте работы и периоде, которая находится в базе данных MySQL «mysite». Так же добавим информацию об обязанностях и образовании. В конечном итоге страница будет выглядеть так. Приложение 5.

Файл connect.php (о котором было упомянуто выше) содержит в себе данные, которые позволяют подключиться к созданной мною базе данных «mysite». Приложение 6. Для правильного расположения блоков на сайте, стилистики и визуального дизайна, я использовал файл style.css в котором прописал все настройки. Приложение 7.

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

ЗАКЛЮЧЕНИЕ

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

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

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

Дизайн сайта легко реализуется при помощи каскадных таблиц стилей – CSS, а разделение страниц сайта на блоки, во много раз упрощает и экономит время на его изменение.