- •Реферат
- •Содержание
- •Раздел 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.1.3 Анализ и выбор графического редактора для логотипа
Самыми распространенными векторными редакторами являются CorelDRAWиAdobeIllustrator.
2.1.3.1 CorelDraw
CorelDRAW – это программный комплекс, который включает себя несколько программ:
CorelDRAW— векторные иллюстрации и макетирование страниц.
Corel PHOTO-PAINT — редактирование изображений.
CorelPowerTRACE — трассировка растровых изображений в векторную графику.
Corel CONNECT — средство поиска контента.
Corel CAPTURE — средство захвата экрана.
Corel Website Creator — дизайн веб-сайтов.
PhotoZoom Pro 3 — подключаемый модуль для увеличения цифровых изображений.
ConceptShare — инструмент для интерактивной совместной работы.
Непосредственно программа CorelDRAWявляется многофункциональным редактором с расширенными возможностями, и ее основными функциями – это:
рисование и редактирование векторной графики;
работа с текстом, его форматирование;
работа с растровой графикой как в сочетании с векторной, так и отдельно с иллюстрациями.
2.1.3.2 AdobeIllustrator
AdobeIllustrator– это программа для работы с векторной графикой любой сложности. РазработанIllustratorкорпорациейAdobeSystem.
Программа обладает огромным функционалом для создания и редактирования рисунков, начертания диаграмм, работы с художественно оформленным текстом и имеет широкими возможности предпечатной подготовки.
2.1.3.3 Сравнение CorelDraWиAdobeIllustrator
В офсетной печати высокой точности illustratorимеет ряд преимуществ, например, он не преобразовывает растровые картинки в свой внутренний формат в отличие отCorelDRAW, который конвертирует изображение в форматbmp, неподходящий для качественной печати растровых изображений.
Программа CorelDrawполноценно справляется с оперативной печатью, печатью на лазерных и струйных принтерах и плоттерной резкой, показывая и в качестве, и в скорости преимущества.
Обе программы имеет возможность сохранять созданные файлы с различными расширениям, однако, в отличии от CorelDRAW, который воспринимает расширение .ai(AdobeIllustrator),Illustratorне поддерживает основной форматCorelDRAW.
CorelDRAWимеет наиболее простой в использовании, интуитивно понятный интерфейс, что может облегчить работу.
При сравнении исключительно векторных возможностей данных программ невозможно выделить какую-либо – оба продукта отлично справляются с подобными задачами.
Так как в данном проекте разрабатывается только логотип, без остальных элементов фирменного стиля, а при разработке логотипа на сайт печать не имеет смысла использовать, то для реализации данной задачи была выбрана программа CorelDRAW.
2.1.4 Анализ и выбор графического редактора для дизайнаweb-сайта
При работе с растровыми изображениями самым распространенным графическим редактором является AdobePhotoshop. Эта программа наделена полноценным функционалом для работы с растровой графикой и является профессиональным инструментом.
Главным конкурентом AdobePhotoshopявляется программаCorelPHOTO-PAINT, разработчиком которой является корпорацияCorel.
Интерфейс у этих программ отличается довольно сильно. В PHOTO-PAINTинтерфейс простой и интуитивно понятный, но она имеет неудачное расположение палитр. Рабочее пространство по сравнению сPhotoshopмаленькое.
Работа со слоями в PHOTO-PAINTнеудобна, а также отсутствует функция эффекты слоев, которая уменьшает функционал по сравнению сPhotoshopв несколько раз.
При работе с текстом в продукте Corelпериодически возникают нечеткости мелких текстовых символов.
По качеству цветокоррекции Photoshopтакже занимает лидирующую позицию. Но уPHOTO-PAINTимеется большее количество эффектов, которые можно применить к изображению, так как первоначально эта программа создавалась именно для создания эффектов.
Проведя сравнение графических редакторов растровой графики для создания дизайна сайта был выбран AdobePhotoshop, так как эта программа обладает более удобным инструментарием и рабочей областью.