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

Структура 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, а разделение страниц сайта на блоки, во много раз упрощает и экономит время на его изменение.

СПИСОК ИСТОЧНИКОВ

1. https://htmlweb.ru/php/php1.php - Web технологии

2. http://helloworld.ru/ - Документация и книги по программированию.

3. http://htmlbook.ru/ - Самоучитель по HTML и CSS.

4. PHP и MySQL для начинающих, видеокурс Евгений Попов.

5. http://site-stroy.com/category/php_lesson - Как создать сайт самому.

6. http://www.intuit.ru/studies/courses/42/42/lecture/1247?page=1#sect2 – Язык программирования PHP. Лекции.

7. http://www.php-s.ru/ - Сайт о PHP.

8. PHP 7 - Котеров Д., Симдянов И.

9. Изучаем PHP и MySQL — Линн Бейли, Майкл Моррисон

10. HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера — Николай Прохоренок

11. MySQL. Учебное пособие — Люк Веллинг, Лора Томсон

12. MySQL и mSQL. Базы данных для небольших предприятий и Интернета — Рэнди Джей Яргер, Джордж Риз, Тим Кинг

---