
- •Реферат
- •Содержание
- •Раздел 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 проектированиеweb-сайта
3.1 Изучение бренда
Компания «SETin» занимается производством и торговлей барных стоек, изделий из искусственного камня, корпусной мебели и предметами интерьера. У фирмы существует обширный производственный комплекс на территории Санкт-Петербурга (3000 кв. м.), оснащенный техникой последнего поколения. Это позволяет изготавливать изделия любой сложности и отслеживать их качество на каждом этапе.
В своем производстве компания использует такие материалы как натуральное дерево, ДПК (древесно-полимерный композит), искусственный камень, шпонированные панели, стекло, пластик, металлоконструкции из металлопрофиля.
Фирма расположена в городе Санкт-Петербург, но работает по всей России и с некоторыми зарубежными компаниями.
3.2 Целевая аудитория
Аудитория, на которую направлено производство и продажа фирмы «SETin» - франчайзинговые организации. Это такие организации, которые передают право пользования товарным знаком и технологиями другой, независящей от нее организации. В России франчайзинг развивается в основном за счет американских компаний, например, таких как «PizzaHut», «Coca-Cola», «Kodak», «McDonalds». Заказы такого масштаба компании «SETin» интересны и выгодны.
Также организация готова сотрудничать с индивидуальными дизайнерами, которые занимаются дизайном различных интерьеров.
3.3 Исследование рынка
www.richstone-spb.ru (Рис. 3)
На каждой странице присутствует навигация, позволяющая искать необходимую информацию по разным категориям, присутствует графическая информация, с помощью которой легче воспринимается текст.
Рис. 3. Веб-сайт RichStone
www.skillstone.ru (Рис. 4)
Неподходящий дизайн, из-за которого сложно воспринимается текстовая информация на сайте, а также плохо читается шрифт в шапке сайта и при наведении курсора на меню. Непонятная навигация по каталогу продукции и неподходящее расположение графической информации.
Рис. 4. Веб-сайт SkillStone
www.granicoat.ru (Рис. 5)
Черный цвет фона усложняет восприятие информации, его не рекомендуется использовать на сайтах. В разделах, где расположено большое количество текста, шрифт сливается. Удобная навигация по материалам, используемым в производстве, но нет галереи с готовой продукцией. На сайте представлены документы и сертификаты, подтверждающие статус компании. Существует раздел вопрос-ответ, где можно найти информацию по основным вопросам, а также задать собственный вопрос.
Рис. 5. Веб-сайт Granicoat
www.alivestone.spb.ru (Рис. 6)
Хороший дизайн, интуитивно понятная навигация, грамотное расположение графической и текстовой информации.
Рис. 6. Веб-сайт AliveStone
www.nevalit.ru (Рис. 7)
На сайте представлено очень много информации, в каждом разделе меню большой выпадающий список. Некоторые элементы дизайна выбиваются из общего стиля. На сайте предусмотрена регистрация. Со всех страниц есть возможность рассчитать стоимость изделия.
Рис. 7. Веб-сайт Невалит
www.soundst.ru (Рис. 8)
Интересный дизайн сайта, удобное меню, а также креативное решение навигации по изделиям, выполненное с помощью flash. Качественная графическая информация и правильное расположение текста. Удобный расчет стоимости изделия, присутствует возможностьon-lineвыбора материала, толщины столешницы, цвет и тд.
Рис. 8. Веб-сайт SoundStoun
www.youpiter.spb.ru(Рис. 9)
Не везде применено форматирование текста, в некоторых местах отсутствуют отступы от краев, а также страницы отличаются по ширине. Дизайн меню неподходящий, но сама навигация удобная и интуитивно-понятная, легко найти нужную информацию.
Рис. 9. Веб-сайт You-piter
www.ecoline-m.ru (Рис. 10)
Некачественный дизайн сайта, отсутствуют отступы в меню и левой навигационной панели. Как и на сайте http://soundst.ru/есть возможностьon-lineрасчета стоимости изделия, но в отличие от первого сайта, выбранные элементы не отображаются на образце. Нет возможности отправить заказ.
Рис. 10. Веб-сайт Эколайн
www.sbstudio.su (Рис. 11)
Отличный дизайн, хорошее расположение текстовой и графической информации, дополнительно на сайте присутствует и видео информация. Удобная галерея изделий, с разделами по материалам. На сайте присутствуют флеш-баннеры с акциями, которые привлекают внимание потенциального клиента.
Рис. 11. Веб-сайт SBStudio
www.corian812.ru (Рис. 12)
Приятный дизайн, спокойные цвета, грамотное расположение текстовых и графических элементов, удобная навигация со всплывающим меню, предоставлена информация по каждому материалу, возможность заказа изделий on-line.
Рис. 12. Веб-сайт Corian812
Проанализировав сайты похожей тематики можно составить общее представление о том, каким должен быть удобный и качественный сайт. Следует правильно составить дизайн сайта, отобразить на сайте важную текстовую и приемлемую графическую информацию, которая позволит пользователю лучше воспринимать сайт.