Аннотация
Введение 5
1 Характеристика веб-сайтов 7
1.1 Виды и характеристика веб-сайтов: коммерческие и некоммерческие .. 7
1.1.1 Виды некоммерческих веб-сайтов 7
1.1.2 Требования и рекомендации к персональным веб-сайтам 10
1.1.3 Роль веб-сайта в деятельности мастера керамической флористики 14
1.2 Обзор существующих веб-сайтов про керамическую флористику 15
1.3 Обоснование выбора средств создания веб-сайта 20
1.4 Этапы разработки сайта 26
2 Создание веб-сайта авторской керамической флористики 29
2.1 Характеристика заказчика 29
2.2 Постановка задачи 30
2.2.1 Актуальность проекта 30
2.2.2 Цель и назначение проекта 30
2.2.3 Техническое задание на разработку сайта 31
2.2.4 Эргономические и системные требования к дизайну проекта 32
2.2.5. Характеристики оборудования для реализации проекта 32
2.3 Реализация проекта 33
2.3.1 Проектирование корпоративного стиля 33
2.3.2 Проектирование веб-сайта 36
2.3.3 Цветовая гамма веб-сайта 40
2.3.4 Разработка веб-сайта средствами системы управления 41
2.4 Тестирование веб-сайта 46
2.5 Размещение веб-сайта в сети Интернет 47
2.6 Калькуляция проекта 48
Заключение 49
Список использованных источников 51
Приложение А 54
Приложение Б 56
На сегодняшний день происходит процесс всемирной глобализации и информатизации, все это происходит благодаря развитию информационных технологий и техническому прогрессу. Сейчас в развитых странах практически в каждом доме есть компьютер, с помощью которого люди могут общаться, развиваться, повышать свою культурную/экономическую грамотность, «встречаться» онлайн. Компьютерные технологии развиваются стремительно, с каждым годом появляются новейшие разработки, которые направлены на улучшение жизни человека.
Двадцатый век подарил цивилизации всемирную паутину, возможности которой растут с каждым днем. Глобальная сеть Интернет за последние десятилетия стала более доступной, качественной и обеспечивает высокие скорости. Миллионы людей ежедневно пользуются сетью, которая обеспечивает возможность получать такой немаловажный ресурс как информацию. Именно web-сайт стоит на первом месте по интерактивным приложениям в сети, так как позволяет решать большое количество задач: информировать, продавать, обеспечить обратную связь, собрать информацию, наладить коммуникацию и т.д. Благодаря веб-ресурсам, различные коммерческие компании, государственные учреждения, частные лица могут обеспечить себе рекламу или продвигать свой бренд.
В основу веб-сайтов положен HyperText Markup Language (HTML) — язык гипертекстовой разметки. Сейчас на многих веб-страницах используются специальные программы — скрипты, написанные на таких языках как MS VB Script или JavaScript. При помощи таких «мини-программ» можно управлять форматированием, выводом изображений, воспроизведением мультимедиа. На сегодняшний день самым мощным средством, позволяющим управлять выполнением скриптов, является динамический HTML или DHTML. Он позволяет создавать простые анимации и многие другие эффекты.
В мире рукоделия много интересных мастеров и профессионалов своего дела, которые готовы делиться интересной информацией, своими мастер- классами, новыми работами. Красивый, правильно разработанный и технологичный веб-сайт послужит для мастера лучшей рекламой, будет способствовать развитию и продвижению его товаров, поможет установить связь с потенциальной целевой аудиторией. Веб-сайт станет как площадкой для информирования, так и для обратной связи.
Объектом исследования является авторская керамическая флористика.
Предметом исследования является процесс создания веб-сайта для авторской керамической флористики.
Цель дипломной работы — разработать веб-сайт для авторской керамической флористики.
Для достижения поставленной цели в ходе выполнения дипломной работы были решены следующие основные задачи:
• разработаны графические элементы стиля для сайта;
• проведен анализ предметной области;
• проанализированы дизайны и структуры существующих веб-сайтов про керамическую флористику;
• проанализированы средства для разработки веб-сайта;
• разработана модель веб-сайта;
• реализована разработанная модель веб-сайта средствами вебтехнологий;
• сайт наполнен контентом.
Графическая часть работы представлена компьютерной презентацией в среде PowerPoint, состоящей из слайдов по основным вопросам дипломной работы.
В настоящее время веб-технологии находятся в постоянном усовершенствовании, а также с каждым днем растет актуальность и необходимость их использования. С помощью веб-сайта можно решать определенные поставленные задачи и реализовать свои задумки, не обращаясь к посторонним веб-ресурсам.
Для создания веб-сайта существуют определенные требования и рекомендации, выполнение которых помогут добиться отличного результата и достигнуть цели. Особое внимание следует уделять дизайну и навигации сайта. Именно привлекательный дизайн и удобное расположение основных элементов сайта создают приятное впечатление и формируют желание вернуться. Разработка персонального сайта несет в себе необходимость размещения определенных элементов, например, качественная и удобная фотогалерея (т.к. демонстрация работа является основной функцией сайта) или же быстрый переход на новую статью без необходимости искать ее самостоятельно. Размещенный текст так же должен быть аккуратно оформлен и быть читабелен при любом разрешении экрана.
В дипломной работе рассмотрен процесс разработки персонального веб-сайта с использованием языка программирования для веб-разработок PHP. Выполняя дипломную работу были изучены возможности взаимодействия между такими технологиями, как PHP и HTML, PHP и СУБД MySQL. В связи с выбором заказчиком CMS, разработанной сторонним программистом, в процессе работы много внимания было уделено пониманию работы системы т.к. она практически не документирована и не содержит примеров использования в комплекте. Также были изучены механизмы подключения внешних JAVA-скриптов. Рассмотрены различные варианты тестирования веб-сайтов.
Созданный в ходе выполнения дипломной работы веб-сайт, содержит в себе биографию мастера керамической флористики, информирует о мастер- классах, демонстрирует каталог работ мастера и позволяет связаться в случае необходимости. Помимо фотографий работ, на веб-сайте можно размещать видео- и фотомастер-классы. Данный веб-сайт является адаптивным под все современные устройства, что делает его более доступным для большего количества пользователей.
Таким образом, в ходе выполнения дипломной работы была достигнута цель и выполнены задачи исследования. В ходе исследования была изучена предметная область. Были выбраны и использованы инструменты необходимые для разработки веб-сайта.
В ходе выполнения дипломной работы был создан веб-сайт авторской керамической флористики.
1. HTML, CSS, PHP, JavaScript, SQL — что и зачем? PHP [Электронный ресурс]. — Режим доступа: http://www.codeharmony.ru/materials/125 (дата обращения: 28.12.2017).
2. Голомбински К. Добавь воздуха! Основы визуального дизайна для графики, веб и мультимедиа [Текст] / К. Голомбински, Р. Хаген. — Санкт- Петербург: Питер, 2013. — 272 с.
3. Городулин В. Основы CSS [Электронный ресурс]. — Режим доступа: http://css.manual.ru/articles/css_basics (дата обращения: 20.11.2017).
4. Дакетт Дж. HTML и CSS. Разработка и дизайн веб-сайтов [Текст] / Дж. Дакетт. — Москва: Эксмо, 2013. — 480 с.
5. Демченко Д. Обзор систем управления сайтом (CMS) [Электронный
ресурс]. — Режим доступа: http://www.white-windows.ru/obzor-sistem-
upravleniya-sajtom-cms/ (дата обращения: 18.01.17).
6. Для тех, кто делает сайты [Электронный ресурс]. — Режим доступа: http://htmlbook.ru (дата обращения: 12.03.2017).
7. Дунаев В. В. Основы WEB-дизайна [Текст]: самоучитель / В. В. Дунае. — 2-е изд., перераб. и доп. — Санкт-Петербург: БХВ-Петербург, 2012. — 480 с.
8. Как создать сайт [Электронный ресурс]. — Режим доступа: http://myrusakov.ru (дата обращения: 20.12.2017).
9. Керамическая флористика: искусство создавать цветы из полимерной глины [Электронный ресурс]. — Режим доступа:
http://nacrestike.ru/publ/interesnoe/keramicheskaja_floristika/10-1-0-517 (дата обращения: 05.12.2017).
10. Адаптивная верстка сайтов [Электронный ресурс]. — Режим доступа: http://www.websovet.com/adaptive-layout-introduction (дата обращения: 19.11.17).
11. Лоусон Б. Изучаем HTML5. Библиотека специалиста [Текст] / Б. Лоусон, Р. Шарп. — 2-е издание. — Санкт-Петербург: Питер, 2013. — 286 с.
12. Макфарланд Д. Большая книга CSS [Текст] / Д. Макфарланд. — 3-е изд. — Санкт-Петербург: Питер, 2014. — 608с.
13. Маркотт И. Отзывчивый веб-дизайн [Текст] / И. Маркотт. — Книга
1. — перевод Миронов П. — Москва: Манн, Иванов и Фербер, 2012. — 231 с.
14. PHP: Руководство по PHP — Manual [Электронный ресурс]. — Режим доступа: http://php.net/manual/ru/index.php (дата обращения: 23.01.2018)
15. Сарычев А. Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки [Текст] / А. Сарычев. — Москва: Сила Ума-Паблишер, 2013. — 369 с....31