Categories

Новые шаблоны

Как сделать ссылку на документ Adobe PDF

Chris Diaz Ноябрь 15, 2010
Rating: 3.8/5. From 6 votes.
Please wait...

Эта инструкция покажет, как создать ссылку на .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 на путь к файлу или его адрем на другом сервере.

В результате вы должны получить:

<a href="https://www.templatemonster.com/help/ru/">Онлайн инструкции по работе с шаблонами</a>

Этот код будет отображать текст: «Онлайн инструкции по работе с шаблонами» ссылка с которого будет вести на сайт «https://www.templatemonster.com/help/ru/«

Абсолютный и относительный адрес ссылки

Существует два способа указания ссылки на конкретный файл на сервере: относительный путь и абсолютный путь.

В следующем примере мы создадим ссылку на PDF файл. У нас следующая структура файлов:

  • 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.

Абсолютный путь

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

Эта запись была размещена в Работа с HTML и помечена как HTML, links, PDF. Добавьте в закладки постоянную ссылку.

Submit a ticket

Если вы не смогли найти подходящее решение проблемы, пожалуйста воспользуйтесь следующей ссылкой, чтобы отправить запрос команде технической поддержки.
Отправить запросВы получите ответ в течение 24 часов