Преподаватель который помогает студентам и школьникам в учёбе.

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

Содержание:

Введение

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

Для чего нужен сайт? Как завладеть вниманием пользователей?

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

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

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

Сайт нужен для решения следующих задач:

Установление связей с новыми и существующими партнерами компании;
Автоматизация бизнес процессов, улучшение качества и повышение скорости обслуживания;
Информационное обслуживание и представительские цели;
Интерактивные продажи услуг и товаров посредством сети интернет;
Проведение маркетинговых акций с целью увеличения торгового оборота;
Организация каталогов товаров с целью ознакомления с ними широкой аудитории;
Установление связи с территориально распределенными офисами компании;
Снятие временного ограничения по доступу к информации компании. Интернет офис 24 часа;
Поддержка рекламных акций, проводимых вне сети интернет;
Развитие сайта как отдельного вида бизнеса;
Привлечение новых клиентов;
Развитие клиентской базы компании.

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

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

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

1.Основная часть

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

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

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

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

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

Стилистики сайта.

Это сайт серьезного медицинского учреждения. Дизайн, язык сайта, использует речевые обороты, все должно вызывать у клиента спокойное доверие. Одновременно с этим необходимо учесть все, что пишется на сайте. Информация должна быть понятной. Если вы можете не применять специфический термин обойдитесь без него. Если термин необходим - разъясните его значение.

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

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

HTML - это один из самых старых языков web-программирования, появившийся еще на заре развития Интернета, и зарекомендовавший себя как один из самых простых и надежных способов web-программирования. HTML расшифровывается как Hyper Text Markup Language – Язык Разметки Гипертекста. Сайты, созданные по технологии HTML в большинстве своем, являются набором статических страниц, не требующих наличия базы данных.

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

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

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

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

FLASH.

По сути, сама технология флеш не является языком web-программирования, но используется для визуализации элементов, написанные на языке XML.

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

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

WAP (Wireless Application Protocol) – это технология, позволяющая получать доступ к ресурсам Интернета прямо с мобильного устройства.

Основным отличием WAP-сайта от обычного Интернет-ресурса, является, то что WAP-сайт «заточен» под просмотр на небольших дисплеях телефонов и коммуникаторов, в связи с чем к разработке WAP-сайта предъявляется ряд требований и стандартов, направленных на облегчение веса страницы WAP-портала и оптимизации содержимого сайта именно под просмотр в WAP-браузере телефона.

Сайты, написанные под WAP, имеют свой язык разметки, адоптированный именно под обмен информацией с WAP-браузером. И если обычные сайты, предназначенные для просмотра с компьютера в большинстве своем написаны на языках html, php, Perl, или xml, то для создания WAP-сайтов используется стандарт WML (Wireless Markup Language). Помимо всего прочего при разработке WAP-ресурсов используется свой формат изображений - WBMP, позволяющий максимально облегчить WAP-страницу.

ASP (Active Server Pages) - это открытая среда разработки web-приложений, которая позволяет комбинировать язык HTML, скрипты, и ActiveX серверные компоненты, с целью создать динамические и мощные web-решения для бизнеса. ASP-страницы — это страницы, содержащие в себе скрипты, исполняемые на стороне сервера.

Perl (Practical Extraction and Report Languge) - универсальный, интерпретируемый язык web-программирования, используемый для написания cgi-скриптов и cgi-программ, выполняемых на стороне сервера и позволяющих автоматизировать работу сайта. Perl - это одна из наиболее удобных и распространённых сред для создания динамических web-страниц, хотя и вытесняемое в последнее время более новыми Интернет-технологиями. Формат Perl является прекрасным средством для взаимодействия с web-серверами через CGI (общий интерфейс взаимодействия). В настоящее время язык Perl теряет позиции по отношению к своему функциональному аналогу - PHP.

С, С++ - широко распространённые языки веб-программирования, используемые для написания cgi-скриптов. В настоящее время поддерживаются большинством серверов. Скрипты, написанные на C+ необходимо компилировать на стороне сервера.

