Разработка сайта стоматологической клиники (Анализ исходных данных)

Содержание:

Введение

Преимущества собственного сайта

Прежде всего это возможность появления клиентов из любой точки мира. Возможно, слишком смелое заявление в отношение недавно созданного сайта, но, так или иначе, Ресурс в начале его жизни будут посещать как минимум жители Вашего города и близлежащих областей. А ведь это потенциальные клиенты, являющиеся источником прибыли. При дальнейшем развитии как фирмы (открытие филиалов в других городах, например), так и продвижения сайта, его будут посещать люди из дальних городов и других стран. Можете не сомневаться.

Вторым немаловажным преимуществом наличия собственного ресурса у компании является формирование у посетителей представления о фирме. На свой сайт вы можете выкладывать фотографии, видеозаписи и иные документы. Всё это как раз и будет откладываться в памяти у посетителей и формировать образ Вашей компании.

Наличие обратной связи позволит клиентам общаться с Вами напрямую. В прошлых статьях мы уже упоминали важность наличия на сайте формы обратной связи. Таким образом, появится возможность отвечать на вопросы потенциальных клиентов, что в свою очередь будет увеличивать уровень доверия и лояльности. Это увеличит количество заказов и будет способствовать появлению постоянных клиентов. Следовательно, прибыль тоже будет расти[1 с.67].

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

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

Целью данной работы является разработка сайта стоматологической клиники «Bless Smile» с возможностью последующего размещением в сети Интернет.

Сайт должен обеспечивать реализацию следующих функций:

Имиджевая.

Формирование стиля и образа компании. Стилевое оформление сайта должно соответствовать корпоративному стилю компании.

Информационная.

Сайт должен предоставлять доступ к информации о компании, ее истории, деятельности, услугах, информировать пользователей о новостях компании.

Рекламная.

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

Разработка сайта стоматологической клиники

Требования к приложению

Основание для разработки

Разработка сайта ведется на основе задания, выданного на Курсовой проект.

Тема разработки: «РАЗРАБОТКА САЙТА СТОМАТОЛОГИЧЕСКОЙ КЛИНИКИ «Bless Smile»».

Назначение разработки

Сайт предназначен для рекламы стоматологической поликлиники в сети Интернет.

Требования к программе:

Требования к функциональным характеристикам:

В сайте должны быть реализованы следующие функции:

реализация кнопок быстрого доступа;

хранение и обработка данных о специалистах в базе данных;

возможность быстрого доступа к окну Запись;

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

Достижение максимальной валентности.

Входными данными являются:

данные о специалистах (ФИО, должность, повышение квалификации и профессиональная подготовка, стаж работы, стаж работы по специальности);

Данные о новостях (заголовок, содержание);

Данные об услугах

Выходными данными являются:

Новости;

данные о специалистах (ФИО, должность, повышение квалификации и профессиональная подготовка, стаж работы, стаж работы по специальности);

Данные о новостях (заголовок, содержание);

Данные об услугах

К временным характеристикам:

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

задержка при загрузке не должна превышать 10 сек;

исключить зависания и остальные не предвиденные ошибки сайта;

занесение записи в базу должно происходить не более чем за 5 сек.

Требования к пользовательскому интерфейсу:

наличие понятного интерфейса;

наличие цветовой палитры не раздражающего цвета;

возможность работать с сайтом не подготовленному пользователю;

Анализ исходных данных

Чтобы разные электронные устройства могли взаимодействовать между собой, передавать и принимать информацию требуется набор определенных правил и соглашений, которого все они будут придерживаться, это называется протоколом передачи данных. В настоящее время для связи компьютеров между собой в сети интернет используется стек протоколов TCP/IP, а самым распространенным протоколом прикладного уровня является протокол HTTP (HyperText Transfer Prоtocоl) использующийся для просмотра сайтов в World Wide Web[3 с.167]..

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

HTTPS есть, де-факто, обязательным для веб-сайтов. Пользователи охотнее оставляют свои данные на сайтах с зеленым замком в адресной строке, Chrome и Firefox обозначают опасными http-страницы, где присутствуют формы, а это влияет на ранжирование в поисковых системах и является вероятной дыркой в ??безопасности. К тому же, сейчас есть куча способов получить HTTPS-сертификат бесплатно.

Hypertext Transfer Protocol (HTTP)

