Файл: Разработка сайта стоматологической клиники «Акуленок».pdf

Введение

Актуальность темы данной курсовой работы заключается в том, что в создание сайта любой качественный проект - будет актуален в своем информационном сегменте, если его довести до ума, работать над ним и постоянно наполнять качественным контентом. Ведь информация, которая хранится на этом сайте, если она полезна и ориентирована на конечного пользователя, обязательно найдет своих посетителей.

Интернет - сравнительно молодой, инновационный источник информации, который только набирает свои масштабы во всем мире. С каждым днем все дальше распространяется интернет-покрытие, практически в каждой семье уже имеются интернет-проводники, такие как современные мобильные телефоны, персональные компьютеры, ноутбуки, планшеты и другие коммуникационные устройства. А это значит, что количество активных пользователей в сети-интернет также стремительно возрастает и если сегодня вас сайт привлекает только 100 человек в сутки, то уже через год, если проект не стоит на месте и развивается, эта цифра может увеличиться в разы.

Благодаря тому, что интернет является неисчерпаемым источником предоставления разнообразной информации, создание сайтов очень актуально, вне зависимости от выбранной тематики. Но стоит уделять внимание не столько созданию своего сайта, сколько его наполнению, потому что актуальным будет только качественный сайт, который пробьется в топ выдачи поисковой системы, заинтересует пользователя и принесет определенную выгоду своему владельцу.

Целью данной курсовой работы является создание сайта, который предоставит пользователю полную информацию о стоматологической клиники «Акуленок» и интересующей его различных услуг .

В соответствии цели курсовой работы будут рассматриваться задачи:

– разработка сайта с использованием современных программных средств;

– разработка дизайна оформления, делающего сайт более привлекательным для клиентов;

– создание удобного интерфейса для возможности комфортного пребывания пользователей на сайте.

1.1 программных средств и среды разработки реализации сайта

1. Теоретическая часть

1.1 Выбор и описание программных средств и среды разработки реализации сайта

Для разработки и реализации сайта были выбраны следующие программные средства:

– Denwer;

– Notepad++;

– программное средство open server;

– язык разметки гипертекста html и css;

– язык программирования php;

– phpmyadmin;

–paint;

– JavaScript.

Denwer - набор дистрибутивов и программная оболочка, предназначенные для создания и отладки сайтов на локальном ПК (без необходимости подключения к сети Интернет).

Возможности Denwer: Сразу после установки доступен полностью работающий web-сервер Apache, работающий на локальном компьютере, на котором может работать неограниченное количество сайтов, что очень эффективно для разработки и отладки сценариев PHP без загрузки его файлов на удаленный сервер. При запуске создается виртуальный диск (по умолчанию Z:), где хранятся все файлы проектов.

Особенностью, отличающей Denwer от других WAMP-дистрибутивов, является автоматическая правка системного файла hosts, являющегося локальным аналогом DNS-сервера, что позволяет обращаться к локальным сайтом, работающим под управлением Денвера, по именам, совпадающим с именем папки, расположенной в каталоге home Denwerа .

Notepad++ - свободный текстовый редактор с открытым исходным кодом для Windows с подсветкой синтаксиса большого количества языков программирования и разметки. Он базируется на компоненте Scintilla, написан на C++ с использованием STL, а также Win32 API и распространяется под лицензией GPL. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры .

OpenServer - это портативная серверная платформа и программная среда, созданная специально для web-разработчиков с учётом их рекомендаций и пожеланий.

Программный комплекс имеет богатый набор серверного программного обеспечения, удобный, многофункциональный продуманный интерфейс, обладает мощными возможностями по администрированию и настройке компонентов. Платформа широко используется с целью разработки, отладки и тестирования web-проектов, а так же для предоставления web-сервисов в локальных сетях.

Включает в себя: Apache, nginx, PHP, MySQL, phpMyAdmin, FTP-сервер FileZilla .

Особенности комплекса:

- не требует установки (портативность);

- возможность работы с usb накопителя;

- одновременная работа с denwer, xampp и т.д.;

- работа на локальном / сетевом / внешнем ip адресе;

- поддержка ssl без всякой дополнительной настройки;

- создание домена путем создания обычной папки;

- поддержка кириллических доменов;

- поддержка доменных указателей;

- защита сервера от внешнего доступа;

- пакет из более 40 портативных программ;

- планировщик заданий.

HTML (от англ. Hyper Text Markup Language - «язык гипертекстовой разметки») - стандартный язык разметки документов во Всемирной паутине. Большинство web-страниц содержат описание разметки на языке HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.

Язык HTML является приложением SGML (стандартного обобщённого языка разметки) и соответствует международному стандарту ISO8879.

Во всемирной паутине HTML-страницы, как правило, передаются браузерам от сервера по протоколам HTTP или HTTPS, в виде простого текста или с использованием сжатия.