SSI (Server Side Include) - технология, позволяющая собирать web-страницу из нескольких скриптов или файлов в единое, функциональное целое. SSI позволяет включить в web-страницу информацию на сервере, недоступную средствами HTML. По сути SSI – это своеобразный аналог инклудов в PHP. Позволяет внедрять в код сайта общие для каждой, или группы страниц элементы, позволяющих осуществлять редактирование каждой страницы через один только файл. SSI директивы поддерживаются .shtml, .htm и .html и прописываются в файле .htaccess.

JavaScript

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

Области использования языка весьма обширны:

Создание веб-страниц, которые могут изменяться после загрузки документа;
Решение локальных задач;
Проверка грамотности заполнения форм пользователем до их пересылки на сервер.

Многообразие возможностей javascript обуславливает популярность языка. С его помощью можно:

Вносить изменения на страницу: работать с тегами, менять стили, писать текст;
Реагировать на события (например, клик мыши) и выполнять определенную функцию;
Выводить сообщения, проверять корректность данных, устанавливать и считывать cookie;
Загружать данные без перезагрузки страницы и т.д.

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

2. Подготовительный этап.

На этом этапе необходимо сформировать основную идею будущего сайта.

Нужно определить какая цель будет у сайта:

Целью данного сайта является – знакомство со стоматологической клиникой, её специалистами, предоставляемыми услугами и ценами на данные услуги.

Затем определить целевую аудиторию, то есть для кого будет этот сайт:

Целевая аудитория данного сайта не имеет возрастных ограничений.

Так же необходимо выяснить какую информацию ожидают посетители, это поможет с определением контента (текстовой информацией) на сайте:

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

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

Для этого на сайте при переходе на любую страницу есть меню, где отражены все основные пункты, с помощью которых можно перейти на необходимую страницу. (Рис.1)

Рис.1

Разработка макета.

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

После чего готовый макет предоставляется в формате PSD (со всеми слоями) и в виде картинки, тут можно использовать любой формат ( JPEG, PNG ), чтобы в дальнейшем передать работу в руки верстальщика.

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

1. Переход на Главную страницу, где будет изложена краткая информация о клинике и изображение одной из работ;
2. Виды деятельности, где будут указаны все виды оказываемых услуг и цены на них;
3. Врачи – фотографии и Ф.И.О. всех специалистов, работающих в данной клинике и краткая информация о них;
4. Отзывы, где указаны отзывы клиентов, а также форма для отправки этих отзывов администратору сайта, который после коррекции и исправления ошибок в написании, решает отправить данный отзыв на страницу или нет.
5. Контакты – здесь указаны номера телефонов дежурных врачей, адреса поликлиник, а также форма для жалоб и предложений.

2.1. Верстка.

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

Для корректного отображения данного интернет ресурса не обходимо использовать такие типы браузеров как: Yandex 17 и выше (Яндекс.Браузер), Internet Explorer 8.0 и выше (Microsoft), Opera 12.0 и выше (Opera Software).

2.2. Программирование.

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

Язык программирования представляет собой знаковую систему, которая предназначена для описания алгоритмов. Самые популярные языки программирования: HTML, Java, C, C++, Delphi, Basic, PHP, Perl и др.

После всех этих действий сайт публикуется в сети.

В данной работе были применены такие языки программирования как HTML и Javascript.

2.3. Наполнение сайта контентом.

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

Главная страница: (Рис.2, Рис.3)

Рис.2

Рис.3

На данной странице располагается шапка, которая присутствует на любой странице куда бы не переходили. В нее входит: в левом верхнем углу кнопка для печати данной страницы, название стоматологии с ссылкой на реальную страницу сайта, контактные данные – номер телефона и адрес электронной почты, бегущая строка с номером телефона и адресом электронной почты (в данную строку можно вписать любую интересную информацию или акцию, которая осуществляется в данной клинике), а также группа основных разделов меню для быстрого перехода по страницам. Дополнительно на данной странице размещена ссылка для перехода просмотра информации «о нашей деятельности» и «подвал», где размещена информация о Copyright, ссылка на страницу стоматологии и контактные данные.