Базовый протокол передачи данных между клиентом и сервером. Он описывает так вещи как запрос и ответ, сессии, кэш, аутентификация и прочее. Работа над ним (и HTML) была начата в 1989 году Тимом Бернерс-Ли (Tim Berners-Lee) и его командой в CERN. Первая официальная версия протокола (HTTP 1.0) была представлена в 1996 году, а чуть позже, в 1997 была выпущена версия 1.1, которой мы пользуемся и сегодня.

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

Зашифрованный канал устанавливается с помощью протокола Transport Layer Security (TLS), который раньше назывался Secure Socket Layer (SSL). Эти сроки, как правило, взаимозаменяемы, ведь SSL 3.0 был заменен TLS 1.0. SSL был протоколом, разработанным Netscape, в то время как TLS — стандарт IEFT. Все версии SSL (1.0, 2.0, 3.0) считаются устаревшими из-за проблем с безопасностью и будут вызывать предупреждения в браузеров. Версии TLS (1.0, 1.1, 1.2) используются и сейчас, а TLS 1.3 находится в разработке.

То есть, где-то между 1996 и 1997 образовался тот способ передачи данных, который мы знаем (HTTP 1.1 с или без SSL и TLS). Ранее HTTP использовали для общего трафика (например, чтение новостей), а для важного трафика — HTTPS (аутентификация, e-commerce). Но восходящий фокус на приватности привнес свои изменения, и теперь Chrome обозначает HTTP-сайты как «не частные».

Следующим обновлением протокола HTTP является HTTP / 2, который поддерживает все больше сайтов. Он добавляет новые функции, уменьшает время ожидания и улучшает производительность и безопасность.

В HTTP 1.1 безопасное соединение является опцией, в то время как в HTTP / 2 это почти необходимость. В теории данные передавать можно и без этого, но уже большинство разработчиков браузеров сказали которые не будут даже добавлять поддержку HTTP / 2 без TLS.

Предоставляющая HTTPS

Почему все так гоняются за HTTPS, что в нем такого? Его используют по трем причинам:

Конфиденциальность

HTTPS защищает коммуникацию между клиентом и сервером от посторонних лиц. Без HTTPS кто-то может запустить точку доступа Wi-Fi и видеть все данные, за ней идут: номера кредитных карточек, и другие важные данные.

Целостность

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

Идентификация

HTTPS гарантирует, что сайт является именно тем, кем представился. Злоумышленник с точкой доступа может отправлять нам фейковые сайты. HTTPS гарантирует, что сайт, представившийся как example.com действительно example.com

Конфиденциальность, гарантия целостности и идентификация — ключевые концепты криптографии, а не фича HTTPS. Рассмотрим их.

Конфиденциальность

Конфиденциальность — основа приватности. Именно она гарантирует, что информацию не получат третьи лица. Обычно для этого информацию обрабатывают таким образом, что она по понятной (так называемой plaintext) становится непонятной (шифротекст, ciphertext). Этот процесс называется шифрованием (encryption). Обратный процесс — расшифровкой (decryption). Делать это можно по-разному, и для этого создано много алгоритмов шифрования.

Разработка приложения.

Оформление — важный инструмент для повышения эффективности и продвижения проекта. Создаётся шаблон с каркасом сайта. Дизайнер разрабатывает его, учитывая пожелания заказчика по графическим элементам, цветовой палитре и пользовательскому интерфейсу. Всё начинается со скетча — наброска макета, который должен утвердить заказчик. Выглядит он достаточно схематично и даёт приблизительное представление о том, как будет выглядеть финальный результат. Часто первоначальный вариант несколько раз дорабатывается, пока не будут учтены все пожелания клиента[5 с.234].. После согласования базового дизайна специалист начинает работу над отдельными элементами оформления, в том числе над интерфейсом (рис. 1).

Рис. 1 Макет главной страницы

Для создания страниц используем HTML и CSS

HTML — своего рода строительный материал для веб-страничек. Читая специальные тэги (команды, слова, которые имеют особый смысл для браузера) браузер строит страничку с содержимым текстом, картинками и прочим в своем окне.

CSS — облицовочный материал, который делает всю красоту.

Грубо говоря, HTML — это то, что должно быть на сайте, а CSS отвечает за то, как оно должно выглядеть [4 с.67].. Именно благодаря CSS мы видим различные эффекты, анимации и прочие вкусности на сайтах (рис.2,3).

Рис. 2 Кнопки быстрого доступа

Рис. 3 Описание услуг с иллюстрациями

