нь доходів тощо
Сайт повинен мати зручну панель навігації. Щоб, відвідувач, що вперше потрапив на сайт, міг відразу знайти потрібну йому інформацію. Елементи не повинні бути розкидані по сторінці, сторінка повинна сприйматися цілісно. З цією ж метою, використовують невелику кількість шрифтів (2-3 види).
На малюнках 2.4.1 і 2.4.2 представлені схеми головної сторінки сайту і схема головного меню.
Малюнок. 2.4.1-Схема головної сторінки сайту
.
Малюнок. 2.4.2-Схема головного меню сайту
2.5 Верстка сторінок
Головна сторінка index.php є візиткою з її атрибутами. Імеютсяукрашающіе елементи: логотип, нижче банер, який представляє собою слайд-шоу популярної продукції. Фон імітує холст.Етот фон і логотип присутній на всіх сторінках сайту.
Сторінка також має верхнє і нижнє меню, форму для залишення коментаря, блок новин
Для зареєстрованого користувача з'являється іменне привітання і кнопка переходу на особисту сторінку.
Малюнок. 2.5.1-Від головної сторінки.
Сторінка реєстрації вказана на Малюнку. 2.4.2. У традиційному стилі
пропонується заповнити форму, де обов'язковими є поля імені, e-mail, телефону, адреси і двічі пароля. Методами Javascript перевіряється ім'я на непустоту і збіг двох наборів паролів. Після успішної перевірки методами PHP перевіряється відсутність введеного імені в базі даних і, якщо такого імені ще немає, то ім'я і зашифрований функцією PHP md5 () пароль зберігаються в таблиці Користувачі бази даних.
Малюнок 2.5.2 - Сторінка реєстрації
Сторінка «Оформлення замовлення» найбільш функціонально навантажена. Тут виробляються головні дії, за яких і задуманий був сайт. А саме, проводиться набір кошика споживача, інтерактивний підрахунок суми замовлення, перевірка на заповненість необхідних полів, збереження замовлення в базі даних.
Ця сторінка також має два різновиди (Малюнки 2.4.3 і 2.4.4)
для незареєстрованого гостя
зареєстрованого клієнта, для якого є можливість більш швидкого оформлення замовлення з використанням зазначених раніше даних, а також можливість відстежити виконання замовлення.
Малюнок 2.5.3-Сторінка меню для неавторизованого користувача.
Малюнок 2.5.4-Сторінка меню для авторизованого користувача
На Малюнку 2.4.5. показана сторінка з демонстрацією відео майстер-класу, вийти на яку можна через нижнє меню.
Ця можливість реалізована через сайт You Tube, шляхом вставки наданого сайтом html-коду через панель адміністрування.
Малюнок 2.5.5-Сторінка демонстрації відео майстер-класу
На головній сторінці інтернет-магазину є форма зворотного зв'язку (Малюнку 2.5.6.), де авторизований клієнт може залишити свій коментар.
Ця можливість реалізована через сайт ВКонтакте, шляхом вставки наданого сайтом html-коду в таблицю стилів (CSS).
Малюнок 2.5.6-Форма зворотного зв'язку
І, нарешті, передбачений ще тип користувача сайту з правами адміністратора бази даних. У нього в таблиці Користувачі повинен бути проставлений особ...
