Контрольная по информатике: интернет-магазин канцелярии 'ОфисМир'

КОНТРОЛЬНАЯ РАБОТА

На тему: “Разработка интернет-магазина канцелярских товаров”
ПО УЧЕБНОЙ ДИСЦИПЛИНЕ
«Информатика»

Оглавление
Введение.......................................................................................................................... 3
Постановка задачи........................................................................................................... 3
1 Теоретические предпосылки........................................................................................ 5
1.1 Язык HTML............................................................................................................... 5
1.2 Структура HTML - документа................................................................................... 5
1.3 HTML-редакторы....................................................................................................... 7
1.4 Возможности использования элементов CSS............................................................ 9
2 Руководство по эксплуатации программного средства.............................................. 11
Заключение.................................................................................................................... 13
Список использованных источников............................................................................ 14
Приложение А index.html - код..................................................................................... 15
Приложение B feedback.html - код................................................................................ 17
Приложение C contacts.html - код.................................................................................. 19
Приложение D catalog.html - код................................................................................... 21
Приложение E script.js - код.......................................................................................... 22
Приложение F style.css - код......................................................................................... 24

Введение

Современный рынок канцелярских товаров требует удобных и функциональных решений для онлайн-продаж. Интернет-магазин "ОфисМир" разрабатывается с целью предоставления клиентам простого и эффективного способа покупки товаров для офиса и школы.
Актуальность проекта обусловлена растущим спросом на онлайн-покупки, особенно в сегменте канцтоваров, где важны быстрота выбора, доступность ассортимента и удобство оформления заказа.
Основные задачи проекта:

1. Создать интуитивно понятный интерфейс с удобной навигацией.
2. Реализовать функционал, включающий слайдер акций, фильтрацию товаров, корзину и форму обратной связи.
3. Обеспечить адаптивность дизайна для комфортного использования на любых устройствах.
4. Настроить безопасную обработку данных пользователей.

Целевая аудитория:

1. Офисные сотрудники.
2. Родители школьников и студентов.
3. Учебные заведения и малый бизнес.

Данный проект позволит не только упростить процесс покупки для клиентов, но и повысить конкурентоспособность компании на рынке канцелярских товаров.

Постановка задачи

Цель проекта:
Создать современный, удобный и функциональный интернет-магазин канцелярских товаров, ориентированный на потребности офисных работников и школьников. Сайт должен предоставлять пользователям возможность легко находить нужные товары, знакомиться с акциями, оставлять обратную связь и совершать покупки.
Описание функционала:
Главная страница включает:

1. Слайдер с акционными предложениями и новинками, автоматически переключающийся каждые 5 секунд с возможностью ручного управления.
2. Блок "Преимущества" с информацией о доставке, качестве товаров и системе скидок.
3. Секцию популярных товаров с возможностью добавления в корзину.

Каталог товаров предусматривает:

1. Фильтрацию по категориям (бумажная продукция, письменные принадлежности, канцелярские товары) и ценовым диапазонам.
2. Динамическую загрузку товаров через AJAX для быстрого отображения контента.
3. Карточки товаров с изображениями, названиями, ценами и кнопкой "В корзину".

Форма обратной связи содержит:

1. Поля для ввода имени, email, темы сообщения, текста сообщения и выбора источника информации.
2. Валидацию данных (проверку email и минимальной длины сообщения).
3. Отправку данных через AJAX с обработкой ответа сервера.

Корзина:

1. Отображение добавленных товаров с возможностью изменения количества и удаления.
2. Расчет общей стоимости заказа.

Технические требования:

1. Верстка: HTML5, CSS3 с адаптивным дизайном для корректного отображения на всех устройствах.
2. jаvascript: реализация слайдера, фильтрации товаров, валидации формы и AJAX-запросов.
3. Библиотеки: использование jQuery для упрощения работы с DOM.
4. Дизайн: минималистичный интерфейс в сине-белой цветовой гамме с удобной навигацией.

Показать/скрыть дополнительное описание