Аннотация
Введение 4
1 Характеристика веб-сайтов 6
1.1 Виды и характеристика веб-сайтов, роль в работе медицинской
клиники 6
1.1.1 Виды медицинских веб-сайтов 6
1.1.2 Роль веб-сайта в работе медицинской клиники 7
1.2 Обзор существующих веб-сайтов медицинских клиник 8
1.3 Обоснование выбора средств создания веб-сайта 11
1.4 Этапы разработки сайта 17
2 Создание веб-сайта для медицинской клиники 20
2.1 Характеристика заказчика 20
2.2 Постановка задачи 21
2.2.1 Актуальность проекта 21
2.2.2 Цель и назначение проекта 21
2.2.3 Техническое задание на разработку сайта 22
2.2.4 Эргономические и системные требования к дизайну проекта 22
2.2.5 Характеристики оборудования для реализации проекта 23
2.3 Реализация проекта 24
2.3.1 Проектирование веб-сайта 24
2.3.2 Разработка гипертекстовой версии веб-сайта из макета шаблона .. 26
2.3.3 Разработка веб-сайта средствами системы управления WordPress 27
2.4 Тестирование веб-сайта 35
2.5 Технические требования к проекту 36
2.6 Калькуляция проекта 36
Заключение 37
Список использованных источников 40
Приложение 45
Каждый день все больше людей осваивают возможности Интернета, находят информацию о тех или иных услугах, Интернет стал необходим для человека. И путешествуя по сети, попадается огромное количество различной рекламы. Зачастую встречаются интересные услуги, информация и ресурсы.
Создание веб-сайтов является актуальной задачей на современной стадии развития Российского Интернета. Создание сайтов компаний и организаций пользуется популярностью, и эта тенденция еще долгое время будет работать. В связи с этим, большинство современных компаний, учреждений, организаций имеют в сети Интернет свои собственные веб-сайты, где раскрываются главные сведения об организации, информация о роде ее деятельности, предоставляющих услугах и контактах. Различные ресурсы выдают информацию, ссылки на веб-сайт, и кроме того рекламу только по тем темам, которые интересуют человека. Любому человеку легко найти интересующие его ресурсы и перейти на них.
Создание веб-сайта — событие, которое повышает репутацию медицинской клиники. Качественный сайт, вбирая в себя всю полезную информацию, является наилучшей визитной карточкой и коммерческой компании, и медицинской клиники. Разумеется, это современно и престижно. Это великолепная возможность рассказать клиентам и пациентам о своей клинике, её особенностях и методах работы. Это хороший способ поделиться результатами своей деятельности, сформировать информационное пространство для пациентов, клиентов и тех, кто только собирается посетить клинику, но еще не решил какую.
Красивый, правильно сформированный веб-сайт послужит лучшей рекламой, будет способствовать ее развитию и продвижению в дальнейшем, повысит эффективность взаимодействия субъектов медицинской клиники (пациентов и клиентов). Веб-сайт — визитная карточка медицинской клиники, компонент медицинской отрасли, для взаимодействия с людьми, он формирует новые возможности во взаимодействии с клиентами. Веб-сайт медицинской клиники — коммуникативный инструмент для администрации, пациентов и клиентов. Таким образом, веб-сайт способствует повышению открытости медицинской клиники.
Объект исследования дипломной работы — деятельность медицинской клиники.
Предмет исследованиядипломной работы — процесс создания вебсайта медицинской клиники с помощью системы управления контентом WordPress.
Цель дипломной работы — разработать веб-сайт медицинской клиники.
В соответствии с поставленной целью в работе определены следующие задачи:
• провести анализ предметной области;
• проанализировать дизайны и структуры существующих веб-сайтов других медицинских клиник;
• проанализировать средства для разработки веб-сайта;
• разработать модель веб-сайта;
• реализовать разработанную модель веб-сайта средствами вебтехнологий;
• наполнить веб-сайт контентом.
Проведенные исследования позволяют сделать вывод, что в настоящее время веб-технологии стремительно развиваются. Каждый день создается большое количество различных веб-сайтов. С помощью каких средств и технологий разрабатывать веб-сайт — это выбор непосредственно самого разработчика.
На рынке существует большое количество систем управления сайтами, от простых в изучении и легко распространяемых, до систем профессионального уровня и требующих высоких знаний в сфере разработки. Как правило, наиболее серьезные системы управления веб-сайтами считаются платными или содержат платные модули.
При создании веб-сайта особое внимание следует уделять его дизайну. Так как у посетителя веб-сайта формируется первое впечатление обо всей компании и немаловажно, чтобы оно было положительным. Существуют разнообразные принципы выбора цветовой гаммы веб-сайта, размещения основных элементов на станицах веб-сайта, а также минимальные требования по функциональности веб-сайта. Выполнение всех правил и требований залог успешного и эффективного создания веб-сайта.
В дипломной работе рассмотрен процесс разработки веб-сайта средствами системы управления WordPress. В процессе выполнения дипломной работы были изучены основы внедрения стилей отображения компонентов веб-сайта, а также отчасти PHP-программирование. Были сформированы общие навыки работы с системой управления контентом WordPressи освоена техника адаптивной верстки веб-сайта.
Веб-сайт, созданный во время выполнения дипломной работы, включает в себя полную информацию о клинике, сообщает о роде ее деятельности и контактах. На веб-сайте содержится информация о прошедших и предстоящих мероприятиях с возможностью просмотра фотографий и видеозаписей.
На веб-сайте можно просмотреть необходимые документы для ознакомления с медицинской клиникой. Веб-сайт содержит полезные инструменты работы такие как, форма записи на прием. На веб-сайте есть сервис «Google Maps», для отображения территориального расположения учреждения. Данный вебсайт является адаптивным под современные устройства, что непосредственно является более доступным для большего количества пользователей.
Таким образом, в ходе выполнения дипломной работы была достигнута цель и выполнены задачи исследования. В ходе исследования была изучена предметная область.
Были выбраны и использованы инструменты необходимые для разработки веб-сайта.
В ходе выполнения дипломной работы был создан веб-сайт «Березовская клиника».
1. Голомбински К. Добавь воздуха! Основы визуального дизайна для графики, веб и мультимедиа [Текст] / К. Голомбински, Р. Хаген. — Санкт- Петербург: Питер, 2013. — 272 с.
2. Городулин В. Основы CSS [Электронный ресурс]. — Режим доступа: http://css.manual.ru/articles/css_basics (дата обращения: 20.11.2017).
3. Демченко Д. Обзор систем управления сайтом (CMS) [Электронный ресурс]. — Режим доступа: http://www.white-windows.ru/obzor-sistem- upravleniya-sajtom-cms/ (дата обращения: 18.01.2018).
4. Дакетт Джон HTML и CSS. Разработка и дизайн веб-сайтов [Текст] / Джон Дакетт. — Москва: ЭКСМО, 2013. — 480 с.
5. Для тех, кто делает сайты [Электронный ресурс]. — Режим доступа: http://htmlbook.ru (дата обращения: 12.03.2017).
6. Дунаев В. В. Основы WEB-дизайна [Текст]: самоучитель / В. В. Дунае. — 2-е издание, перераб. и доп. — Санкт-Петербург: Питер, 2012. — 480 с.
7. Как создать сайт [Электронный ресурс]. — Режим доступа: http://myrusakov.ru (дата обращения: 20.12.2017).
8. Квентор И. Адаптивная верстка сайтов [Электронный ресурс]. — Режим доступа: http://www.websovet.com/adaptive-layout-introduction (дата обращения: 19.11.2017).
9. Лоусон Б. Изучаем HTML5. Библиотека специалиста [Текст] / Б. Лоусон, Р. Шарп. — Санкт-Петербург: Питер, 2013. — 286 с.
10. Макфарланд Д. Большая книга CSS [Текст] / Д. Макфарланд. — 3-е изд. — Санкт-Петербург: Питер, 2014. — 608 с.
11. Маркотт И. Отзывчивый веб-дизайн [Текст] / И. Маркотт. — Книга 1. — пер. Миронов П. — Москва: Манн, Иванов и Фербер, 2012. — 231 с.
12. Чебыкин Р. Разработка и оформление текстового содержания сайтов. — Санкт-Петербург: БХВ-Петербург, 2014. — 528 с.
13. Сарычев А. Идеально! Как создать и переделать свой сайт. Правильный подход и передовые техники разработки [Текст] / А. Сарычев. — Москва: СилаУма, 2013. — 369 с.
14. Сидерхолм Д. CSS3 для веб-дизайнеров [Текст] / Д. Сидерхолм. Книга 5. — пер. Кудашев E. — Москва: Манн, Иванов и Фербер. 2013. — 273 с.
15. Смирнов Н. Правила создания красивого сайта [Электронный ресурс]. — Режим доступа: http://seoklub.ru/kak_sdelat_krasivyi_sait.html (дата обращения: 28.10.2017)....30