Виды деятельности:

Рис.4

На данной странице также располагается шапка, краткая информация о том, чем занимается эта стоматология (Рис.4), ссылка на предоставляемые услуги (Рис.5).

Рис.5

Ссылка на «Наши работы», где показаны работы специалистов и довольных клиентов (Рис.6).

Рис.6

Ссылка на цены оказываемых услуг. (Рис.7)

Рис.7

Врачи.

Рис.8

На данной странице указаны все специалисты, работающие в данной клинике (Рис.8). Каждая фотография данной страницы оформлена как ссылка для перехода к более подробной информации о враче (Рис.9).

Рис.9

Отзывы.

Рис.10

На данной странице каждый клиент может оставить свой отзыв, заполнив специальную форму внизу страницы, который после проверки администратором сайта будет опубликован на странице (Рис.10).

Контакты.

Рис.11

На данной странице указаны контактные данные организации, адрес и время работы клиники, а также форма для жалоб/вопросов и предложений, которую заполнив клиент может отправить администратору (Рис.11).

4. Поддержка сайта

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

Ресурс можно обновлять как самостоятельно, так и при помощи поддержки специалистов.

Заключение

Мной был разработан электронный портал представительства «Стоматологической клиники «ВсеСвои»» с возможностью последующего размещением в сети Интернет.

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

Имиджевая.

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

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

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

Рекламная.

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

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

Шрифты, используемые в графических элементах сайта, выбирались произвольно и не противоречат корпоративному стилю. Шрифты, используемые в текстовом материале сайта, соответствовать стандартным шрифтам браузеров: Helvetica/Arial, Times New Roman, Courier.

Цвета: согласно стиля, выбранного компанией (Голубой цвет - Arial).

Функциональности веб-сервера:

Веб-сервер обеспечивает возможность:

– управления содержанием и структурой сайта через систему управления контентом;

– осуществление обратной связи c пользователями: прием отзывов и запросов пользователей по e-mail через заполнение специальных форм на сайте;

Требования к браузеру:

Сайт обеспечивает корректное отображение данных в следующих браузерах: Yandex 17 и выше (Яндекс.Браузер), Internet Explorer 8.0 и выше (Microsoft), Opera 12.0 и выше (Opera Software).

Требования к верстке:

– Сайт оптимизирован для просмотра при разрешении 1024*768, 1280*1024 без горизонтальной полосы прокрутки и без пустых (белых) полей для основных типов разрешения.

– Мета-теги и контент сайта на этапе изготовления сайта настроен с учетом требований поисковых систем, чтобы обеспечить продвижение сайта по ключевым словам в русскоязычных поисковых системах Yandex, Aport!, Rambler, Google.

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

Список литературы

1. А. А. Дуванов "Web-конструирование. HTML " Издательство: БХВ-Петербург, 2005 г.
2. Дакатт, Дж. Основы веб-программирования с использованием HTML, XHTML и CSS / Дж. Дакатт. - М.: Эксмо, 2010.
3. О. Н. Рева "Использование HTML, JavaScript и CSS. Руководство Web-дизайнера " Издательство: Эксмо, 2008 г.

Приложение

Код бегущей строки на странице сайта:

Email:Den356174@mail.ru 8-999-999-99-99

</marquee></p>

Код главного навигационного меню сайта:

<tr>

<td><th><a href="start.html" target="frame"><font color="Chocolate">Главная страница</font></a></th></td>

<td><th><a href="spisok.html" target="frame"><font color="Chocolate">Виды деятельности</font></a></th></td>

<td><th><a href="vrachi.html" target="frame"><font color="Chocolate">Врачи</font></th></td>

<td><th><a href="otzivi.html" target="frame"><font color="Chocolate">Отзывы</font></th></td>

<td><th><a href="kontakt.html" target="frame"><font color="Chocolate">Контакты</font></th></td>

</tr>

</table>

Код кнопки печати на странице:

function printPage()

{

if (typeof(window.print)!='undefined') {window.print();}

}

</script>