структура файлів

З позиції розробника, сайт умовно можна поділити на два рівні - логічний і фізичний. На логічному рівні сайт являє собою сукупність веб-сторінок, об'єднаних між собою єдиним дизайном, стилем і посиланнями. При цьому на фізичному рівні сайт є і набором файлів різного типу - до складу можуть входити програми, документи, зображення і багато іншого. Продумування і створення зручної файлової структури допомагає не тільки розробнику оптимізувати свою роботу, але і відвідувачеві краще зрозуміти будову сайту.

Для простоти будемо припускати, що ми маємо справу з сайтом, який зроблений за допомогою html-файлів, без всякого веб-програмування.

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

• Головна сторінка
• Формати графічних файлів
• дозвіл зображень
• Оптимізація в програмі Photoshop
• Оптимізація формату GIF
• Оптимізація формату JPEG
• Антіальясінг
• розрізання зображень
• список термінів

Кожен розділ представляє собою один HTML-документ, який слід створити і дати йому ім'я. Імена файлів краще називати латинськими символами без пробілів в нижньому регістрі. Такий підхід гарантує універсальність і працездатність на різних платформах.

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

Який файл завантажувати першим

Зазвичай перегляд сайту починається з головної сторінки. При великій кількості в корені сайту різних файлів, як веб-сервер дізнається, що йому загрожують автоматично? Звичайно, якщо шлях до файлу вказано безпосередньо, ніяких питань не виникає. Але в більшості випадків, адреса сайту вказується коротко, без зайвих файлів на кінці. Ось тоді читаються настройки сервера, і визначається, файл з яким ім'ям слід показати і є чи він в наявності. Як правило, такий файл має імена index.html, index.htm, default.htm, в загальному, список можна продовжити. Щоб не ускладнювати собі життя обчисленням, який же файл головніший, це можна встановити самому, використовуючи для цього файл .htaccess, розміщуючи його в корені сайту. Даний файл є конфігураційним для популярного веб-сервера Apache і являє собою звичайний текстовий документ. У ньому слід прописати такий рядок.

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

Як видно з таблиці, навіть якщо шлях до файлу зазначений не повністю, веб-сервер сам підставить відсутні значення. Цим можна скористатися, створюючи посилання на різні документи, на їх працездатність це не позначиться.

зауваження

Заборона доступу до папок

Щоб заборонити відвідувачам дивитися інформацію в окремих папках на сайті, що іноді буває необхідно для обмеження доступу до службової інформації і підвищення безпеки сайту, є два основних способи. Перший - створити порожній файл index.html і помістити його в потрібну папку. Як було зазначено вище, цей файл буде завантажуватися в першу чергу при виборі шляху до папки. А раз він порожній, то і побачити нічого зайвого не вдасться. Другий спосіб - використання знову ж файлу .htaccess, який слід розмістити в потрібній папці. Не варто дивуватися, це універсальний файл і розміщуватися він може в будь-якій кількості і в будь-якому місці сайту.

У ньому треба написати наступну інформацію.

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

зображення

Всі зображення, що застосовуються на веб-сторінках, прийнято зберігати в папці з ім'ям images або img. Така традиція систематизує матеріал, розбиваючи його на блоки. Виходить, що для картинок призначене одне місце зберігання, для скриптів - інше, для стилів - третє.

відстеження помилок

При правильному створенні всіх посилань ніколи не виникають, так звані, «биті посилання», коли посилання веде на файл, шлях до якого або його ім'я вказано невірно. Однак дана помилка з номером 404 може виникнути і просто, коли неправильно пишуть адресу сторінки. У цьому випадку, добре б підсунути користувачеві повідомлення про помилку, щоб не турбувався і вірив, що все можна поправити. Для цього створюють окрему веб-сторінку, яка буде показана як раз при виникненні подібної помилки. Зв'язати воєдино процес виникнення помилки і наш файл можна знову ж за допомогою кореневого .htaccess. У нього додається наступний рядок.

Файл називається err404.html і розміщується в корені сайту, слеш (символ /) перед ім'ям файлу пишеться обов'язково.

Файлова структура сайту

Повернемося тепер до сайту, файлову структуру якого слід створити. Тут існує два різних підходи. У першому випадку, кожному розділу відповідає html-документ, що знаходиться в корені сайту. Шлях до нього буде виглядати як www.mysite.ru/optimize.html. Альтернативний варіант - створення папок, які будуть відповідати певним розділах. В одній папці розміщується файл index.html. Оскільки цей файл вказувати в адресі не обов'язково, то шлях буде виглядати як www.mysite.ru/optimize. На рис. 1 і рис. 2 показані два набору організації файлів на сайті.

Мал. 1. Організація документів по файлах	Мал. 2. Організація файлів по каталогам

Яку структуру віддати перевагу залежить лише від волі творців сайту.

додаткові файли

На будь-якому сайті не обійтися і без додаткових файлів, зазвичай розміщуються в корені сайту. Сюди входять файли, призначені для виконання певних завдань і мають обов'язкове ім'я, а також файли, ім'я яких визначається розробниками.

обов'язкові імена

index.html - назва головної сторінки, а також веб-сторінок розміщуються в папках, які повинні відкриватися при їх вказівці в адресі. Це ім'я, як уже згадувалося, може змінюватися в залежності від типу веб-сервера і його налаштувань. Але зазвичай воно саме таке.

.htaccess - конфігураційний файл веб-сервера Apache. Зазначений сервер є найбільш популярним і поширеним в світі, тому і цей файл можна зустріти повсюдно. Бувають, звичайно, винятки.

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

favicon.ico - іконка сайту, вона з'являється біля адреси сайту при занесенні його в розділ «Вибране» браузера. Це малюнок розміром 16 на 16 пікселів формату ICO.

необов'язкові імена

Таблиця стилів - жоден сайт вже не обходиться без стилів, зазвичай розміщуються в окремому файлі. Таке розміщення дає кілька переваг - легко змінювати вид елементів на всіх сторінках, змінюючи параметри лише в одному місці, файл кешируєтся і завантажується швидше, зменшується загальний обсяг всіх документів. Файл із стилем зазвичай має розширення css.

висновок

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