Файл: Разработка сайта стоматологической клиники (Основы создания сайта).pdf

Введение

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

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

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

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

Сейчас на многих Web - страницах используются специальные программы - скрипты (scripts), написанные на таких языках Microsoft VBScript или JavaScript. При помощи таких «мини - программ», встроенных в код Web - страниц, можно управлять форматированием, выводом изображений, воспроизведением мультимедиа - в этом скрипты похожи на программы, созданные при помощи других языков программирования. Однако на сегодняшний день самым мощным средством, позволяющим управлять выполнением скриптов, является DHTML - Dynamic HTML (Динамический HTML). DHTML позволяет создавать простые анимации и многие другие эффекты.

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

Целью курсового проекта – это разработать собственный сайт стоматологической клиники – «Спирит».

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

1.1 Основы создания сайта

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

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

Веб-дизайн

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

Веб-сервер

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

Веб-страница

Веб-страница - самостоятельная часть веб-сайта; документ, снабженный уникальным адресом (URL). Веб-страница может иметь статическое или динамическое построение. Обычно веб-страницы организуется в виде гипертекста с включениями текста, графики, звука, видео или анимацию. В сети Интернет просмотр веб-страниц осуществляется посредством браузера.

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

Личные страницы - веб-страницы, которые принадлежат физическим лицам. Содержание и оформление личной страницы зависит только от ее автора.

Веб-сайт

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

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

На каждом Web - сайте существует одна особенная Web - страница, называемая домашней или главной страницей (homepage). Все посетители сайта сначала попадают на эту страницу. Щелкнув на той или иной гиперссылке, пользователи смогут попасть и на другие страницы сайта. Web - страницы, на которые указывают гиперссылки, могут быть расположены и на том же самом компьютере, где размещена домашняя страница, и на любом другом компьютере, подключенном к Internet.

Гиперссылка - это текст или изображение на Web - странице, при щелчке на котором происходит переход к другой Web - странице или сайту.

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

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

Браузер - от английского слова Browser (окно просмотра или обозреватель), т.е. программа-обозреватель Internet - Internet Explorer, Opera или любая другая.

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

Web - сайт размещается на Web - сервере (Web - server) - компьютере, предоставляющем доступ к Web - страницам посетителям сайта. Однако можно создать Web - сайт непосредственно в файловой системе компьютера, а затем, когда он будет готов, опубликовать его на Web - сервере. Обычно Web - сервер подключен к Internet, что позволяет просматривать Web - страницы, размещенные на нем, в World Wide Web. Многие компании и организации устанавливают Web - серверы и в интранет - сетях. На таких серверах лучше всего размещать Web - сайты, содержащие внутри корпоративную информацию, предназначенную только для сотрудников компании. К некоторым страницам интернет - сайта может быть открыт доступ и из World Wide Web, в то время как остальные страницы будут доступны только из локальной сети компании.

Поиск Web - сервера.

Большинство Internet - провайдеров (Internet service provider - ISP) предоставляют услугу по размещению Web - сайта (эта услуга называется Web - хостингом - Web hosting) как часть набора услуг при получении доступа к Internet. При этом провайдер выделяет часть дискового пространства на Web - сервере для хранения Web - файлов. Для простейших Web - сайтов набор услуг по их размещению и поддержке, оказываемый Internet - провайдерами, бывает вполне достаточен. Большие и сложные Web - сайты стоит размещать на выделенном (dedicated) сервере (иначе называемом выделенным Web - хостом), где можно получить больший объем дискового пространства. На выделенном сервере также может быть установлено и более быстрое оборудование.

Планирование Web - сайтов

Теперь необходимо решить, какой материал будет содержать Web - сайт, представляющий клиента World Wide Web. Для начала стоит определить, каким будет назначение создаваемого Web - сайта.

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

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

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

1.2 Язык разметки гипертекстовых страниц HTML

