ВУЗ: Не указан
Категория: Не указан
Дисциплина: Не указана
Добавлен: 18.10.2024
Просмотров: 34
Скачиваний: 0
ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.
СОДЕРЖАНИЕ
1.1 Технико-экономическая характеристика предметной области
Использовалось программное обеспечение Windows 7. Ниже предоставлено краткое описание данного ПО.
2.3 Анализ интернет представительств других медицинских учреждений
2.4 Модель информационного наполнения сайта
2.5 Информационная структура сайта
2.7 Выбор инструментальных средств
Принципы функционирования системы
Структура системы управления сайтом
Использование каскадных таблиц стилей
2.7 Выбор инструментальных средств
Для создания сайтов можно использовать текстовые редакторы, такие как FrontPage (который мы и используем, как отвечающий всем основным требованиям при разработке сайта) или использовать системы управления сайтом. В текстовых редакторах удобно создавать уникальные дизайны, быстро добавлять текст, создавать сайт с нуля. При создании панелей ссылок FrontPage позволяет использовать структуру web-узла, смоделированную в режиме работы Переходы (Navigation). Кроме того, в состав FrontPage входит мастер, позволяющий создавать панель ссылок для web-узла, структуру которого он формирует в процессе своей работы.
Для создания сайта на компьютере / сервере были установлены следующие программные средства:
-
web-сервер Apache 1.3.30; -
PHP 4.2.0.
Для того, чтобы загрузить наши файлы на хостинг, понадобится специальная программа FTP клиент. Воспользуемся программой FileZilla, так как на сегодняшний день она является одним из лучших бесплатных ftp-менеджеров.
Любой сайт условно делится на две большие части:
Система администрирования – область сайта, доступная только администраторам и редакторам;
Система представления – область сайта, доступная посетителям.
Обе системы работают с одной и той же базой данных. Системы могут быть интегрированы друг в друга, а могут быть разделены и находиться в разных папках. Решено использовать последний подход, он позволяет минимизировать зависимость от дизайна сайта.
Существуют два типа сайтов с точки зрения программирования – динамические и статические.
Статический сайт – используется стандартный код HTML, адрес страницы статический и простой, например page.html. Данный тип свойствен более простому типу сайтов, где не требуется постоянное добавление и обновление большого количества информации. Это вполне подходит для сайта частной компании.
Динамический сайт свойствен более сложному типу сайтов, например, крупные сайты, новостные ленты, порталы, где требуется постоянное добавление и обновление большого количества информации. Используются технологии ASP, PHP, CGI, Perl и другие. Информация хранится в SQL базе данных, а программирование позволяет осуществлять лишь доступ к динамике обновления и добавления страниц. Также проблемным бывает перенос сайта с одной хостинг-площадки на другую. Однако, неоспоримым преимуществом является возможность удобной оперативной работы с большим количеством информации, что весьма проблемно в случае со статическим вариантом. Статический сайт лучше перерабатывается поисковыми машинами, поэтому web-мастера динамических сайтов стараются создать для динамических страниц статические адреса. Однако, крупный портал просто немыслим без динамики. Поэтому выбор в ту или иную сторону делается непосредственно «на месте», т.е. исходя из типа сайта и его дальнейших перспектив.
Принципы функционирования системы
Логически система различает следующие понятия (сущности):
-
Структура сайта; -
Шаблоны данных; -
Контент (содержимое сайта, данные); -
Макеты дизайна; -
Пользователи и права доступа; -
Дополнительные функции; -
Вспомогательные данные.
Эти сущности тесно взаимосвязаны. Так, к разделу сайта (единица структуры) логически прикреплены:
-
шаблоны данных, в соответствии с которыми отображается содержимое страниц; -
контент, относящийся к этому разделу (объекты); -
макет дизайна, который используется для вывода страниц этого раздела; -
права доступа пользователей (просмотр, запись, редактирование, настройка).
Система администрирования сайта логически разделена на две части:
-
инструменты разработчика; -
инструменты пользователя.
В первую часть (инструменты разработчика) входят:
-
средства создания макетов страниц; -
средства программирования шаблонов; -
среда разработки модулей; -
инструменты настройки системы и модулей; -
дополнительные инструменты.
Во вторую часть (инструменты пользователя) входят:
-
средства управления структурой; -
средства управления контентом; -
средства управления пользователями и правами данных.
При разработке сайта используются как инструменты разработчика, так и инструменты пользователя. При поддержке и обслуживании сайта обычно используются только инструменты пользователя.
Структура системы управления сайтом
Cистема управления сайтом (Content Management System или в дальнейшем CMS) – это программный продукт, позволяющий владельцу веб-сайта самостоятельно управлять структурой сайта, а также текстовой и графической информацией (контентом) на своем сайте, т.е. вносить изменения и дополнения в информационное наполнение сайта.
Структура разрабатываемого сайта представлена в виде дерева иерархий с неограниченным уровнем вложенности. Каждому каталогу соответствует некий раздел сайта. У каждого раздела могут быть подразделы. Каждый раздел имеет некоторые поля (свойства), состав которых может расширяться при помощи системы администрирования. Свойства определяют характеристики раздела: название, права доступа, макет дизайна и пр.
Шаблоны вывода данных представляют собой совокупность структуры данных (набора полей – т.н. «свойств») и шаблонов действий (вывода, добавления, редактирования, подписки, поиска по страницам данных шаблонов). С точки зрения посетителя сайта, шаблон определяет внешний вид содержательной части страницы.
CMS структурно разделяется на следующие блоки:
-
система администрирования – блок, позволяющий осуществлять редактирование данных; -
система представления – набор программных блоков, с которыми непосредственно работает посетитель и при помощи которых информация извлекается.
Оптимизация «веса страниц»
Наиважнейшей характеристикой любого пользовательского интерфейса является время его реакции на действия пользователя.
Процесс загрузки страниц неоднороден и включает в себя массу независимых составляющих, поддающихся анализу и оптимизации каждая по отдельности:
-
разрешение IP-адреса web-узла по его доменному имени; -
преодоление очереди пользовательских запросов; -
обработка запроса сервером; -
передача запрошенных данных по каналу связи клиенту; -
отображение объектов страницы браузером.
URL той или иной страницы в подавляющем большинстве случаев содержит в себе имя домена. А это неизбежно приводит к ощутимым временным задержкам – ведь, фактически, обращение к web-серверу все равно производится по IP-адресу, который предварительно выясняется при помощи службы DNS. Красивое и понятное доменное имя необходимо для удобства. Но в теории загрузку ряда связанных со страницами объектов и открытие некоторых ссылок можно ускорить, используя в атрибутах href, src и им подобные IP-адреса ресурсов вместо соответствующих им доменных имен. Наш сайт не перегружен различными архитектурными излишествами наподобие баннеров и кнопок, поэтому сбои в работе сайта не будут ощутимы.
Что касается длины очереди запросов, то она определяется текущей загруженностью сервера и качествами канала, при помощи которого он связан с внешним миром.
Но больше всего нас интересует время обработки клиентского запроса на стороне сервера, в значительной степени оно определяется внутренним устройством сайта.
Так, очевидно, что статические HTML-документы при прочих равных условиях возвращаются сервером почти мгновенно. Страницы, построенные на основе SSI – чуть медленнее. «Настоящие» динамические страницы, использующие различные серверные технологии, как в нашем случае PHP, формируются еще дольше.
Самый зловредный из всех факторов задержек – это низкая (в большинстве случаев) пропускная способность канала связи, соединяющего компьютер пользователя с сетью провайдера. К тому же, абонентам широкополосного доступа частенько приходится платить за трафик. Поэтому тяжелые сайты нежелательны отнюдь не только для пользователей коммутируемого доступа.
Любую web-страницу, отправляемую сервером клиенту, вне зависимости от способов ее представления на стороне сервера, можно разложить на составляющие, каждая из которых вполне подвластна оптимизации:
-
управляющие конструкции разметки; -
лист стилей (внедренный в HTML-код или связанный с ним); -
текстовое содержание; -
графические изображения и прочие связанные объекты.
Впечатляющие результаты по минимизации объема HTML-кода приносит переход от табличной верстки к использованию блочной модели CSS2 в полную силу.
Возможности кэширования, предоставляемые браузером, следует использовать по максимуму, и не только для листа стилей. Однотипность всех страниц сайта, использование одних и тех же стилей и графических изображений для их оформления отлично сочетается не только с основным законом композиции – принципом единства и соподчинения, но и со стремлением уменьшить время загрузки.
Что касается оптимизации кода листов стилей, то наиболее разумным подходом признано определение классов и идентификаторов для всех видов оформления элементов, использующихся на страницах сколько-либо регулярно, а также максимальное использование наследования свойств классов и идентификаторов. Это позволяет минимизировать количество повторов одинаковых конструкций как в индивидуальных описаниях стилей в теле HTML-кода, так и в общем листе стилей.
Для того, чтобы все страницы сайта были быстрее проиндексированы поисковой системой, код страницы желательно иметь легче. Кроме того, у некоторых поисковых систем существует ограничение на размер кода индексируемого документа. У всех поисковых систем этот объём может быть разным – 100 – 200 Кб.
Более дружественной для поисковых систем вёрсткой является блочная. У блочной вёрстки существуют свои незначительные недостатки, но они с лихвой окупаются меньшим объёмом кода по сравнению с табличной. Такие странички быстрее загружаются в браузер, так как имеют объём кода на 30 – 50% меньше, чем у табличной.
-
Этот способ занимает гораздо меньший объем памяти.
Разница в весе web-страницы и, тем более, целого сайта, становится весьма существенной и непосредственно сказывается на скорости загрузки web-ресурса, к чему и следует стремиться любому web-мастеру.
Графика на страницах сайта
Визуальное представление позволяет осуществлять наиболее быструю передачу информации, обеспечивая также быстрое её восприятие наблюдателем (читателем) как непосредственно, так и с использованием принятых в мировой культуре источников информации (книги, газеты, кино, телевидение, Интернет). Манипулируя цветом, контрастом и символами, можно за долю секунды вызвать у наблюдателя ощущение тепла либо холода, спокойствия или напряженности, а вместе с тем даже передать некоторые сведения. Важную роль в графической передаче информации играют ассоциации – определённые образы, всплывающие в сознании пользователя в моменты, когда он видит некоторые символы или систему графических объектов.
Стиль Интернет-сайта определяется сочетанием текста, графики и активных элементов (формуляры, диалоговые окна, мультимедиа). Существенным является также подбор компонентов, их свойств (размер, цвет) и способов размещения на странице.
Использование каскадных таблиц стилей
С точки зрения скорости загрузки страниц предпочтительнее, чтобы каскадные листы стилей были внешними по отношению к HTML-документам страниц. Это эффективно в том случае, если представление множества страниц описывается одним файлом стилей, поскольку файлы стилей обычно кэшируются браузером, что дает возможность не загружать их вновь с каждой запрашиваемой пользователем страницей. Что и было сделано в данном проекте (1.css – каскадные таблицы стилей, Приложение 1).