- •Реферат
- •Содержание
- •Раздел 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. Общие требования к организации рабочих мест пользователей пэвм
- •Заключение
- •Список использованных источников
3.4.4.2 Концепция и эскиз
После ознакомления с логотипами фирм-конкурентов следует приступить к поиску основной идеи логотипа. Найти актуальные и востребованные образы, которые смогут передать принципы компании, вызовут правильные ассоциации и привлекут потенциальных клиентов. Важно использовать современные тенденции дизайна логотипа, это будет показывать, что предприятие следит за всеми своими отраслями, в том числе и за дизайном. Даже компании, которые были основаны давно, и имеют свой логотип, через определенный промежуток времени делают ребрендинг, чтобы не отставать от современного дизайна.
В настоящее время, время быстрого ритма жизни, когда у современных людей нет возможности углубляться в детали, над всем дизайном преобладает минималистичный стиль, который четко и ясно выражает смысл, не углубляясь в мелочи. Также минималистичные логотипы легче печатать как на полиграфической продукции, так и на других поверхностях, следовательно, это может существенно сэкономить средства компании.
В современном дизайне часто используется 3d-эффект, создаваемый за счет полупрозрачности и теней. Ведущие фирмы и дизайнеры приобщаются к эко-дизайну, используют натуральные элементы и природные цвета.
На основе вышеизложенных заключений была создана основная концепция логотипа для торгово-производственной компании «SETin»: это простой шрифтовой логотип, который должен сочетать в себе опыт и качество, накопленные годами, а также гибкость и умение подстраиваться под современные требования.
Так как компания основывается на изготовлении элитной мебели из современных материалов было решено совместить несколько стилей, которые показывают с одной стороны роскошь, выразительность, грандиозность, великолепие, с другой стороны это свобода мысли и идеи, необычность, выражение собственных желаний, а с третьей стороны – это современность, рациональность и стремление избежать ненужного.
Именно поэтому в логотипе должны использоваться элементы нескольких стилей, например, таких, как романтизм, барокко и минимализм.
Сформулировав основную идею логотипа осуществляются первые наброски. Это делается для того, чтобы увидеть базовое расположение элементов и понять какая из задумок будет наиболее оптимальной.
Рис. 19
Рис. 20
Рис. 21
Рис. 22
3.5 Дизайн сайта
Создание макетов, в которых отображен дизайн сайта происходит в графическом редакторе AdobePhotoshop.
Создание нового документа (сочетание клавиш Ctrl+N).
Задание размеров.
Основным параметром является ширина, так как сайт должен иметь минимальный размер, который применяется для мониторов. В настоящее время минимальное разрешение экрана, которые используются - 1024х768. Безопасный размер ширины макета составляет 960 пикселей, рассчитывается исходя из ширины монитора и боковых панелей браузера. Высота указывается произвольным образом.
В соответствии с выбранным типом и разметкой сайта следует расставить направляющие линии, с помощью которых далее будет происходить построение макета.
С помощью инструмента прямоугольник (нажатие клавиши U) сроятся блоки, в которых будет размещен контент. В данном дизайне используются только прямоугольные формы, но программа обладает возможностью создавать и другие, более сложные фигуры. На верхней панели можно выбрать настройки для этого инструмента, например, цвет заливки и обводки, соответствующие цветовой палитре, выбранной на этапе подбора цветового решения сайта.
Фотографии, использованные при создании дизайна, открываются в новом файле и с помощью инструмента овальная область (нажатие клавиши M) выделяются. Далее вырезаются на новый слой и данный слой переносится в документ с макетом сайта.
Инструмент горизонтальный текст (нажатие клавиши Т) позволяет разместить контент в соответствии с заданным местом. На верхней панели можно отрегулировать необходимые параметры, например, шрифт, кегль, цвет текста и др.
Отрисовка логотипа, иконок и др. векторных элементов происходит в программе CorelDraw.
Чтобы сохранить макет, необходимо в меню файл выбрать пункт сохранить (или нажать сочетание клавиш Ctrl+S) и выбрать в открывшемся окне путь, к папке в которой будет храниться файл.