Эта инструкция покажет, как создать ссылку на .PDF документ на странице вашего сайта.
Для начала откройте HTML файл, в котором доолжна будет содержаться ссылка. Вы можете редактировать его с помощью любого HTML редактора, но мы рекомендуем использовать приложения Adobe Dreamweaver или Notepad++.
Design Mode
Приложение Adobe Dreamweaver дает разработчикам возможность работать в режиме design. Вы можете переключать режимы с помощью специальных кнопок в левом верхнем углу окна.
Вам потребуется включить панель Properties. В верхнем навигационном меню выберите Window > Properties. Теперь в нижней части экрана должна появиться панель Properties.
Выберите любой текст и в панели Properties укажите ссылку на PDF файл в поле Link.
На изображении находящемся ниже вы видите, что мы использовали символ # в качестве ссылки. Для того, что бы ссылка указывала на PDF введите соответствующий путь к нему на вашем сервере.
Вы можете использовать выпадающий список Target, если хотите, что бы при переходе по ссылке файл открывался в новом окне, новой вкладке или том же окне.
HTML mode
Вы можете работать с HTML файлами в режиме кода. Ссылку вы сможете определить следующим способом:
1. Найдите текст, который должен стать ссылкой.
2. Перед текстом добавьте тэг: <a href="#">
3. после текста добавьте закрывающий тэг: </a>
4. Замените символ # в атрибуте href на путь к файлу или его адрем на другом сервере.
В результате вы должны получить Онлайн инструкции по работе с шаблонами
Этот код будет отображать текст: «Онлайн инструкции по работе с шаблонами»
Абсолютный и относительный адрес ссылки
Существует два способа указания ссылки на конкретный файл на сервере: относительный путь и абсолютный путь.
В следующем примере мы создадим ссылку на PDF файл. У нас следующая структура файлов:
- readme.pdf
- index.html
PDF файл называется readme.pdf и находится в папке PDF. Наша ссылка находится в файле index.html.
Относительный путь
В указанных выше условиях ссылка на PDF файл будет следующей:
текст ссылки
Вы видите, что в атрибуте href мы определили путь к файли и его имя. Путь к файлу определен относительно файла index.html. В следующей таблице вы сможете больше узнать о путях к файлам:
| Server Path… | What it means… |
| <a href="readme.pdf"> | readme.pdf is located in the current directory. |
| <a href="pdf/readme.pdf"> | readme.pdf is located in a folder (directory) called pdf. The "tips" folder is located in the current directory. |
| <a href="pdf/new/readme.pdf"> | readme.pdf is located in a folder called new that is located in a folder called pdf that is located in the current directory. |
| <a href="../readme.pdf"> | readme.pdf is located in a folder one level up from the current directory. |
| <a href="../../readme.pdf"> | readme.pdf is located in a folder two levels up from the current directory. |
Абсолютный путь
Используя абсолютный путь вы можете определить полный путь к файлу на сервере начиная с доменного имени. Используя указанную выше структуру файлов абсолютный путь к файлу будет следующим:
текст ссылки