Веб-сайт «Веселая математика» включает чуть свыше десятка файлов самого разного назначения. Все они доступны для редактирования и находятся в папке, адрес до которой \xampp\htdocs\funmath. В папке funmath лежит папка с картинками images, папка с файлом style.css, а также 12 файлов:
· index.php;
· reg.php;
· save_user.php;
· bd.php;
· testreg.php;
· contacts.php;
· send.php;
· about-us.php;
· facts.php;
· help-student.php;
· news-math.php;
· problem.php;
Далее, эти файлы будут рассмотрены поочередно, а именно оговорится назначение каждого из них, а также будет проведена проверка коректности кода. В конкретных случаях один и тот же объект будет именоваться как файлом, так и страницей, но контекст предложения позволит понять, что именно имеется в виду. Например, существует файл review.php, точно также существует производная от него станица review.php.
style.css – файл, с помощью которого описан внешний вид веб-страниц. К остальным файлам подключается при помощи следующего тега:
<link rel="stylesheet" type="text/css" href="style.css">
В нем описаны стили для общих тегов: body, p, td, div, a, form, ul, а также некоторых локальных. Многие стили описываются не в файле style.css, а в самих тегах.
Все стили работают правильно. В файле style.css нет тегов, не применяемых по назначению.
index.php – главная страница сайта, а также файл, обращение к которому происходит по умолчанию. Для отображения в браузере нужно набрать адрес:
· в случае локального сервера: https://localhost/ids/index.php (название страницы можно опустить);
· в случае сайта доступного в глобальной сети: https://название сайта/ids/index.php (название страницы можно опустить).
На главной странице (рисунок 3) размещена статья «40 интересных цитат Альберта Эйнштейна», которая призвана мотивировать посетителей на получение знаний.
|
|
Рисунок 3 – Главная страница
Главная страница отображается верно. Все элементы находятся на своих местах. Форма авторизации работает исправно.
reg.php – страница регистрации. На ней расположена форма регистрации (рисунок 4).
Рисунок 4 – Форма регистрации
Данные из формы посылаются на проверку и сохранение в save_user.php.
В файле save_user.php. данные присланные из формы регистрации проверяются и сохраняются в базу данных. А делается это следующим образом:
1. введенный пользователем логин заносится в свободную переменную, если он пустой, то переменная уничтожается;
2. введенный пользователем пароль заносится в свободную переменную, если он пустой, то переменная уничтожается;
3. если логин и пароль введены, то они обрабатываются, чтобы теги и скрипты не работали;
4. удаляются лишние пробелы;
5. происходит подключение к БД;
6. осуществляется проверка на существование пользователя с таким же логином, если такого нет, то данные сохраняются;
7. проверяется наличие ошибок.
Подключение к базе данных осуществляется в файле bd.php.
В случаи ввода некорректных данных, пользователь будет уведомлен об этом. А если все данные введены правильно, то его перенаправит на страницу с сообщением об удачном завершении регистрации.
testreg.php – файл авторизации. Авторизация пользователя возможна только в том случае, если он прежде был зарегистрирован. Процедура авторизации происходит поэтапно:
1. введенный пользователем логин заносится в свободную переменную, если он пустой, то переменная уничтожается;
2. введенный пользователем пароль заносится в свободную переменную, если он пустой, то переменная уничтожается;
|
|
3. если пользователь не ввел логин или пароль, то выдается ошибка и скрипт останавливается;
4. удаляются лишние пробелы;
5. происходит подключение к БД;
6. извлекаются из базы все данные о пользователе с введенным логином;
7. если пользователя с введенным логином не существует, то выводится сообщение: «Извините, введённый вами login или пароль неверный»;
8. если пользователь существует, то сверяются пароли;
9. если пароли совпадают, то пользователю запускается сессия;
10. если пароли не сошлись, то выводится сообщение об ошибки: «Извините, введённый вами login или пароль неверный».
На странице contacts.php расположена форма отправки сообщения на электронную почту (рисунок 5). Пользователь должен внести в форму свое имя, свой адрес электронной почты и сообщение.
Рисунок 5 – Форма отправки сообщения
Данные из формы отправляются в файл send.php, где они обрабатываются и посылаются на указанный адрес.
about-us.php – страница с информацией о сайте (рисунок 6).
Рисунок 6 – Страница «О нас»
facts.php – страница, на которой собраны интересные факты о математике (рисунок 7). Весь материал здесь оформлен при помощи простой html-таблицы.
Рисунок 7 – Страница «Интересные факты»
На странице help-student.php расположены полезные школьнику формулу (рисунок 8). Каждая группа формул изображена на картинке, которая функционирует при помощи JavaScript.
Рисунок 8 – Страница «Полезное школьнику»
В скриптах ошибок не выявлено.
news-math.php – страница с последними новостями из мира математики (рисунок 9). Каждая новость открывается при нажатии по ссылке. Функционирует здесь все также при помощи JavaScript.
|
|
Рисунок 9 – Страница «Новости математики»
problem.php – страница с интересными задачами (рисунок 10). Содержание задачи оформлено блоками div. Чтобы прочитать ответ к задаче, нужно щелкнуть по ссылке «Ответ». Блок с ответом открывается при помощи JavaScript.
Рисунок 10 – Страница «Интересные задачи»
Заключение
Таким образом, итогом данной курсовой работы стал веб-сайт «Веселая математика». В процессе разработки веб-сайта использовались следующие языковые средства:
· HTML;
· CSS;
· PHP;
· JavaScript.
Сайт «Веселая математика», написанный вручную на блокноте NotePad++, примечателен элементарной структурой организации страниц, но, не смотря на это, он является полноценным веб-ресурсом.
Реализация технической части сайта состоит из следующих этапов:
· разработка подходящего для сайта образовательной тематики дизайна;
· планирование внутренней структуры;
· написание кода.
Данный сайт окажется полезен всем тем, кто на прямую или косвенно связан с математикой.