Валидность html кода


Download 0.77 Mb.
Sana27.12.2022
Hajmi0.77 Mb.
#1068838
Bog'liq
Отчет по практике


1.Верстка
Валидность HTML кода.
Валидность HTML-верстки — это её соответствие стандартам организации W3C. Отсутствие ошибок в вёрстке документа — один из основных показателей её качества.
Валидность CSS кода
Валидацией называется проверка CSS-кода на соответствие спецификации CSS2.1 или CSS3. Соответственно, корректный код, не содержащий ошибок, называется валидный, а не удовлетворяющий спецификации — невалидный.
Свёрстан слайдер и девиз компании на главной странице
На главной странице должен быть представлен анимированный слайдер и девиз компании (Рисунок 1)

Рисунок 1 – Слайдер и девиз компании

В процессе разработки был написан HTML и CSS код (рисунок 2).



Рисунок 2 – Код слайдера и девиза

Вёрстка экрана с карточками товаров со всеми данным (рисунок 3)



Рисунок 3 – Код экрана с товарами

Верстка экрана с товаром (рисунок 4)



Рисунок 4 – Код экрана товара

Верстка страницы «Где нас найти?» (рисунок 5)



Рисунок 5 – Код страницы «Где нас найти?»
Верстка кнопки выход (рисунок 6)

Рисунок 6 – Код кнопки «выход»

Верстка формы регистрации (рисунок 7)



Рисунок 7 – Верстка формы регистрации

Верстка формы авторизации (рисунок 8)



Рисунок 8 – Верстка формы авторизации

Верстка админ панели (рисунок 9) то есть сверстаны все элементы указанные в задани



Рисунок 9 – Верстка админ панели
Верстка корзины (рисунок 10) то есть сверстаны все элементы указанные в задании

Рисунок 10 – Корзины

На этом этап верстки завершён.

2.Программирование на стороне клиента

Сообщения об ошибках валидации полей форм происходят с помощью параметра pattern (рисунок 11)



Рисунок 11 – Валидация формы

Далее необходимо обеспечить уникальность логина и проверку повтора пароля (рисунок 13)



Рисунок 13 – Проверка повтора пароля

Далее необходимо выводить 5 последних товаров в слайдере (рисунок 14)



Рисунок 14 – Проверка повтора пароля

Необходимо разделить функционал по ролям по этому кнопка «добавить в корзину» должна быть только у авторизированного пользолвателя (рисунок 15)



Рисунок 15 – Код для разделения функционала

3.Программирование на стороне сервера

Данные записанные занесенные в формах и выводящиеся на страницах должны быть записаны в БД, для того, что бы просмотреть данные в данном случае используется СУБД PHP MyAdmin (Рисунок 16)

Рисунок 16 – Данные сохраняются в таблицах БД.

Реализация авторизации пользователей выполняется с помощью БД, где занесены данные о пользователях и данные о роли и ID пользователя заносятся в глобальный массив SESSION (рисунок 17)



Рисунок 17 – Код авторизации.

Админ панель должна быть доступна только администратору для этого можно использовать обработку проверки глобаного массива SESSION на текущую роль в сеансе (рисунок 18)



Рисунок 18 – Код проверки на администратора.

Реализация регистрации пользователя осуществляется путем выполнения записи данных формы в БД (рисунок 19).



Рисунок 19 – Код записи данных регистрации в БД.

Реализация логаута пользователя сделана с помощью очищения массива SESSION (рисунок 20)



Рисунок 20 – Код логаута.

Реализация создания заказа и присвоение ему значения по умолчанию «новый» (рисунок 21)



Рисунок 21 – Код создания заказа.

При добавлении заказа в корзину клиента необходимо учитывать его количество (рисунок 22)



Рисунок 22 – Код добавления заказа.

Для того что бы администратор мог добавлять и удалять товар нужно выставить данные элементы если роль будет администратор (рисунок 23)



Рисунок 23 – Код для удаления и добавления товаров администратором.

На этом программирование на стороне сервера закончено
Download 0.77 Mb.

Do'stlaringiz bilan baham:




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling