Файл: Сайт интернет реклама экономический.docx

Для создания сайтов можно использовать текстовые редакторы, такие как 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).