- •Содержание
- •Глава 1. Теоретическое обоснование 7
- •Глава 2. Проектно-конструкторская часть 55
- •Глава 3. Экономическое обоснование 73
- •Глава 4. Охрана труда 77
- •Введение. Понятие «интернет-коммерция»
- •Глава 1. Теоретическое обоснование
- •1.1 Торговля в Интернете
- •1.1.1 Преимущества и недостатки электронной торговли
- •1.1.2 Применение методик электронной коммерции
- •1.2 Понятие «Интернет-магазин»
- •1.2.1 Общая схема интернет-магазина
- •1.2.2 Потребительская аудитория
- •1.2.3 Функциональные возможности интернет-магазина
- •1.2.4 Фазы процесса разработки интернет-магазина
- •1.3 Понятие веб-дизайна
- •1.3.1 Факторы, влияющие на качество веб-дизайна
- •1.3.2 Технические аспекты создания веб-страницы
- •1.3.3 Языки разметки и таблицы стилей
- •1.3.4 Структура документов html и css
- •1.3.5 Языки сценариев и программирования
- •Структура JavaScript.
- •1.3.7 Базы данных и субд для web-приложений
- •1.4 Разработка дизайна
- •1.4.1 Разработка интерфейса
- •1.4.2 Общие правила дизайна страниц
- •1.4.3 Классификация веб-дизайна
- •1.4.4 Макет страницы
- •1.4.5 Правило оформления текста
- •1.4.6 Подбор шрифта
- •1.4.7 Подбор цвета
- •1.4.8 Работа с графикой
- •1.4.9 Форматы графических файлов
- •Выводы по главе
- •Глава 2. Проектно-конструкторская часть
- •2.1 Технические характеристики
- •2.2 Организация страницы и оформления
- •2.2.1 Понятие «юзабилити»
- •2.2.2 Композиция страницы
- •2.2.3 Основные правила главной страницы
- •2.2.4 Под запретом
- •2.2.5 Общие рекомендации
- •2.3 Описание созданного макета
- •Выводы по главе
- •Глава 3. Экономическое обоснование
- •3.1 Анализ возможностей расходов и доходов
- •3.2 Оценка расходов на создание ресурса
- •3.3 Определение возможностей дохода сайта
- •Выводы по главе
- •Глава 4. Охрана труда
- •4.1 Эргономический анализ рабочего места
- •4.1.1 Порядок расположения рабочих мест оператора пэвм
- •4.1.2 Эргономические параметры рабочего места
- •4.2 Организация рабочего места
- •4.3 Освещение рабочих помещений
- •4.4 Требования к вентиляции
- •4.5 Требования к параметрам микроклимата
- •4.6 Критерии электробезопасности
- •4.7 Обеспечение пожарной безопасности
- •Выводы по главе
- •Заключение
- •Список используемой литературы
- •10 Кд/м2 – кандела на квадратный метр – единица яркости в системе си; равна яркости светящейся плоской поверхности площадью 1 м2 в перпендикулярном к ней направлении при силе света 1 кд.
1.4.3 Классификация веб-дизайна
Перед началом разработки дизайна необходимо знать, какой вид дизайна можно применить для того, чтобы сайт был стильным. Стиль – это система визуальных элементов, призванная обеспечить цельность восприятия странички или всего сайта. Исходя из разработанной концепции и контента (текстового материала, готовых иллюстраций и рисунков), подбираются шрифты, цвет фона, способ обработки картинок, коллажей, иконок и дугих элементов.
Выделяются следующие элементы, участвующие в создании стиля:
шрифт; в пределах публикации шрифт должен иметь одинаковые характеристики (гарнитура (начертание), кегль (высота), цвет);
абзац; в пределах публикации предпочтителен единый вид выравнивания;
цветовая схема; единое оформление создаст у посетителя ощущение связности сайта;
графическое оформление должно укладываться в общую цветовую схему; используя в оформлении фотографии в качестве иллюстраций, необходимо сделать грамотную тоновую и цветовую коррекцию, кадрирование, найти способ обработки краев;
логотип.
На данный момент в зависимости от контекста можно выделить следующие типы веб-дизайна:
текстовый дизайн: почти полное отсутствие изображений, что значительно ускоряет загрузку страницы;
полиграфический дизайн: веб-страница имитирует печатное издание. Подобный дизайн распространен на корпоративных и рекламных сайтах, т.е. там, где необходимо образно-эмоциональное наполнение содержания. Как правило, основное впечатление пользователь получает за счет пиксельной графики;
интерфейсный дизайн: минимизирование кода и предельная оптимизация изображений, тщательно продуманная навигация и общая схема сайта;
динамический дизайн: активное использование динамических объектов, в частности, анимации;
смешанные типы – комбинация представленных типов дизайна [7].
С особенностями разрешения дисплея связан вопрос выбора между подстраивающимися страницами (изменяется размер и осуществляется настройка под разные размеры окон) и фиксированными по размеру (что позволяет разработчику лучше управлять размерами страницы). В пользу каждого из подходов есть веские аргументы [7].
При использовании гибких страниц (т.е. резинового дизайна), текст и элементы HTML-файла попадают в окно браузера, заполняя все доступное пространство, вне зависимости от размеров дисплея. Если размер окна браузера изменяется, элементы повторно выводятся, чтобы настроиться на новые размеры. Этот подход имеет свои достоинства и недостатки:
гибкую страницу можно настроить для вывода на любом дисплее;
отсутствует нежелательное свободное место;
на больших дисплеях длина строки может оказаться чрезмерной, что значительно ухудшает условия чтения;
возможно негармоничное расположение элементов;
результаты гибкого дизайна непредсказуемы: страница у разных пользователей будет выглядеть по-разному.
При разработке жесткой страницы дизайнер имеет больший контроль над разметкой страницы. Разрабатываются страницы фиксированной ширины, которая будет постоянной для всех пользователей, независимо от размера дисплея или изменений размеров окна.
Подобный подход также имеет свои особенности:
страница всегда будет выглядеть одинаково вне зависимости от размеров дисплея;
страницы и столбцы с фиксированной шириной обеспечивают лучшее управление длинами строк;
если размер данного окна браузера меньше сетки страницы, части страницы не будут видны и может потребоваться горизонтальная прокрутка, что почти всегда воспринимается как помеха.
Веб-страницы могут быть полностью фиксированными или гибкими, но также могут объединять в себе оба подхода.