HTML :: Понятие файловой структуры сайта
Понятие сайта
В ходе изучения языка гипертекстовой разметки HTML мы узнали, что представляют из себя веб-страницы и научились логически размечать их структуру. Далее, когда мы научимся оформлять внешний вид страниц при помощи каскадных таблиц стилей, мы сможем начать верстать наши первые простейшие сайты и размещать их на локальном сервере или в Интернете. Однако прежде, чем двигаться дальше, давайте все-таки дадим определение понятию «сайт», а также рассмотрим, как устроена его файловая структура, в которую помимо html-страниц входит достаточно большое количество других файлов и папок: js-скрипты, php-скрипты, различные служебные и вспомогательные файлы (например, .htaccess, favicon.ico, robots.txt, sitemap.xml и др.), а также обычные изображения, медиафайлы и некоторые другие файлы.
Сайт (от англ. site) – это совокупность логически связанных между собой веб-страниц, находящихся в одном месте и воспринимаемых пользователями как одно целое. В Интернете сайт обычно идентифицируется по его уникальному доменному имени или IP-адресу и располагается на сервере в специально отведенной для него папке, которую называют корневой папкой данного сайта.
Формирование файловой структуры сайта
Однако следует помнить, что перед тем, как разместить сайт в Интернете, все страницы и файлы сайта необходимо рационально и структурированно разместить в корневой папке на локальном сервере, протестировать их и убедиться, что все файлы сайта могут правильно взаимодействовать между собой, а веб-страницы в конечном итоге будут правильно отображаться пользователям на экране.
Конечно, никто не запрещает поместить все файлы сайта напрямую в корневую папку сайта, но когда количество файлов сайта начнет исчисляться сотнями или тысячами, разобраться в них при последующем редактировании содержимого и структуры сайта будет весьма проблематично. Поэтому все файлы нужно помещать в упорядочненную систему папок. Так индексный файл, который обычно является стартовой страницей сайта, принято помещать непосредственно в корневую папку сайта (см. рисунок №1). Именно его по умолчанию ищут браузеры при указании доменного имени сайта в адресной строке. Вместе с индексным файлом в корневой папке сайта располагают различные служебные файлы, например, favicon.ico (иконка сайта), sitemap.xml (карта сайта), robots.txt (служебный файл для поисковых роботов), .htaccess (конфигурационный файл), а также файлы подтверждения прав собственности сайта для поисковых машин и некоторые другие дополнительные файлы. Все эти служебные файлы мы рассмотрим более подробно в последующих пунктах данного параграфа.
Рис. №1. Пример содержимого корневой папки сайта
Что касается различных подключаемых к веб-страничкам скриптов и таблиц стилей, то для них можно создать отдельную папку, например, site_files, а уже в ней создать ряд вложенных папок, например, папку images для изображений, папку js для скриптов JavaScript, папку php_files для php-скриптов, папку site_styles для внешних таблиц стилей CSS и т.д. Отдельную папку логично завести и для различных расширений и модулей для сайта, назвав ее, например, modules. Соответственно для каждого подключаемого к сайту модуля нужно будет создать в ней отдельные подкаталоги. Чтобы было легко искать файлы, которые относятся к разным разделам сайта, также целесообразно предусмотреть отдельные каталоги. Главное, чтобы в итоге в корневой папке сайта было сформировано четко структурированное дерево каталогов, в котором будет удобно, быстро и легко искать необходимые для редактирования файлы и страницы.
Также хотелось бы отметить, что имена файлов и папок сайта желательно писать латинскими буквами в нижнем регистре и без пробелов. Если же имя файла или папки состоит из двух слов, то следует писать его через знак нижнего подчеркивания, например, site_files, а не site files. Эти два простых правила помогут избежать на ранних этапах освоения сайтостроения досадных ошибок, связанных с несовпадением регистра символов при обращении к файлу и возможно неправильным восприятием имени файла сервером при наличии в имени пробелов или русских символов.
Быстрый переход к другим страницам
- Основные элементы разметки html-документа
- Понятие файловой структуры сайта
- Установка иконки сайта
- Вернуться к оглавлению учебника