Язык разметки гипертекстовых страниц (HTML – Hypertext Markup Language) представляет собой язык, разработанный специально для создания Web-документов. Он определяет синтаксис и размещение специальных инструкций (тегов), которые не выводятся на экран, но указывают браузеру, как отображать содержимое документа. Он также используется для создания ссылок на другие документы, локальные или сетевые, например, находящиеся в сети Интернет.

Стандарт HTML и другие стандарты для Web разработаны под руководством консорциума W3C (World Wide Web Consortium). В настоящее время действует спецификация HTML 4.0, поддержка которой со стороны основных браузеров постоянно растет.

На практике на стандарт HTML большое влияние оказывает наличие тегов, предложенных и поддерживаемых наиболее известными браузерами, такими как Microsoft Internet Explorer и Netscape Navigator. Эти теги в данный момент могут как входить, так и не входить в состав действующей спецификации HTML.

Информации о тегах HTML Compendium (краткое руководство по HTML) созданно Ron Woodall. Компендиум содержит список тегов и их атрибутов в алфавитном порядке, а также обновленную информацию о поддержке каждого из них со стороны браузеров.

1.3 Общие требования к веб-сайту

1. Совместимость с основными версиями браузеров.
2. Минимальный объем HTML-кода.
3. Модификация сайта при минимуме человеко часов.
4. Портабельность сайта.

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

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

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

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

1. Сайт имел структуру, пример предлагаемой структуры сайта см. выше.
2. Исходный HTML-код должен быть читабельным.
3. Верхние и нижние колонтитулы были вынесены в отдельный файл.
4. CSS (таблицы каскадных стилей), используемые в нескольких документах находились в отдельном файле.
5. Функции JavaScript, используемые в нескольких документах находились в отдельном файле.
6. Гиперсылки имели правильные пути - абсолютные и относительные.
7. В именах файлов и адресах гиперссылок использовались только цифры и буквы английского алфавита нижнего регистра, также допускается использование символа подчеркивания. Все остальные символы русского алфавита, английские символы верхнего регистра значительно могут осложнить поддержку веб-сайта.

Соответствие существующим стандартам обеспечивает:

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

1.4 Основные требований к веб сайту.

• 1. Дизайн. Простой, ненавязчивый, но оригинальный - главные критерии.
  2. Грамотный пользовательский интерфейс. Максимально удобный, ориентированный на вашу целевую аудиторию - подумайте, кто будет заходить и что именно будет искать на сайте.
  3. Логичная навигация. Основные разделы сайта (Главная| О проекте| FAQ| Контакты| и т. д.) лучше разместить сверху, полезные ссылки, дружественные сайты и т. п. - в боковом меню.
  4. Располагайте ссылки внизу. Даже если они продублированы в другом месте. Это дополнительный способ привлечь внимание.
  5. Качественный контент. Все знают: контент - "король".
  6. Рубрика "О проекте". Вы не должны быть для читателя абстрактной фигурой. Это отталкивает.
  7. Контакты. Это обязательное условие: связь с вами должна быть удобной и самой прямой.
  8. Поиск. Настройте его максимально грамотно - "не найдено" на каждый полезный вопрос невероятно раздражает читателей.
  9. Регистрация/Подписка. Максимально упрощенная регистрация и подписка располагают к себе любого читателя. Это намного легче обеспечить, если вы работаете на базе WordPress.
  10. Карта сайта. Она помогает составить читателю полное представление вашего ресурса, а также способствует индексации страниц.
  11. Отделите контент от дизайна. Нtml не дает такой возможности. Используйте CSS-файлы для того, чтобы поисковики могли, минуя избыточные коды, идентифицировать контент.
  12. Используйте XHTML / CSS. Кроме того, коды должны быть точными. Два отличных ресурса проверки кода: W3C Markup Validation Service,W3C CSS Validation Service.
  13. Совместимость браузеров. Идеально, если ваш сайт совместим со всеми браузерами и платформами, с которыми работают ваши читатели.
  14. Оптимизация изображений. Уменьшайте изображения, стараясь максимально сохранить при этом качество.
  15. Статистика. Она помогает вам в анализе работы вашего сайта.