Для создания форм диалога используем JavaScript ( Рис.4).

JavaScript - это язык программирования, как правило, выполняется на стороне клиента. Он используется для взаимодействия с пользователем. Он также используется в разработке игр, настольных и мобильных приложений, в создании документов pdf и виджетов рабочего стола. Веб-браузеры имеют встроенную поддержку для этого языка. Использование JavaScript-кода Одно из ранних использований JavaScript-кода в диалоговом окне сообщений, предусмотренных предупреждениях, оповещениях или приглашениях пользователям. Содержимое HTML - элементов может быть изменено с помощью JavaScript. Это требует использования HTML dom, в котором HTML - элементы определены как объекты. JavaScript может использоваться для обратной связи с пользователями посредством онлайн-форм. Он широко используется в формах регистрации и принятия индивидуальных логина и пароля. Поле поиска, которое принимает вводимые пользователем данные, на основе которых выводятся результаты поиска, делает JavaScript [7 с.167].

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

Например, нажав на кнопку "Читать далее" раскрывает информацию, которая была скрыта при загрузке страницы, или щелкнув на кнопку 'да' или 'нет' ведет вас к странице/разделу которые не были показаны по умолчанию. JavaScript может использоваться для приема пользовательских комментариев или обратной связи с клиентами онлайн. Это, как правило, в виде текстовых полей, которые появляются при действии пользователя и предлагают пользователю ввести текст в полях, которые получены и отображены или сохранены для дальнейшего использования. Он может быть использован для хранения IP-адресов посетителей и записи их посещений страниц. JavaScript легко реализовать.

Это позволяет создавать отзывчивые интерфейсы. Он может загружать содержимое на действия пользователя, тем самым устраняя необходимость загрузки всего содержимого страницы, когда пользователь собирается использовать только его часть. Он может быть использован для проверки действий браузера и устранить проблемы браузера. Расширения браузеров, таких как Chrome, Opera и Safari реализованы с помощью JavaScript. База данных mongodb принимает запросы в Программы Adobe Acrobat и Adobe Reader поддерживают JavaScript в формате Компания Adobe позволяет его использовать для написания сценариев. org позволяет использовать JavaScript в качестве скриптового языка [8 с.89]. Приложение Google Apps script (облако-ориентированный язык сценариев, который позволяет пользователям автоматизировать задачи, создавать пользовательские формулы, и взаимодействовать с продуктами Google) основан на JavaScript. Java ввел классscript позволяющий реализации JavaScript, что позволяет java-приложениям использовать скрипты. С QT на C++ инструментарий включает QtScript для интерпретации сценариев JavaScript. В JavaScript есть определенные риски безопасности. Но с использованием его подмножеств, таких как ADsafe и Secure ECMAScript (SES), может быть предоставлена большая безопасность.

Рис. 4 Формы для диалога

Рис. 5 Новости сайта

Для создания авторизации используем PHP

PHP позволяет создавать динамические сайты. Что это значит?

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

Код сайта сокращается в сотни раз [10 с.67].. Пропорционально числу страниц.

PHP – это язык программирования высокого уровня. Его основное предназначение – динамически генерировать веб-страницы, как это делают ColdFusion и ASP. Однако в отличии от двух последних, PHP имеет открытый исходный код, поэтому свободен для доработок.

Синтаксис языка

Синтаксис данного языка не сложен. Для тех, кто сталкивался с C, C++ или Perl ничего сложного в изучении PHP не будет. Более того, в нем можно найти элементы объектно-ориентированного программирования, с помощью которого можно легко и читаемо организовывать код, обеспечивать его инкапсуляцию.

Применение PHP

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

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

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

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

PHP кроссплатформенный язык, поэтому не стоит беспокоиться, что скрипт или небольшая программа, написанная на нем, не запустится на той или иной машине или операционной системе.

Рис. 6 Авторизация

Для получения списка врачей используем БД MySQL (рис. 7).

Существенным преимуществом MySQL является открытость её программного кода и возможность бесплатного доступа к этому ПО. Каждый пользователь, у которого возникла необходимость в СУБД, может скачать в Интернет эту систему, изучить её код и изменить его таким образом, чтобы программа максимально соответствовала индивидуальным потребностям. Работа с MySQL регламентирована GPL-лицензией, в которой прописаны действия с программой, допустимые и недопустимее при различных ситуациях.

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

