- •Реферат
- •Содержание
- •Раздел 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.5 Анализ и выборhtml-редактора
Для исполнения программного кода необходимо выбрать подходящий html-редактор. Наиболее подходящими являются редакторы кода, без визуальной составляющей.
Основными параметрами, которыми должен обладать качественный редактор являются:
распознавание кода;
проверка кода;
подсветка кода;
возможность использовать различные кодировки текста;
удобная навигация среди всех файлов проекта.
Всеми этими возможностями обладает программа SublimText2, которая использовалась в ходе написания кода.
2.1.6 Анализ и выборCms
Выбирая между бесплатными и коммерческими программами преимущество для создания бизнес-сайта имеют именно коммерческие, так как они не обладают открытым кодом и степень защиты информации у них значительно выше по сравнению с бесплатными аналогами.
Среди коммерческих программ лидирующие позиции занимают система 1С-Битрикс и UMICMS.
2.1.6.1 1С-Битрикс
Система 1C-Битрикс имеет множество возможностей и имеет индивидуальный подход к каждому проекту.
Из преимуществ можно выделить:
функциональность системы – имеются все необходимые функции для торговли в сети интернет;
безопасность и надежность – система имеет высокую степень защиты информации;
интеграция с системой 1С Бухгалтерия – удобное использование данной системы для интернет-магазинов;
Недостатки системы:
цена продукта – малобюджетные организации не смогут реализовать проект на этой системе, так как все модернизации имеют отдельную плату;
тяжелая документация – по сравнению с UMICMSимеет сложную для понимания даже опытным разработчикам документацию;
сложная административная панель – из-за большой функциональности, что не всем проектам нужно имеет сложную административную панель;
требовательность к ресурсам.
2.1.6.2 Umi cms
UMI– отличное средство для разработкиweb-сайтов, которое имеет ряд преимуществ:
функция редактирования on-line(edit-in-plece) – возможность изменять контент прям на странице сайта;
тулбар в административной панели – облегчает поиск необходимого модуля;
коррекция неправильно введенного адреса в адресной строке браузера – система сама может скорректировать запрос и вывести наиболее близкую к названию страницу;
архив изменения web-страниц – возможность возвратить изменения в случае необходимости;
SEOоптимизация – система отвечает всем требованиям поисковой оптимизации;
интеграция сторонних сервисов, например, социальные сети, Loginza, сервисы доставки, оплаты, 1С, Яндекс Маркет;
наличие мобильной версии – UMIимеет адаптивный дизайн для мобильных устройств;
Недостатки также присутствуют в данной системе:
высокая цена;
не всегда грамотная техническая поддержка.
Проведя анализ между двумя основными CMS, которые подошли по первоначальным критериям, в конечном результате был сделан выбор в пользуUMIСMSи принято решение разрабатывать сайт на данной системе.
2.2 Выводы по разделу 2
В настоящее время используются следующие виды графики:
векторная;
растровая;
фрактальная;
трехмерная;
символьная.
Основными видами, применимыми при создании web-сайтов являются векторная и растровая. Для создания логотипа используется только векторная графика, которая способна сохранять наилучшее качество при любых изменениях размера объекта.
Основные редакторы векторной графики:
CorelDRAW– наиболее подходящий редактор для данного проекта. В данной программе создавался логотип и некоторые векторные объекты.
AdobeIllustrator.
Редакторы растровой графики:
AdobePhotoshop– профессиональное средство для работы с цифровыми изображениями, которое используется в проекте для создания дизайнаweb-сайта
Corel PHOTO-PAINT.
HTML-редактором, который отвечает всем требованиям проекта, являетсяSublimText2.
В данной главе были рассмотрены платные и бесплатные системы управления контентом. Выбор сделан в пользу коммерческих систем, и проведя сравнение между системами 1С-Битрикс и UMICMSбыло установлено, чтоUMICMSявляется наиболее оптимальной системой для разработки сайта данного вида и тематики.