- •Реферат
- •Содержание
- •Раздел 1 теоретические основы разработки web-сайта 7
- •Раздел 2 разработка web-сайта 24
- •Раздел 3 проектирование web-сайта 33
- •Раздел 4 охрана труда 58
- •Введение
- •Раздел 1 теоретические основы разработки web-сайта
- •Обоснование необходимости создания web-сайта
- •Понятиеweb-сайта
- •Классификацияweb-сайтов
- •По содержанию
- •По виду
- •Основные языкиweb-программирования
- •JavaScript
- •Системы управления контентом (cms)
- •КлассификацияCms
- •1.5.3WordPress
- •1С-Битрикс
- •Основы дизайнаweb-сайта
- •1.6.3 Дизайн сайта
- •1.6.2 Дизайн логотипа
- •1.7 Вывод по разделу 1
- •Раздел 2 разработкаweb-сайта
- •2.1 Обоснование выбранных технологий при созданииweb-сайта
- •2.1.1 Анализ и выбор графики при создании логотипа
- •2.1.1.1 Преимущества использования векторной графики для создания логотипа
- •2.1.2 Анализ и выбор графики при создании дизайнаweb-сайта
- •2.1.3 Анализ и выбор графического редактора для логотипа
- •2.1.3.1 CorelDraw
- •2.1.3.2 AdobeIllustrator
- •2.1.3.3 Сравнение CorelDraWиAdobeIllustrator
- •2.1.4 Анализ и выбор графического редактора для дизайнаweb-сайта
- •2.1.5 Анализ и выборhtml-редактора
- •2.1.6 Анализ и выборCms
- •2.1.6.1 1С-Битрикс
- •2.1.6.2 Umi cms
- •2.2 Выводы по разделу 2
- •Раздел 3 проектированиеweb-сайта
- •3.1 Изучение бренда
- •3.2 Целевая аудитория
- •3.3 Исследование рынка
- •3.4 Прототипweb-сайта
- •3.4.1 Выбор типаweb-сайта
- •3.4.2 Выбор разметкиweb-сайта
- •3.4.3 Выбор цветовой схемыweb-сайта
- •3.4.4 Прототип логотипа web-сайта
- •3.4.4.1 Изучение логотипов фирм-конкурентов
- •3.4.4.2 Концепция и эскиз
- •3.5 Дизайн сайта
- •3.6 Дизайн логотипа
- •3.7 Интерактивный прототип
- •3.8 Верстка сайта
- •3.8.1 Структура xslt документа
- •3.8.2 Стили сайта
- •3.8.3Php
- •3.8.4 Java Script
- •3.9 Создание страниц сайта вUmi.Cms
- •3.10 Отладка работы сайта
- •3.5 Выводы по разделу 3
- •Раздел 4 охрана труда
- •4.1. Правовые и организационные вопросы охраны труда
- •4.1.1. Виды ответственности
- •4.1.2. Организация обучения безопасности труда
- •4.1.2.1. Обучение и проверка знаний руководителей и специалистов
- •4.2. Оценка условий труда
- •4.2.1 Требования к помещениям для работы с пэвм
- •4.2.2. Требования к уровням шума и вибрации на рабочих местах, оборудованных пэвм
- •4.2.3. Общие требования к организации рабочих мест пользователей пэвм
- •Заключение
- •Список использованных источников
Раздел 2 разработкаweb-сайта
2.1 Обоснование выбранных технологий при созданииweb-сайта
2.1.1 Анализ и выбор графики при создании логотипа
Для хранения и показа изображений в компьютере существует несколько видов графики:
векторная;
растровая;
фрактальная;
трехмерная;
символьная.
Векторная графика
Этот вид строится на основе векторов. Векторное изображение строится на основе кривых и формул: задается начальная точка кривой, конечная точка кривой и формула, по которой рассчитывается данная кривая. Соответственно, при масштабировании таких изображений качество не портится, так как меняются значения в данной формуле. Для разработки логотипа используется векторная графика.
Растровая графика
Данный вид графики наиболее распространен, и связано это в первую очередь, с особенностями восприятия человеком изображения. Свет, отраженный от поверхности предмета проецируется на сетчатку глаза, где он воспринимается миллионами светочувствительных ячеек. Происходит кодирование светового сигнала, он разбивается на множество частей, которые попадают в мозг, где и воспринимается изображение как объемный предмет. Примерно тот же процесс напоминает растровая графика при демонстрации на мониторе компьютера.
Основной минимальный элемент растровых изображений – точка (пиксель). Чтобы сохранить изображение, компьютер должен сохранить информацию о каждом пикселе (размере, расположении, яркости, цвете и т.д.).
Фрактальная графика
Строится на основе примитивов, которые наследуют свойства друг друга за счет уравнений.
Трехмерная графика
Трехмерная графика располагает объекты в трехмерном пространстве.
Символьная графика
В настоящее время символьный вид графики является устаревшим и не используется
2.1.1.1 Преимущества использования векторной графики для создания логотипа
Так как в векторной графике для построения фигур используются математические функции, благодаря чему объект остается одинаково четким независимо от того на сколько изменен его размер, это дает преимущество использования векторной графики разработчикам фирменных стилей, потому что существует возможность создания одного фирменного элемента, который можно разместить на различной продукции, от небольших сувениров до уличных растяжек. Логотип также должен быть создан в векторной графике, чтобы при его нанесении качество оставалось высоким не зависимо от размера.
В векторной графике объект создается из геометрических фигур. Чем сложнее объект, тем большее количество фигур используется. И при необходимости изменить только один элемент, можно выбрать нужную фигуру и модифицировать ее. При этом остальные элементы остаются неизменными.
Преимуществом векторной графики является то, что она занимает меньший объем дискового пространства в отличие от растровой графики, и при изменении размера объекта размер файла не меняется. Это происходит за счет того, что при записи файла на компьютер сохраняется только описательная часть, а само изображение воссоздается при его открытии в программе.
2.1.2 Анализ и выбор графики при создании дизайнаweb-сайта
Готовый макет сайта должен быть реалистичным, должны быть изображены все детали, чтобы наглядно было видно где располагаются элементы.
Дизайн – это промежуточный этап в разработке сайта и нужен он для правильной реализации программного кода: расположения блоков и применения стилей. Следовательно, использоваться макет будет только на одном этапе разработки и не возникает необходимости периодического масштабирования. Это значит, что в разработке макета сайта использование векторной графики ненужно, поэтому при создании дизайна web-сайта используется растровая графика.