Текстовые документы, содержащие разметку на языке HTML (такие документы традиционно имеют расширение.html или.htm), обрабатываются специальными приложениями, которые отображают документ в его форматированном виде. Такие приложения, называемые «браузерами» или «интернет - обозревателями», обычно предоставляют пользователю удобный интерфейс для запроса web - страниц, их просмотра (и вывода на иные

внешние устройства) и, при необходимости, отправки введённых пользователем данных на сервер. Наиболее популярными на сегодняшний день браузерами являются Google Chrome, Mozilla Firefox, Opera, Internet Explorer и Safari .

CSS (англ. Cascading Style Sheets - каскадные таблицы стилей) формальный язык описания внешнего вида документа, написанного с использованием языка разметки.

Преимущественно используется как средство описания, оформления внешнего вида web-страниц, написанных с помощью языков разметки HTML и XHTML, но может также применяться к любым XML - документам, например, к SVG или XUL.

CSS используется создателями web - страниц для задания цветов, шрифтов, расположения отдельных блоков и других аспектов представления внешнего вида этих web-страниц. Основной целью разработки CSS являлось разделение описания логической структуры web-страницы от описания внешнего вида этой web-страницы. Такое разделение может увеличить доступность документа, предоставить большую гибкость и возможность управления его представлением, а также уменьшить сложность и повторяемость в структурном содержимом. Кроме того, CSS позволяет представлять один и тот же документ в различных стилях.

PHP (англ. PHP: Hypertext Preprocessor - «PHP: препроцессор гипертекста»; первоначально Personal Home Page Tools - «Инструменты для создания персональных web - страниц») - скриптовый язык программирования общего назначения, интенсивно применяемый для разработки web - приложений. В настоящее время поддерживается подавляющим большинством хостинг - провайдеров и является одним из лидеров среди языков программирования, применяющихся для создания динамических web - сайтов .

PHPMyAdmin - это программа написанная на PHP и предназначенная для управления сервером MySQL через всемирную сеть. PHPMyAdmin поддерживает широкий набор операций над MySQL. Наиболее часто используемые операции поддерживаются с помощью пользовательского интерфейса (управление базами данных, таблицами, полями, связями, индексами, пользователями, правами, и т.д.), одновременно вы можете напрямую выполнить любой SQL запрос .

Paint -это программа, поставляемая в комплекте с Windows и предназначенная для создания и редактирования на экране изображений (картинок). Эти изображения сохраняются в графических файлах растрового формата (.BMP или .PCX).

JavaScript - прототипно - ориентированный сценарный язык программирования. Является диалектом языка ECMAScript.

JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности web - страницам. Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.

На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в web-разработке .

1.2 Основная концепция и содержание веб-сайта

Разрабатываемый сайт предназначен для ознакомления людей с предоставляемыми услугами стоматологической клиники «Акуленок».

Целевая аудитория сайта пользователи, обладающие хотя бы минимальными знаниями в IT технологиях и привыкшие искать информацию в сети интернет.

Главная задача сайта - предоставлять нужную информацию посетителям, а так же возможность оставить комментарии о выбранной организации.

Исходя из поставленных задач, web-сайт должен предоставлять следующие возможности:

- при первом посещении сайта пользователь должен понять, для чего служит данный сайт, составить общее впечатление о нем, выяснить свои потребности в отношении сайта. Для этого ему должен быть доступен перечень всех услуг.

1.3 Детальная концепция web-сайта

Дизайн веб - сайта включает в себя: цветовое оформление, элементы навигации по сайту, текстовую информацию, описание услуг предлагаемых организацией.

Дизайн сайта играет немаловажную роль в создании самого сайта, а именно он должен соответствовать следующим требованиям:

- внешний вид сайта должен соответствовать выбранной тематики;

- навигация по сайту должна быть удобной для пользователя;

- главные материалы, предложения и категории услуг должны быть расположены на первом плане, чтобы заинтересовать посетителя;

В нижней части страницы помещается название сайта, отражающее его тему.

Изображение в окне браузера состоит из двух основных элементов:

- название сайта;

- главное информационное меню по центру страницы;

Меню предназначается для навигации по сайту, в нем отображаются ссылки на все разделы сайта.

Главная страница. Эта страница отображается при первом входе на сайт, ее оформление и содержание дает пользователю первое представление о сайте .

2. Практическая часть

2.1 Дизайн сайта

Самое главное для сайта - это разработать удобный, понятный и красивый интерфейс. Интерфейс-то, что видит пользователь в браузере: рамки, изображения, ссылки, надписи и т.д. В целях привлечения большего числа клиентов и лучшего визуального восприятия сайта, необходимо создать интерфейс максимально привлекательным и в то же время максимально простым, чтобы комфортно пользоваться сайтом могли даже неопытные пользователи. Также необходимо наполнить сайт информацией и соответствующим контентом, для того, чтобы сделать сайт наиболее информативным и привлекательным.

Начнём создание (скроленного) сайта с главной страницы. Главная страница - это страница, на которую попадает пользователь, как только входит на сайт (рисунок 1). На ней должна предоставляться информация о стоматологии «Акуленок», и об услугах, предоставляемых им. Также информация должна быть подана в надлежащем виде, чтобы убедить клиента воспользоваться услугами именно нашей стоматологии.