Валидность html кода
Download 0.77 Mb.
|
Отчет по практике
- Bu sahifa navigatsiya:
- Валидность CSS кода
- Свёрстан слайдер и девиз компании на главной странице
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)
Реализация авторизации пользователей выполняется с помощью БД, где занесены данные о пользователях и данные о роли и 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'muriyatiga murojaat qiling