Как устроен сайт

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

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

Как мы уже сказали, от обычного текста гипертекст (HTML) отличается наличием тегов. Теги обрамляются угловыми скобками (<>). Встретив в тексте фрагмент, заключенный в угловые скобки, браузер «понимает», что его нужно обрабатывать как инструкцию. Например, выровнять текст по центру страницы, установить размер шрифта, вставить картинку, перейти по ссылке и т. д. Теги вида <a href="адрес_ссылки"> текст_ссылки </a> служат для создания ссылок. Если ссылки ведут к html-файлам, хранящимся в той же папке на том же сервере, в качестве адреса указывается имя файла. Ссылки, которые указывают на ресурсы сторонних серверов, представляют собой URL этих ресурсов.

Веб-страницы могут содержать короткие программы-сценарии, написанные на языке JavaScript. Они обрабатываются браузером и служат для создания всплывающих окон, проверки заполнения форм, изменяющегося отображения страницы и т. д. Такие программы заключаются в теги <script></script>. Как вариант, сам код скриптов выносится в отдельные файлы, а веб-страница только ссылается на них.

Современный подход к разработке сайтов — использование каскадных таблиц стилей (CSS). Смысл их в том, что все теги оформления (шрифтов, выравнивания строк, цветов и т. п.) сосредоточены в одном файле — таблице стилей. В коде веб-страницы просто указывается необходимый стиль для каждого элемента. Стили, детально настроенные в таблице стилей, применяются сразу ко всем страницам сайта. Чтобы изменить содержание страниц, редактируют html-файлы, чтобы изменить оформление — таблицу стилей (файл style.css). Это заметно облегчает и написание, и обслуживание сайта: в корне исключается причина многих ошибок оформления и форматирования страниц.

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

Задача решается с помощью динамических веб-страниц. Содержимое сайта размещается на хостинге (сервере), который поддерживает обработку сценариев и связь с базами данных. Фактически готовых веб-страниц там нет: «движок» сайта, запущенный на сервере, по каждому запросу генерирует страницы заново. При этом он руководствуется сценариями, а содержание берет из базы данных (БД).

Чтобы обновить содержимое сайта, который предлагает женская одежда оптом в москве, достаточно внести изменения в базу данных. От разработчика сайта требуется создать набор страниц-шаблонов. Основой их является все тот же язык HTML, но главная особенность — сценарии (скрипты) на языке PHP. В скриптах прописываются связи с базой данных. В качестве системы управления базой данных чаще всего применяется MySQL. Как информация попадает в базу данных? В зависимости от назначения сайта могут применяться два метода.

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

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

Для администрирования сайтов в наше время обычно используют системы управления содержимым (Content management system, CMS). Наиболее популярными являются WordPress, Joomla!, Drupal.


Top