- •Содержание
- •Глава 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.3.4 Структура документов html и css
Структура HTML.
HTML, как и любой другой язык разметки, является теговым, т.е. любой документ на языке HTML представляет собой набор элементов, причем, начало и конец каждого элемента обозначается специальными пометками, называемыми тегами.
Теги можно разделить на граничные и унарные. Унарные теги представляют собой определенные операции, предписывающие браузеру совершить определенное действие по достижению данного тега при обработке html - документа. Например, тег <br /> осуществляет перевод на новую строку.
Граничные теги определяют, как будет выглядеть на экране пользователя часть текста, заключенная внутрь этого элемента. Например, тег <p></p> определяет вид абзаца текста.
Элементы могут содержать атрибуты, определяющие те или иные их свойства (например, размер шрифта для тега <font>). Атрибуты указываются в открывающем теге.
В HTML не имеет значения регистр, в котором набраны имена тегов и их атрибутов (в отличие от XHTML). Элементы могут быть вложенными.
Кроме элементов, в HTML-документах есть и сущности (англ. Entities – специальные символы). Сущности имеют следующий вид: «&имя;» или «&#NNNN;», где «NNNN» – код символа в Юникоде в десятеричной системе счисления (например,   – символ неразрывного пробела).
HTML-документ, отвечающий спецификации HTML какой-либо версии, должен начинаться со строки объявления версии HTML <!DOCTYPE…>, которая обычно выглядит примерно так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Указание этой строки помогает добиться корректного отображения документа в браузере.
Теги <html></html>, внутри которых находится вся основная информация HTML-документа. Информация вне этих тегов будет игнорироваться, либо некорректно интерпретироваться.
Внутри этих тегов документ подразделяется на две части:
заголовок, ограниченный тегами <head></head>; как правило, содержит дополнительные данные о странице, такие как META-теги, заголовок страницы внутри тегов <title></title>, внутренние таблицы стилей внутри тегов <style></style>, скрипты внутри тегов <script></script>;
тело документа, заключенное внутрь тегов <body></body>, содержит всю несущую страницей информацию, выводимую в главном окне браузера.
Области <head> и <body> не пересекаются. Любая информация вне данных тегов, но внутри <html>-области игнорируется, если не несет с собой управляющий характер (например, является java-скриптом).
Структура CSS.
Таблица стилей состоит из набора правил. Каждое правило, в свою очередь, состоит из одного или нескольких селекторов, разделённых запятыми, и блока определений. Блок определений обрамляется фигурными скобками и состоит из набора свойств и их значений.
Схематически это можно показать так:
Cелектор, селектор {свойство1: значение; свойство2: значение; свойство3: значение;...}
Тег {свойство1: значение; свойство2: значение;...}
В качестве селектора может выступать любой тег HTML, для которого определяются правила форматирования, такие как: цвет, фон, размер. Правила задаются в следующем виде.
.Имя класса {свойство1: значение; свойство2: значение;...}
Тег class = ”Имя класса”
Классы применяют, когда необходимо определить стиль для индивидуального элемента веб-страницы или задать разные стили для одного тега.
#Имя идентификатора {свойство 1: значение; свойство2: значение;...}
Тег id = ”идентификатор”
В отличие от классов, идентификаторы должны быть уникальны, иными словами, встречаться в коде документа только один раз.