Система MySQL организована по принципу клиент-сервер. Благодаря встроенному многопоточному SQL-серверу MySQL обеспечивает поддержку разнообразных вычислительных машин БД, позволяет работать с различными библиотеками и программами на стороне клиента, открывает широкий круг возможностей по администрированию, поддерживает обширный спектр API. MySQL может в виде многопоточной библиотеки быть подключена к пользовательскому приложению, что даст в результате быстрый, легкий и компактный программный продукт.

Программы со стороны клиента посредством механизма сокетов отправляют на работающий в непрерывном режиме сервер SQL-запросы. Сервер обрабатывает полученные данные, сохраняет результат и отправляет его клиенту. Для увеличения скорости возвращения результата клиенту, в качестве которого чаще всего выступают PHP-скрипты, ответ передается частями. Как правило, полный вывод запроса требуется крайне редко.

Один сервер способен поддерживать параллельно несколько БД, при этом доступ к каждой из них можно организовать по отдельному аккаунту.

Большинство приложений, работающих с компонентом Service Broker, задействуют более одного экземпляра SQL Server и выполняются в контексте безопасности участника базы данных, созданного специально для приложения. Желательно, чтобы эти участники базы данных обладали минимальными разрешениями, необходимыми для задач, выполняемых приложением.

Работая с участниками баз данных, созданными для приложений компонента Service Broker, учитывайте следующие факторы.

Компонент Service Broker выполняет удаленную авторизацию, когда удаленное приложение, работающее с компонентом Service Broker, подключается к экземпляру SQL Server и доставляет ему сообщение. Участник базы данных, для которого выполняется удаленная авторизация, должен иметь разрешение на подключение (CONNECT) к базе данных, где размещается служба вызывающей стороны, и разрешение на отправку (SEND) сообщений службе вызывающей стороны. Пользователь должен иметь сертификат, используемый для проверки подлинности. Нет никаких других правил, требующих, чтобы пользователь владел другими объектами, имел другие разрешения или мог входить в систему посредством другого механизма.

Чтобы участник базы данных мог начать диалог, он должен иметь разрешения на получение (RECEIVE) сообщений из очереди службы вызывающей стороны.

Участник базы данных, владеющий службой вызывающей стороны, должен иметь разрешение на отправление (SEND) сообщений целевой службе.

Чтобы участник базы данных мог отправлять сообщения службе, он должен иметь соответствующие этой службе разрешения SEND. В случае служб, размещенных в другом экземпляре, реализованный в компоненте Service Broker механизм обеспечения безопасности диалогов определяет участника базы данных в удаленном экземпляре. Дополнительные сведения см. в разделе Обеспечение безопасности диалогов компонента Service Broker. Обратите внимание, что при проверке разрешений SEND компонент Service Broker не учитывает членство в ролях Windows.

Пользователь, указанный в качестве пользователя хранимой процедуры активации, должен иметь разрешение на выполнение этой процедуры. Этот пользователь часто имеет разрешения, необходимые для выполнения инструкций процедуры. Тем не менее если сама хранимая процедура определена с предложением EXECUTE AS, содержащиеся в ней инструкции выполняются в контексте безопасности, определяемом хранимой процедурой. SQL Server сначала задает контекст безопасности, соответствующий пользователю очереди. После этого SQL Server выполняет хранимую процедуру, которая изменяет контекст безопасности на контекст пользователя процедуры.

Когда реализованный в компоненте Service Broker механизм обеспечения безопасности транспорта использует протокол SSPI, учетная запись службы, связанная с удаленной базой данных, должна иметь разрешение CONNECT в базе данных master и должна соответствовать имени входа. Таким образом, учетная запись, в контексте которой выполняется удаленный экземпляр SQL Server, должна иметь разрешение для входа на SQL Server с использованием проверки подлинности Windows. Других разрешений для имени входа или условий владения объектами каких-либо баз данных нет

Рис. 7 Использование БД

Заключение

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

Проведен тщательный анализ предметной области, на основе которого строился весь процесс разработки. Данный сайт позволит существенно повысить количество клиентов клиники и ее прибыль.

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

Список используемой литературы

1. Леа Веру. Секреты CSS:/Леа Веру – СПБ. Питер, 2016г. - 336с.

2. Дженнифер Роббинс HTML5. Карманный справочник:/ Роббинс Дженнифер М.: Вильямс -, 2015.-192с

