ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 07.11.2023
Просмотров: 13
Скачиваний: 1
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
Создание внешнего вида сайта
Макетом интернет-магазина можно назвать визуальный образ будущего сайта, который разрабатывается, учитывая технические возможности HTML верстки. Такой макет является демонстрацией того, как будет выглядеть сайт после процесса верстки и наполнения.
Макет представляет собой картинку, которая будет отображаться в Интернет-браузере и которая не включает активные кнопки и другие динамические элементы.
Процесс разработки графического дизайн-макета является сочетанием технических и визуальных параметров будущего интернет-магазина. Это учет таких параметров, как размер элементов сайта, их расположение с точки зрения удобства поиска информации на сайте.
Основой для разработки дизайн-макета сайта являются предоставленные заказчиком материалы: логотип, графические элементы, фотографии и другие элементы дизайна.
Основными компонентами дизайн-макета интернет-магазина являются:
1. Логотип компании — это изображение полного или сокращенного названия компании в виде надписи, рисунка с различными элементами, которое в дальнейшем используется для разработки фирменного стиля и необходимо для идентификации компании на рынке товаров или услуг.
2. Область для каталога, в котором весь товар разделен на категории.
3. Область с разделами интернет-магазина, содержащую ссылки на эти разделы.
4. Область с общей информацией, которая содержит данные о компании, продукции, а также контактную информацию.
5. Нижняя панель, на которой зафиксирована информация об авторских правах, о создателе интернет-магазина.
На рисунке 1 представлена главная страница интернет-магазина
Рисунок 1 — Дизайн главной страницы интернет-магазина
На рисунке 2 представлен дизайн товарной раздела.
Рисунок 2 — Дизайн товарного раздела интернет-магазина
Рисунок 3 и 4 представлена корзина.
Рисунок 3 — Корзина до добавления товара
Рисунок 4 —Корзина после добавления товара
На рисунках 5, 6, 7 представлена информация о предприятии.
Рисунок 5 — О нас
Рисунок 6 — Связаться с нами
Рисунок 7 — Условия конфиденциальности
Рисунок 8 представлена регистрация нового пользователя и авторизация уже зарегистрированного пользователя.
Рисунок 8 — Регистрация и авторизация пользователя