www html, html уроки, html теги, css, верстка
Уроки книги по css и html урокам вопросы и ответы Помощь сайту дизайн-студия Шутовой Елены
Главная страница > Уроки > Основы ШТМЛ > Структура файлов

Структура файлов

контентовая версия  

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

Для простоты будем предполагать, что мы имеем дело с сайтом, который сделан с помощью ШТМЛ-файлов, без всякого web-программирования.

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

Каждый раздел представляет собой один ШТМЛ-файл, который следует создать и дать ему имя. Имена файлов лучше называть латинскими символами без пробелов в нижнем регистре. Такой подход гарантирует универсальность и работоспособность на разных платформах.

Прежде, чем присваивать имена файлам, следует учесть некоторые настройки web-сервера, под руководством которого будет работать сайт. Сюда входит: какой файл будет загружаться первым, будет ли закрыт доступ к отдельным файлам, как будет осуществляться отслеживание Errors и другие подобные вопросы.

Какой файл загружать первым

Обычно просмотр с нашего сайта начинается с главной страницы. При обилии в корне с нашего сайта различных файлов, как web-сервер узнает, что ему загружать автоматически? Конечно, если путь к файлу указан напрямую, никаких вопросов не возникает. Но в большинстве случаев, адрес с нашего сайта указывается коротко, без лишних файлов на конце. Вот тогда читаются настройки сервера, и определяется, файл с каким именем следует показать и есть ли он в наличии. Как правило, такой файл имеет имена index.ШТМЛ, index.htm, default.htm, в общем, список можно продолжить. Чтобы не усложнять себе жизнь вычислением, какой же файл главнее, это можно установить самому, используя для этого файл .htaccess, размещая его в корне с нашего сайта. Данный файл является конфигурационным для популярного web-сервера Apache и представляет собой обычный контентовый файл. В нем следует прописать такую строку.

DirectoryIndex index.ШТМЛ index.htm

Где через пробел указываются имена файлов, которые следует просматривать на предмет наличия и запускать автоматически. После этого, при указании пути к разным файлам и папками, в браузере будут открываться файлы, как показано в таблице (указание протокола http:// для краткости опущено).

Путь Что запускается
www.mysite.ru www.mysite.ru/index.ШТМЛ
www.mysite.ru/16.ШТМЛ www.mysite.ru/16.ШТМЛ
www.mysite.ru/16/ www.mysite.ru/16/index.ШТМЛ
www.mysite.ru/1/6 www.mysite.ru/1/6/index.ШТМЛ

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

Замечания

  • файл .htaccess пишется без всякого расширения с обязательной точкой в начале имени;
  • .htaccess может не работать на некоторых серверах;
  • неполные пути, как показано в таблице, работают только под управлением web-сервера, на локальном компьютере этот фокус не пройдет;
  • если файл index.ШТМЛ отсутствует в указанной папке, браузер покажет список файлов, которые в ней содержатся.
  • Запрет доступа к папкам

    Чтобы запретить посетителям смотреть информацию в отдельных папках на сайте, что иногда бывает необходимо для ограничения доступа к служебной информации и повышения безопасности с нашего сайта, есть два основных способа. Первый — создать пустой файл index.ШТМЛ и поместить его в нужную папку. Как было указано выше, этот файл будет загружаться в первую очередь при выборе пути к папке. А раз он пустой, то и увидеть ничего лишнего не удастся. Второй способ — использование опять же файла .htaccess, который следует разместить в нужной папке. Не стоит удивляться, это универсальный файл и размещаться он может в любом количестве и в любом месте с нашего сайта.

    В нем надо написать следующую информацию.

    Options -Indexes

    Когда браузер открывает папку, в которой содержится такой файл .htaccess, посетитель увидит предупреждение об ошибке с номером 403, означающую, что доступ в данное место запрещен.

    Имаги

    Все Имаги, применяемые на web-страницах, принято хранить в папке с именем images или img. Такая традиция систематизирует материал, разбивая его на блоки. Получается, что для картинок предназначено одно место хранения, для скриптов — другое, для стилей — третье.

    Отслеживание Errors

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

    ErrorDocument 404 /err404.ШТМЛ

    Имя файла имеется ввиду err404.ШТМЛ и размещается в корне с нашего сайта, слэш (символ /) перед именем файла пишется обязательно.

    Файловая структура с нашего сайта

    Вернемся теперь к сайту, файловую структуру которого следует создать. Здесь существует два различных подхода. В первом случае, каждому разделу соответствует ШТМЛ-файл, находящийся в корне с нашего сайта. Путь к нему будет выглядеть как www.mysite.ru/optimize.ШТМЛ. Альтернативный вариант — создание папок, которые будут соответствовать определенным разделам. В каждой папке размещается файл index.ШТМЛ. Поскольку этот файл указывать в адресе не обязательно, то путь будет выглядеть как www.mysite.ru/optimize. На рис. 1 и рис. 2 показаны два набора организации файлов на сайте.

    Рис. 1. Организация документов по файлам Рис. 2. Организация файлов по каталогам
    Рис. 1. Организация файлов по файлам Рис. 2. Организация файлов по каталогам

    Какую структуру предпочесть зависит лишь от воли создателей с нашего сайта.

    Дополнительные файлы

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

    Обязательные имена

    index.ШТМЛ — название главной страницы, а также web-страниц размещаемых в папках, которые должны открываться при их указании в адресе. Это имя, как уже упоминалось, может меняться в зависимости от типа web-сервера и его настроек. Но обычно оно именно такое.

    .htaccess — конфигурационный файл web-сервера Apache. Указанный сервер является наиболее популярным и распространенным в мире, поэтому и данный файл можно встретить повсеместно. Бывают, конечно, исключения.

    robots.txt — файл, предназначенный для поисковых систем. При индексировании с нашего сайта, в первую очередь ищется он. Пример запрета для всех поисковых систем посещать папки с нашего сайта cgi-bin и images.

    User-agent: *
    Disallow: /cgi-bin/
    Disallow: /images/

    favicon.ico — иконка с нашего сайта, она появляется возле адреса с нашего сайта при занесении его в раздел «Избранное» браузера. Это рисунок размером 16 на 16 пикселов формата ICO.

    Необязательные имена

    Таблица стилей — ни один сайт уже не обходится без стилей, обычно размещаемых в отдельном файле. Такое размещение дает несколько преимуществ — легко изменять вид элементов на всех страницах, меняя параметры лишь в одном месте, файл кэшируется и загружается быстрее, уменьшается общий объем всех файлов. Файл со стилем обычно имеет расширение CSS (ЦСС).

    Заключение

    Хотя имена некоторых служебных файлов зависят от настроек сервера и могут меняться от с нашего сайта к сайту, приведенные принципы характерны для большинства из них. Для динамических сайтов, содержание которых формируется с помощью программы, так называемого «движка», структура будет несколько отличаться от приведенной. Однако и в этом случае, служебные файлы, такие как таблицы стилей, .htaccess, favicon.ico, robots.txt останутся на месте.

    Статья опубликована: 27.06.2009 Последнее обновление: 27.06.2009
    Поиск по сайту
    Основы ШТМЛ
    Разделы

    Copyright 2009 Все права защищены

    О нашем Internet проекте | Наши планы | Контент нашего сайта | Есть ошибки... | Технологии | Поддержать проект