3. Николай Прохоренок HTML, JavaScript, PHP и MySQL. Джентльменский набор Web-мастера./Владимир Дронов, Николай Прохоренок - СПб.: БХВ-Петербрг, 2015.-766 с.

4. Денис Колисниченко PHP и MySQL. Разработка Web-приложений./ Денис Колисниченко - СПб.: БХВ-Петербрг,2015. - 593 с.

5. Бретт Маклафлин PHP и MySQL. Исчерпывающее руководство/ Бретт Маклафлин СПб.: Изд-во «Питер», 2014. - 544 с.

6. Николас Закас JavaScript для профессиональных веб-разработчиков/ Николас Закас СПб.: Изд-во «Питер», 2015. 960 с.

7. Робин Никсон Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5/ Робин Никсон СПб.: Изд-во «Питер», 2015. 688 с.

8. Бер Бибо jQuery. Подробное руководство по продвинутому JavaScript/ Бер Бибо СПб.: Изд-во «Символ-Плюс»,2013. - 650 с.

9. Макфарлфнд Дэвид JavaScript и JQuery Исчерпывающее руководство/ Макфарлфнд Дэвид СПб.: Изд-во «Эскимо», 2015.- 880 с.

10. Дженат Валейд PHP для “Чайников»/ Дженат Валейд СПБ.: Изд-во «Вильямс», 2006. - 320 с.

Приложение

Авторизация

<section class="appointment-form"> 
<div class="container"> 
<div class="col-md-6"> 
<div class="get-quote"> 
<h2>Для работы со следующими страницаим требуется авторизация</h2><br> 
<p>Внимание! Если вы не являетесь сотрудником нашей стоматологической клиники,<br> 
то пожайлуйста, покиньте эту страницу путём перехода на другие разделы</p>
</div>
</div>
<div class="col-md-5 col-md-offset-1">
<div class="appointment-form">
<h3>Задайте свой вопрос нашим специалистам</h3>
<form action="Autorez.php" method="POST" />
<input type="text" class="col-md-12 col-xs-12 appointment-name" name="login" placeholder="Login"/> 
<input type="text" class="col-md-12 col-xs-12 appointment-name" name="password" placeholder="Password"/>
<button class="col-md-3 col-xs-4 col-md-offset-9 col-xs-offset-8 appointment-submit" name="submit">Отправить</button>
</form>
</div>
</div>
</div>
</section>

Ответы на вопросы

<section class="appointment-form"> 
<div class="container"> 
<div class="col-md-6"> 
<div class="get-quote"> 
<h2>Наши ответы на Ваши вопросы</h2><br> 
<p>В: Возможно ли лечение зубов без боли с анестезией?<br> 
O: Лечение зубов безболезненно не только благодаря анестезии, достаточно часто можно лечить зубы лазером - это дорого, но не больно даже без анестезии <br><br> 
В:Используют ли еще мышьяк в стоматологии?<br> 
О:Современные обезболивающие препараты позволяют не использовать мышьяк, так что в большинстве стоматологий лечение зубов мышьяком уже несколько лет не используется<br><br> 
В: Можно ли за одно посещение сделать профессиональную гигиену полости рта и удалить зуб?<br> 
О: Удаление зуба за один раз можно, однако в некоторых стоматологиях вам могут в этом отказать</p> 
</div> 
</div> 
<div class="col-md-5 col-md-offset-1"> 
<div class="appointment-form"> 
<h3>Задайте свой вопрос нашим специалистам</h3> 
<form action=""> 
<input type="text" class="col-md-12 col-xs-12 appointment-name" name="name" placeholder="Ваше имя"/> 
<select name="doctor" class="col-md-5 col-xs-5 appointment-doctor"> 
<option value="">Характер вопроса</option> 
<option value="Zubik">Ортопедический</option> 
<option value="Zubik">Хирургический</option> 
<option value="Zubik">Терапевтический</option> 
<option value="Zubik">Иной</option> 
</select> 
<textarea name="message" class="col-md-12 col-xs-12 appointment-message" placeholder="Опишите вашу жалобу" cols="16" rows="4"></textarea> 
<textarea name="message" class="col-md-12 col-xs-12 appointment-message" placeholder="Ответ сотрудника" cols="16" rows="4"></textarea> 
<button class="col-md-3 col-xs-4 col-md-offset-9 col-xs-offset-8 appointment-submit" name="submit">Отправить</button> 
</form> 
</div> 
</div> 
</div> 
</section>