Адресація файлів в html

Уявімо собі простий сайт, що складається з головної сторінки і двох розділів першого рівня - «Про компанію» і «Послуги». Усередині кожного розділу знаходиться пара підрозділів. Також є логотип logo.png, розташований в каталозі i і таблиця стилів style.css в каталозі css.

Адресація файлів в html

Щоб послатися на файл всередині сайту, потрібно розповісти браузеру, який шлях він повинен виконати, щоб прийти до потрібного файлу. Підключення логотипу потрібно буде робити в такий спосіб:

Файл головної сторінки сайту index.html - зайти в каталог i і приєднати файл logo.png - i / logo.png
Файл index.html в каталозі about - вийти з каталогу about, потім зайти в каталог i і приєднати файл logo.png - ../i/logo.png
Файл index.html в каталозі services / moneyback - вийти з каталогу moneyback, потім вийти з каталогу services, потім зайти в каталог i і приєднати файл logo.png - ../../i/logo.png

Узагальнимо вишенаписанное: що б вказати шлях від одного файлу до іншого потрібно дістатися до каталогу, що є загальним для обох файлів, а потім пройти шлях до потрібного файлу. Кожен вихід в попередній каталог записується символами ../.

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

Корінь сайту - папка, в якій лежать всі файли сайту. Можна ставити посилання на документи, починаючи від цієї папки. У цьому випадку посилання на логотип будуть виглядати наступним чином:

  • Файл головної сторінки сайту index.html - /i/logo.png
  • Файл index.html в каталозі about - /i/logo.png
  • Файл index.html в каталозі services / moneyback - /i/logo.png

Підключення віртуального диска

Як то кажуть, «якщо гора не йде до Магомета». Раз вже Windows хоче, щоб файли лежали в кореневій папці диска, то може є спосіб представити нашу папку з сайтом d: \ sites \ mysite \ як окремий диск? Так, такий спосіб є

  1. Дізнайтеся, які букви дисків у вас вільні, відкривши каталог «Мій компрьютер». Припустимо, що у нас вільний диск Z:
  2. Запустіть програму з меню Пуск> Всі програми> Стандартине> командного рядка - відкриється чорне вікно з білими буквами
  3. Наберіть команду subst z: d: \ sites \ mysite \ і натисніть Enter
  4. У каталозі «Мій комп'ютер» з'явиться новий диск z. є посиланням на каталог d: \ sites \ mysite \.

Адресація файлів в html

Адресація файлів в html

Примітки

  1. Щоб відключити віруальний диск - наберіть в командному рядку subst z: / D
  2. Віртульльний диск відключається після виключення або перезавантаження комп'ютера. Файли при цьому зберігаються в цілості й схоронності в вихідному каталозі (d: \ sites \ mysite \). Процес автоматичного створення віртуального диска при запуску ОС описаний в статті на wikipedia.org. Також можете спробувати скористатися програмою FolderToDrive.
  3. Найпростіший спосіб отримати віртуальних сервер на домашньому / робочому комп'ютері - установка пакета DenWer.

Обговорення уроку на форумі

Адресація файлів в html