- •Содержание
- •Глава 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.8 Работа с графикой
Изображения оказывают наибольшее воздействие на визуальное восприятие человеком веб-ресурса, т.к. именно с их помощью кодируется больше информации и в более простой для восприятия форме. Графика также помогает упростить навигацию и ориентирование пользователя.
Типы графических вставок в web-страницы:
логотип – идентификатор корпоративного стиля;
титульная графика – предоставляет посетителям информацию по тематической направленности веб-ресурса;
навигационные кнопки – дополнительный метод перемещения пользователя по ресурсу;
маркеры списков – часто используются для разделения параграфов и абзацев в документе;
разделительные линии – обычно используются для разделения текстов и облегчения их восприятия;
фоновые рисунки – улучшают внешний вид страниц, однако, зачастую, ухудшают восприятие пользователем текстовой информации и становятся визуальным шумом;
фотографии – обычно используются для иллюстрирования информации, привлечения внимания, в оформлении основных элементов сайта (например, в титульной графике).
Простейшим методом внедрения изображений в HTML-документ происходит с помощью тега <img>. Этот тег имеет единственный обязательный атрибут <src>, который определяет адрес файла с картинкой:
<img src = "URL" alt = "альтернативный текст"/>.
Альтернативный текст – текст, который будет показан пользователю в случае невозможности вывода изображения. Рекомендуется всегда указывать в атрибутах тега ширину и высоту с помощью атрибутов <width> и <height>. Это нужно для того, чтобы браузер мог сразу просчитать и зарезервировать необходимое для изображений место на странице.
В вопросах использования графики существуют свои особенности:
из двух совершенно одинаковых рисунков больше запоминается тот, который имеет бо́льшие геометрические размеры;
черно-белая веб-графика запоминается меньше, чем полноцветная;
из двух совершенно одинаковых рисунков больше запоминается более яркий;
из двух совершенно одинаковых рисунков больше запоминается более контрастный;
примитивная графика, иллюстрирующая процессы, схемы и пр. понимается и запоминается быстрее и проще, чем сложная графика, иллюстрирующая те же самые процессы и схемы;
графика с простейшими геометрическими формами (овал, квадрат, прямоугольник) воспринимается легче, чем графика со сложными геометрическими формами [21].
1.4.9 Форматы графических файлов
Основными форматами графических файлов в веб-дизайне являются GIF, JPEG, PNG.
GIF (англ. Graphics Interchange Format, формат для обмена изображениями) изначально предназначался для передачи растровых изображений по Сети, однако, в первой версии формата файл изображения получался слишком объемным, что на тот момент делало невозможным его передачу по Сети.
Среди новых функциональных возможностей обновленного формата оказались: поддержка прозрачности и анимации, значительное сокращение объема файла изображения за счет поддержки LZW-компрессии3. Формат GIF считается стандартным для анимированных изображений.
JPEG (англ. Joint Photographic Experts Group, объединенная группа экспертов фотографии) применяется для хранения многоцветных фотографических изображений, т.к. обеспечивает сжатие полноцветного изображения практически без уменьшения количества цветов. Процесс сжатия происходит за счет уменьшения числа пикселей, содержащих информацию.
PNG (англ. Portable Network Graphics, переносимая сетевая графика) является растровым форматом хранения графической информации без потери качества во время сжатия.
Задумывался данный формат как замена GIF. Отсюда и схожие возможности, вроде наличия прозрачного фона. Однако, PNG имеет большой, по сравнению с GIF, объем файла с изображением, а также не поддерживает анимацию. Тем не менее, формат PNG отлично подходит для хранения и редактирования изображений на промежуточной стадии их создания [8].