Картинка ссылкой html: Изображение в качестве ссылки | htmlbook.ru

Leave a Comment / Html / By /

Html ссылка, изображение, якорь, файлы


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

Надеюсь, что все знакомы с понятием ссылки, она указывает на любую страницу в сети. Ссылка на html-странице задается с помощью тега <a>. Между открывающимся и закрывающимся тегами расположено название ссылки, которое мы видим на странице, с помощью атрибута href задаем адрес ссылки, куда она ведет. Понятно, что без этого атрибута она не имеет никакого значения. С помощью атрибута title можно добавить ссылке всплывающую на некоторое время подсказку, она будет всплывать при наведении.

 

<a href="адрес ссылки" title="подсказка">Название ссылки</a>

Адрес ссылки бывает абсолютный и относительный. Различия в том, что абсолютный — это адрес страницы в интернете целиком, с протоколом, доменом (хостом) и полным путем к странице. Например, адрес ссылки http://freehtmlthemes.ru/blog/uroki-verstki абсолютный. Относительные адреса чаще всего начинаются со слеша и не имеют протокола и домена, тогда браузер должен преобразовать данный адрес, подставив протокол и хост текущей страницы. Например, ссылка с адресом blog/uroki-verstki будет относительной ссылкой. Такие виды адресов часто используют в меню и при подключении внешних css-файлов.

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

Например, картинку и pdf файл. В примере приведена ссылка на текстовый файл и на картинку.

<a href="/assets/files/text.txt">Скачать файл</a>
<a href="/assets/files/img.png">Открыть картинку</a>

HTML якорь, как поставить якорь на странице

Ссылки с якорем в адресе необходимы для навигации внутри страницы, на которой находится пользователь в данный момент. Чтобы поставить ссылку с якорем, необходимо сначала у блока или элемента, куда мы хотим переместиться поставить атрибут id (или идентификатор другими словами) с уникальным названием. А в атрибут href ссылки добавить название этого идентификатора после знака решетки. Пример: 

<a href="#elem1">Ссылка якорь</a>
......
<div>Куда нужно переместиться</div>

Когда мы кликнем по этой ссылке, то страница прокрутится до элемента с указанным id, перезагрузки и перехода куда-либо не произойдет. Если добавить якорь к абсолютному адресу, то сначала произойдет переход на указанную страницу, а затем прокрутка до нужного места. Например :

<a href="http://freehtmlthemes.ru#elem1">Ссылка якорь</a>

HTML картинка, как добавить картинку на страницу

Верстка картинок элементарна, нужно просто использовать тег img с атрибутом src, где задать адрес картинки. Тег img одиночный, он не требует закрытия. С помощью атрибутов width и height можно управлять размерами изображения. Высоту и ширину можно задавать в пикселях или процентах, при чем когда задаем пиксели не пишем после значения px, а в случае с процентами указываем значок процентов. Если задаем одно значение, то второе высчитывается автоматически.

Еще у изображений есть важный для поисковиков атрибут alt или альтернативный текст картинки. Помимо значения для браузера он несет еще и визуальную функцию, когда изображения по каким-то причинам не загружаются, битые ссылки или не тянет интернет, то показывается этот альтернативный текст.

<img alt="альтернативный текст" src="/assets/files/img.png">

Верстаем галерею, ссылка картинка

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

<a href="big-img.png">
  <img src="small-img.png" alt="маленькая картинка">
</a>
Дата публикации: .

← Урок 3. Разметка текста HTML. Абзацы, списки, заголовкиУрок 5. Верстка таблиц, теги table, tr, td →

Вернуться в Статьи


Создание изображения в виде ссылки.

В этом уроке мы вернемся к ссылкам, так как кроме абсолютных/относительных ссылок и якорных ссылок, есть еще один вид ссылок — это ссылки на изображении. Такую ссылку достаточно часто приходится создавать, когда нужно, при клике на картинку, переводить пользователя на другую страницу.

Поэтому мы рассмотрим не только одинарные ссылки, но и множественные.

Одинарные ссылки

Итак, начнем с одинарной ссылки и попробуем обычное изображение сделать ссылкой главную страницу сайта. Делается это очень просто, берем, для начала, обычную картинку, можно так же воспользоваться той картинкой, что использовали при уроке Как вставить изображение в HTML, и добавляем к ней обычную ссылку.

HTML

Теперь наша картинка стала ссылкой, при клике на которую у вас в новой вкладке откроется главная страница webteoretik.ru

. Вокруг картинки может появляться рамка. Чтобы от нее избавится используется еще один атрибут — это border=«0», который будет указывать браузеру, что рамку отображать не нужно не смотря но то, что картинка так и осталась ссылкой.

Как и говорил все очень просто. Но бывают ситуации, когда нужно чтобы картинка была поделена на области и при клике на одну область мы перенаправлялись на один сайт, а при клике на другую область перенаправлялись на другой сайт. Тут и используются множественные ссылки.

Множественные ссылки

Для начала, возьмем вот такую картинку.

Сохраняем ее в уже имеющуюся папку images. Сохранить картинку можно, нажав правый клик и выбрав пункт Сохранить изображение как. И затем выводить эту картинку на экран, указав имя данной картинки и атрибут

usemap=«#formTime», который говорит о том, что данная картинка будет использовать карту, у которой id=«formTime».

HTML

Видим, что есть общее изображение которое состоит из двух элементов где левая часть зеленная должна вести на один сайт, а правая синяя часть на другой сайт. И нужно сделать так, чтобы ссылки были только на этих двух областях. Это делается с помощью, так называемой техники, image map , то есть на изображение накладывается невидимая карта, на которой выделяются определенные области, которые и будут перенаправлять пользователя по разным адресам.
Создается та самая карта с помощью тега <map>. Это парный тег и должен обязательно иметь закрывающийся тег </map>. Данной созданной карте требуется задать идентификатор 
 
 
id=«forTime» и имя name=«forTime».
С помощью тега <area>, внутри этой карты создаются области, которые будут по-разному реагировать при наведении мыши и соответственно переправлять пользователя на тот или иной сайт. Данному тегу обязательно нужно указать ряд атрибутов. Первый — это href=» https://webteoretik.ru» показывающая, куда будет вести данная область при клике. Второй атрибут — это shape=«rect», задающий форму для нашей области. Для этого атрибута доступны три формы:
  • rect — Примоуголььник
  • circle — Круг
  • poly — Многоугольник (произвольная форма)
И последний, третий, самый важный атрибут, задающий координаты области — это 
 coords=«27,20,270,85». Как нам получить эти координаты? Так как форма у нас четырехугольная, то нужно задать четыре координаты нашей области. То есть мы от левого и от верхнего края картинки указываем отступ в px до начала нашей области и также отмеряем размер нужной области по высоте и ширине, т.е. до конца нужной области. Вот эти четыре координаты и нужно указать.
Данные координаты можно определить «на глаз», что будет крайне не точно, или можно измерять специальной линейкой. Вот так мы создали одну область на картинке, точно также создается и вторая область на картинке с присвоением ей других координат.
HTML

Для определения координат области на картинке, можно также воспользоваться online генератором, который за вас создаст всю карту для ваших областей. Для этого заходим на этот 
 
сайт и в несколько шагов создадим нашу карту.
  • 1. Выбираем наше изображение.
  • 2. Загружаем изображение, на сервер, нажав на кнопку Upload.
  • 3. Нажимает кнопку accept.
Появляется, изначально нулевая область, где мы выбираем форму области (прямоугольник, круг, многоугольник), затем выделяем первую область, после чего в следующем поле появятся координаты, в поле href указываем куда будет ссылается наша область, задаем описание к этой области, и выбираем способ открывания страница в новом окне или в место первоначальной. Точно так же поступаем и следующей областью. Затем ниже нажимаем кнопочку code где появится сгенерированный код нашей карты.
Копируем сгенерированный код и вставляем нашу карту после изображения. Не забудьте в изображении изменить значение атрибута 
 usemap на тот, что сгенерировался в идентификаторе. Если Вы все сделали верно, то должна появиться картинка, поделенная на две области каждая из которой будет вести на разные страницы.
В результате Вы должны были получить такую же картину как в Демо странице. Вот так с обычного изображения можно создавать ссылки на другие страницы. На этом мы завершим и перейдем к следующему уроку.
<<< Предыдущий материал
Следующий материал >>>

Просмотреть демо: Демо
Скачать исходник: Скачать
 Как создавать ссылки на изображения HTML: пошаговое руководство 
 Изображения являются общими компонентами любой веб-страницы. Они также являются отличным способом создать ссылку на другую страницу. Используя комбинацию тегов привязки с атрибутом href и тегами изображения, мы можем создать изображение, которое работает как ссылка между двумя страницами. Вы можете сделать это, выполнив следующие шаги: 
 
 Найдите подходящий учебный лагерь 
  •  Career Karma подберет для вас лучшие технологические учебные курсы
  •  Доступ к эксклюзивным стипендиям и подготовительным курсам
 Выберите интересующий вас вопрос 
 Разработка программного обеспеченияДизайнОбработка и анализ данныхАналитика данныхUX-дизайнКибербезопасностьИмя 
 
 Фамилия 
 
 Электронная почта 
 
 Номер телефона
 Продолжая, вы соглашаетесь с нашими Условиями обслуживания и Политикой конфиденциальности, а также соглашаетесь получать предложения и возможности от Career Karma по телефону, текстовым сообщениям и электронной почте.
  1.  Создать элемент div. Он будет содержать наш элемент изображения, наш тег привязки и все остальное, что мы могли бы использовать для описания ссылки.
  2.  Затем создайте тег привязки. Теги  содержат гипертекстовые ссылки (href), указывающие на другую страницу. Установите href на любой сайт или файл, на который вы хотите, чтобы ваша ссылка вела.
  3.  Между открывающим и закрывающим тегом  давайте создадим тег . Помните, что теги изображений являются самозакрывающимися. Добавьте атрибут с именем   src    , который будет указывать на URL-адрес или путь к изображению, которое вы используете для своей ссылки.
  4.  Создайте что-то, что будет описывать изображение, чтобы пользователь знал, что на него можно кликнуть. Это могут быть теги, теги
    , элемент
    , тег 
     — все, что вы хотите.
 Рабочий образец находится в редакторе кода ниже. Определенно потребуется некоторое время, чтобы поиграть с ним! 
 

<голова>
   <мета-кодировка="UTF-8">
    0">
   Ссылка на изображение
   <стиль>
       дел {
           ширина: 500 пикселей;
           дисплей: гибкий;
           flex-flow: перенос столбца;
       }
       картинка {
           ширина: 100%;
       }
       подпись {
           ширина: 100%;
           высота: 50 пикселей;
       }
   

<тело>
   <дел>
       
           Мост Золотые Ворота
       
       <заголовок>
           Символ горизонта Сан-Франциско, мост Золотые Ворота сияет в сумеречном ночном небе. Щелкните изображение, чтобы узнать больше о мосте Золотые Ворота.
       
 
   


 
 И последнее замечание: заманчиво поставить    только вокруг подписи — так как это то, на что ссылается ссылка. Пользователи привыкли ожидать, что если они нажмут на изображение, откроется новая вкладка с местом назначения ссылки (именно это и делает синтаксис target=”_blank”). Итак, оставьте тег    вокруг ссылки и оставьте текст для описания изображения — или поместите тег    вокруг текста и    . Оба пути являются жизнеспособными вариантами.
  О нас:  Career Karma — это платформа, предназначенная для помощи соискателям в поиске работы, исследовании и подключении к программам профессионального обучения для продвижения по карьерной лестнице. Узнайте о публикации CK.
 
 Об авторе
 Кристина Копецки
 Технический писатель Career Karma
 Кристина — опытный технический писатель, освещающий такие разнообразные темы, как Java, SQL, Python и веб-разработка. Она получила степень магистра музыки по игре на флейте в Канзасском университете и степень бакалавра музыки с дополнительными знаниями французского и. .. читать далее
 Поделись этим
 
 Управление связанной или встроенной графикой в ​​Adobe InDesign 
  1.  Руководство пользователя InDesign 
  2.  Знакомство с InDesign 
    1.  Введение в InDesign 
      1.  Новые возможности InDesign 
      2.  Системные требования 
      3.  Общие вопросы 
      4.  Использовать библиотеки Creative Cloud 
    2.  Рабочее пространство
      1.  Основы рабочего пространства 
      2.  Ящик для инструментов 
      3.  Установить предпочтения 
      4.  Сенсорное рабочее пространство 
      5.  Сочетания клавиш по умолчанию
      6.  Восстановление документа и отмена
  3.  Создание и компоновка документов 
    1.  Документы и страницы
      1.  Создание документов
      2.  Работа с родительскими страницами
      3.  Работа со страницами документа
      4.  Установка размера страницы, полей и выхода за обрез
      5.  Работа с файлами и шаблонами
      6.  Создать файлы книги
      7.  Добавить базовую нумерацию страниц
      8.  Количество страниц, глав и разделов
      9.  Преобразование документов QuarkXPress и PageMaker
      10.  Поделиться контентом
      11.  Понимание основного рабочего процесса с управляемыми файлами
      12.  Сохранить документы
    2.  Сетки
      1.  Сетки
      2.  Формат сетки
    3.  Вспомогательные макеты
      1.  Линейки
  4.  Добавить содержимое 
    1.  Текст
      1.  Добавить текст во фреймы
      2.  Добавление текста
      3.  Возможности арабского языка и иврита в InDesign
      4.  Создать тип по пути
      5.  Пули и нумерация
      6.  Глифы и специальные символы
      7.  Текстовая композиция
      8.  Текстовые переменные
      9.  Создание QR-кодов
      10.  Редактировать текст
      11.  Выровнять текст
      12.  Обтекание текстом объектов
      13.  Закрепленные объекты
      14.  Связанный контент
      15.  Формат абзацев
      16.  Символы формата
      17.  Найти/Изменить
      18.  Проверка орфографии и языковые словари
    2.  Типографика
      1.  Использование шрифтов в InDesign
      2.  Кернинг и трекинг
    3.  Форматировать текст
      1.  Форматировать текст
      2.  Работа с пакетами стилей
      3.  Вкладки и отступы
    4.  Проверить текст
      1.  Отследить и просмотреть изменения
      2.  Добавление редакционных примечаний в InDesign
      3.  Импорт комментариев PDF
    5.  Добавить ссылки
      1.  Создать оглавление
      2.  Сноски
      3.  Создать индекс
      4.  Концевые сноски
      5.  Подписи
    6.  Стили
      1.  Стили абзацев и символов
      2.  Сопоставление, экспорт и управление стилями
      3.  Стили объектов
      4.  Буквицы и вложенные начертания
      5.  Работа со стилями
      6.  Ведущий
    7.  Таблицы
      1.  Форматирование таблиц
      2.  Создание таблиц
      3.  Стили таблиц и ячеек
      4.  Выбор и редактирование таблиц
      5.  Обводка и заливка таблицы
    8.  Интерактивность
      1.  Гиперссылки
      2.  Динамические PDF-документы
      3.  Закладки
      4.  Кнопки
      5.  Формы
      6.  Анимация
      7.  Перекрестные ссылки
      8.  PDF-файлы структуры
      9.  Переходы между страницами
      10.  Фильмы и звуки
    9.  Графика
      1.  Понимание путей и форм
      2.  Рисование с помощью инструмента «Карандаш»
      3.  Рисование с помощью инструмента «Перо»
      4.  Применить настройки линии (штриха)
      5.  Составные контуры и формы
      6.  Редактировать пути
      7.  Пути обрезки
      8.  Изменить внешний вид угла
      9.  Выравнивание и распределение объектов
      10.  Связанная и встроенная графика
      11.  Интеграция активов AEM
    10.  Цвет и прозрачность
      1.  Применить цвет
      2.  Использовать цвета из импортированной графики
      3.  Работа с образцами
      4.  Краски смешанные
      5.  Оттенки
      6.  Понимание плашечных и триадных цветов
      7.  Смесь цветов
      8.  Градиенты
      9.  Сведение прозрачного изображения
      10.  Добавить эффекты прозрачности
  5.  Общий доступ
    1.  Работа с документами InDesign Cloud
    2.  Облачные документы InDesign | Общие вопросы
    3.  Общий доступ и совместная работа        
    4.  Поделиться для обзора
    5.  Просмотр общего документа InDesign
    6.  Управление отзывами 
  6.  Публикация 
    1.  Размещение, экспорт и публикация
      1.  Публикация в Интернете
      2.  Копировать, вставить графику
      3.  Экспорт содержимого для EPUB
      4.  Опции Adobe PDF
      5.  Экспорт содержимого в HTML
      6.  Экспорт в Adobe PDF
      7.  Экспорт в формат JPEG
      8.  Экспорт HTML
      9.  Обзор DPS и AEM Mobile
      10.  Поддерживаемые форматы файлов
    2.  Печать
      1.  Печать буклетов
      2.  Следы печати и кровотечения
      3.  Печать документов
      4.  Чернила, разделение и частота растра
      5.  Надпечатка
      6.  Создание файлов PostScript и EPS
      7.  Файлы предварительной проверки перед передачей
      8.  Печать эскизов и документов большого размера
      9.  Подготовка PDF-файлов для поставщиков услуг
      10.  Подготовка к печати цветоделений
  7.  Расширение InDesign 
    1.  Автоматизация
      1.  Объединение данных
      2.  Плагины
      3.  Расширение Capture в InDesign
      4.  Сценарий
  8.  Устранение неполадок
    1.  Исправленные проблемы
    2.  Сбой при запуске 
    3.  Проблема папки предпочтений только для чтения
    4.  Устранение проблем с файлами
    5.  Невозможно экспортировать PDF
    6.  Восстановление документа InDesign
 Примечание:
 Equitable Language: мы заменяем неинклюзивный язык, начиная с InDesign 2022 (версия 17. 0), чтобы отразить основные ценности инклюзивности Adobe. Любая ссылка на главную страницу заменяется родительской страницей в наших справочных статьях для английского, датского, венгерского, испанского, итальянского, бразильского, португальского и японского языков.  . 
 Когда вы размещаете графику, вы видите
версия файла с разрешением экрана в макете, чтобы вы
может просматривать и размещать его. Однако фактический графический файл может быть
либо  связанный , либо  встроенный .
  •  Связанное произведение связано с, но остается независимым
документа, в результате чего получается документ меньшего размера. Вы можете изменить
связанные изображения с использованием инструментов и эффектов преобразования; однако,
вы не можете выбирать и редактировать отдельные компоненты в иллюстрации.
Вы можете использовать связанную графику много раз без существенного
увеличение размера документа; вы также можете обновить все ссылки
однажды. При экспорте или печати извлекается исходная графика, создавая
окончательный вывод из полного разрешения оригиналов.
  •  Встроенная иллюстрация копируется в документ с полным разрешением,
в результате получается документ большего размера. Вы можете контролировать версии и обновлять
файл в любое время; пока произведение искусства встроено,
ваш документ самодостаточен.
 Чтобы определить, является ли иллюстрация связанной или встроенной, или изменить ее
статус от одного к другому, используйте панель «Ссылки».
 Если
размещаемое вами растровое изображение имеет размер 48 КБ или меньше, InDesign автоматически
встраивает изображение с полным разрешением вместо разрешения экрана
версия в вашем макете. InDesign отображает эти изображения в разделе «Ссылки».
панель, так что вы можете контролировать версии и обновлять файл всякий раз, когда
тебе нравится; однако ссылка не является необходимой для оптимального вывода.
 Примечание:
 Если вы переместите документ в другую папку или на другой диск (например,
если вы отнесете его поставщику услуг), убедитесь, что вы также перемещаете
связанные графические файлы; они не хранятся внутри документа. Вы можете скопировать все связанные файлы автоматически, используя Preflight
и функции пакета.
 Все файлы
размещенные в документе, перечислены на панели «Ссылки». К ним относятся
как локальные (на диске) файлы, так и активы, управляемые на сервере.
Однако файлы, вставленные с веб-сайта в Internet Explorer
не отображать на этой панели.
 В InCopy
На панели ссылок также отображаются связанные истории. При выборе связанного
историю на панели «Ссылки», в разделе «Информация о ссылке» отображается информация
таких как количество заметок, управляемый статус и статус
отслеживаемых изменений.
 Панель ссылок
  A.  Столбцы категорий   B.  Показать/скрыть
Информация о ссылке  C.  Один или несколько экземпляров
измененный значок  D.  Измененный значок  E.  Отсутствующая ссылка
значок  F.  Значок встроенной ссылки
 Когда одно и то же изображение появляется в документе несколько раз,
ссылки объединены треугольником раскрытия в разделе «Ссылки». панель. Когда связанная графика EPS или документ InDesign
содержит ссылки, ссылки также объединены треугольником раскрытия.
 Связанный файл может появиться на панели ссылок в любом из следующих
способы:
 До настоящего времени
 Обновленный файл пуст в столбце Статус.
 Изменено
 Этот значок означает, что версия файла на диске больше
новее, чем версия в вашем документе. Например, этот значок
появляется, если вы импортируете графику Photoshop в InDesign, а затем вы или кто-то другой
редактирует и сохраняет исходную графику в Photoshop.
 А слегка
другая версия значка Modified появляется при изменении изображения
и один или несколько экземпляров обновляются, а другие нет.
 Отсутствующий
 Графика больше не находится в том месте, откуда она была
завезен, хотя где-то еще может существовать. Отсутствующие ссылки могут
произойти, если кто-то удалит исходный файл или переместит его в другое
папку или сервер после импорта. Вы не можете знать,
отсутствующий файл актуален до тех пор, пока не будет найден его оригинал. Если вы
распечатать или экспортировать документ, когда отображается этот значок, файл может
не печатать и не экспортировать в полном разрешении.
 Встроенный
 Встраивание содержимого связанного файла приостанавливает операции управления этой ссылкой. Если выбранная ссылка в настоящее время находится в операции «редактировать на месте», этот параметр недоступен. При извлечении файла восстанавливаются операции управления ссылкой.
 Если связанный объект не отображается на определенной странице документа, следующие коды указывают, где этот объект появляется: PB (монтажный стол), PP (родительская страница), OV (перемещенный текст) и HT (скрытый текст).
  •  Чтобы отобразить панель ссылок,
выберите «Окно» > «Ссылки». Каждый связанный файл и автоматически
встроенный файл идентифицируется по имени.
  •  Чтобы выбрать и просмотреть связанную графику, выберите ссылку в
на панели «Ссылки», а затем нажмите кнопку «Перейти к ссылке», нажмите
номер страницы ссылки в столбце «Страница» или выберите «Перейти к»
Ссылка в меню панели «Связи». Центры InDesign
отображение вокруг выбранного изображения. Чтобы просмотреть скрытый объект,
вы показываете слой (или условие, если это привязанный объект).
  •  Чтобы развернуть или свернуть вложенные ссылки, щелкните треугольник
значок слева от ссылки. Вложенные ссылки возникают, когда одна и та же графика
появляется в документе несколько раз или когда связанная графика EPS
или документ InDesign содержит ссылки.
  •  Чтобы отсортировать ссылки на панели, щелкните заголовок категории
в верхней части панели «Ссылки» для сортировки по этой категории. Нажмите на
той же категории еще раз, чтобы изменить порядок. Например, если вы нажмете
категории «Страница», ссылки отображаются в порядке, начиная с первой
страницы до последней страницы. Если вы снова нажмете Страница, ссылки будут отсортированы
с последней страницы на первую. Используйте параметры панели, чтобы добавить столбцы в
Панель ссылок.
 Вы можете отображать дополнительные категории, такие как
как «Дата создания» и «Слой» на панели «Связи», чтобы отобразить дополнительную информацию
о графике. Для каждой категории вы можете определить,
информация отображается в виде столбца на панели «Ссылки» и в
Раздел «Информация о ссылке» в нижней части панели «Ссылки».
  1.  Выберите «Параметры панели» в меню панели «Связи».
  2.  Установите флажки в разделе «Показать столбец», чтобы добавить столбцы.
на панели ссылок.
     Папка 0 — это папка, содержащая связанный файл; Папка
1 — это папка, содержащая папку 0 и т. д.
  3.  Установите флажки в разделе Показать информацию о ссылке для отображения
информация в разделе «Информация о ссылке» в нижней части ссылок
панель.
  4.  Нажмите OK.
 Вы можете изменить порядок столбцов, выбрав столбец
и перетащите его в другое место. Перетащите границы столбца
изменить ширину столбца. Нажмите на название категории, чтобы отсортировать ссылки
по этой категории в порядке возрастания. Нажмите еще раз, чтобы отсортировать по убыванию
заказ.
  1.  Выберите параметры панели по ссылкам
меню панели.
  2.  Для размера строки выберите «Маленькие строки», «Обычные строки» или «Большие строки».
Ряды.
  3.  Для миниатюр: определите, будут ли представления миниатюр
графики отображаются в столбце «Имя» и в разделе «Информация о ссылке».
в нижней части панели ссылок.
  4.  Нажмите OK.
 В разделе «Информация о ссылке» панели «Ссылки» содержится информация о
выбранный связанный файл.
 Примечание:
 Для изменения информации
отображается в разделе «Информация о ссылке» панели «Ссылки», выберите «Панель».
Параметры в меню панели «Связи» и установите флажки в
Показать столбец «Информация о ссылке».
  1.  Дважды щелкните ссылку или выберите ссылку и щелкните
значок «Показать/скрыть информацию о ссылке» в виде треугольника на
левая сторона панели.
 Если
связанный или встроенный файл содержит метаданные, вы можете просмотреть метаданные
с помощью панели «Ссылки». Вы не можете редактировать или заменять метаданные, связанные
со связанным файлом.
  1.  Выберите файл на панели «Ссылки» и выберите «Утилиты» >
Информация о файле XMP из меню панели.
 Вставить изображение в документ 
 Скорее
чем ссылка на файл, который вы поместили в документ, вы можете встроить
(или сохранить) файл в документе. Когда вы вставляете файл,
вы ломаете ссылку на оригинал. Без ссылки, ссылки
панель не предупреждает вас, когда оригинал изменился, и вы не можете
обновить файл автоматически.
 Вложение файла увеличивает
размер файла документа.
  1.  Выберите файл на панели ссылок.
  2.  Выполните любое из следующих действий:
    •  Выберите «Вставить ссылку» в меню панели «Связи».
    •  Если существует несколько экземпляров файла, выберите
Встроить все экземпляры  [имя файла]  в панель ссылок
меню. Чтобы внедрить только один экземпляр, выберите его и выберите «Встроить ссылку».
 Файл остается на панели «Ссылки», помеченный встроенной ссылкой
икона .
 Примечание:
 Для
текстовый файл, который отображается на панели «Ссылки», выберите «Отменить связь» в
Меню панели ссылок. Когда вы встраиваете текстовый файл, его имя удаляется
на панели ссылок.
  1.  Выбрать
один или несколько встроенных файлов на панели «Ссылки».
  2.  Выполните одно из следующих действий:
    •  Выберите «Отключить ссылку» на панели «Ссылки».
меню. Если существует несколько экземпляров файла, выберите «Отключить».
Все экземпляры  [Имя файла]  в меню панели «Ссылки».
    •  Нажмите кнопку «Пересвязать» или
выберите «Пересвязать» в меню панели «Связи».
  3.  Выберите, чтобы связать файл с исходным файлом или с
Папка InDesign создает из встроенных данных, хранящихся в документе.
 Использование
панель «Ссылки» для проверки состояния любой ссылки или замены файлов
с обновленными или альтернативными файлами.
 При обновлении или переустановке
(пересвязать) ссылку на файл, любые преобразования, выполненные в InDesign, сохраняются (если вы выберете
Снова свяжите сохраненные размеры в настройках обработки файлов). Например,
если вы импортируете квадратную графику и поворачиваете ее на 30°, а затем повторно связываете
это к невращаемой графике, InDesign поворачивает
на 30°, чтобы соответствовать макету изображения, которое он заменяет.
 Примечание:
 Размещенные файлы EPS могут содержать
Ссылки OPI, которые отображаются на панели «Ссылки». Не переустанавливайте ссылки OPI
к файлам, отличным от тех, которые изначально предназначались создателем
EPS-файл; это может вызвать проблемы с загрузкой шрифта
и цветоделения.
 Когда
вы повторно связываетесь, чтобы заменить одну графику другим исходным файлом,
вы можете сохранить размеры изображения заменяемого файла,
или вы можете отобразить входящий файл в его реальных размерах.
  1.  Выберите «Правка» > «Установки» > «Обработка файлов» (Windows)
или InDesign > Настройки >
Работа с файлами (Mac OS).
  2.  Выберите «Сохранить размеры изображения при повторном связывании», если хотите
изображения должны отображаться в том же размере, что и изображения, которые они заменяют.
Отмените выбор этого параметра, чтобы повторно связанные изображения отображались в их фактическом виде.
размер.
 InDesign сначала ищет недостающее звено в
папка, в которой другой файл был повторно связан в текущем
сессия. Далее он ищет ссылку в той же папке, где
находится документ. Если он все еще не найден, он ищет в родительском
папка документа.
 Измененные ссылки также называются «исходящими».
ссылки на дату».
  1.  В
на панели «Ссылки» выполните одно из следующих действий:
    •  Чтобы обновить определенные ссылки, выберите одну или
другие ссылки, отмеченные значком измененной ссылки . Затем
нажмите кнопку «Обновить ссылку» или
выберите «Обновить ссылку» в меню панели «Связи».
    •  Чтобы обновить все измененные ссылки, выберите «Обновить все».
Ссылки в меню панели «Ссылки» или выберите измененную ссылку и щелкните ее, удерживая нажатой клавишу «Alt».
(Windows) или нажмите кнопку «Обновить ссылку», удерживая клавишу Option (Mac OS).
    •  Чтобы обновить только одну ссылку на отображаемую графику
в нескольких местах документа выделяем только подссылку и выбираем
Обновите ссылку. Если вы выберете «родительскую» ссылку, вы сможете обновить все
ссылки на измененную графику.
  1.  Выберите любую ссылку на панели «Ссылки»,
и нажмите кнопку «Пересвязать» или
выберите «Пересвязать» в меню панели «Связи». Если «родительская» ссылка нескольких
выбраны экземпляры, выберите Relink All Instances Of  [имя файла]  из
меню панели «Ссылки».
     Перессылка есть
отключен в управляемых историях, если история не извлечена.
  2.  В появившемся диалоговом окне выберите «Искать пропавшие без вести».
Ссылки в этой папке, если вы хотите, чтобы InDesign
поиск в папке файлов с такими же именами, как и у других отсутствующих
связанные файлы. Если этот параметр не выбран, только выбранный
изображение повторно связано.
  3.  Выберите «Показать параметры импорта в
управлять тем, как импортируется новый исходный файл.
  4.  Найдите и дважды щелкните новый исходный файл.
  5.  Выберите параметры импорта, если вы нажали Показать импорт
вариант вариантов. (См. Импорт
варианты графики.)
  1.  К
восстановить отсутствующую ссылку, выберите любую ссылку, отмеченную отсутствующим
значок ссылки  в
на панели «Ссылки» и нажмите кнопку «Пересвязать»  .
  2.  В появившемся диалоговом окне выберите «Искать пропавшие без вести». Ссылки в этой папке, чтобы повторно связать любой отсутствующий файл, который появляется в
указанную папку. Найдите и дважды щелкните файл.
 По умолчанию InDesign проверяет
для отсутствующих ссылок и пытается решить их, когда вы открываете документ.
Два параметра предпочтений позволяют InDesign проверять
и автоматически находить отсутствующие ссылки при открытии документа.
 Проверяйте ссылки перед открытием документа
 Если отключить этот параметр, InDesign откроется
документ немедленно, а статусы ссылок остаются ожидающими до тех пор, пока
ссылки определяются как актуальные, отсутствующие или измененные. Если
при включении этой опции InDesign проверяет
для измененных или отсутствующих ссылок.
 Найдите недостающие ссылки перед открытием документа
 Если этот параметр отключен, InDesign
не пытаться решить недостающие ссылки. Вы можете отключить
этот параметр, если низкая производительность связана с сервером или если неожиданно
происходят связи. Этот параметр недоступен, если проверять ссылки перед открытием.
Документ отключен.
 Поиск недостающих ссылок
 Используйте команду «Поиск недостающих звеньев» для поиска и
устранить отсутствующие ссылки в документе. Эта команда полезна, если
вы отключили параметр настроек, который проверяет отсутствующие ссылки
когда вы открываете документ, и теперь у вас есть недостающие ссылки. Эта команда
также полезно, если вы монтируете сервер, на котором изображения хранятся после
открытие документа.
  1.  В диалоговом окне «Настройки» выберите
Работа с файлами.
  2.  В меню «Папка повторного связывания по умолчанию» выберите один из
следующие параметры, а затем нажмите OK:
     Самая последняя папка повторной ссылки
     Этот параметр отображает последнюю выбранную вами папку
при повторном связывании соответствие InDesign CS3
поведение.
     Оригинальная ссылка на папку
     Этот параметр отображает исходное местоположение связанного
файл, соответствующий поведению InDesign CS2
и ранее.
 Используйте команду «Копировать ссылку» для копирования графики
файлы в другую папку и перенаправить ссылки на скопированные
файлы. Эта команда особенно полезна для перемещения файлов в другое место.
диска, например, перемещение файлов с DVD на жесткий диск.
  1.  Выберите ссылки на файлы, которые вы хотите скопировать,
и выберите «Утилиты» > «Копировать ссылки» в «Ссылки».
меню панели.
  2.  Укажите папку, в которую будут скопированы связанные файлы
и выберите «Выбрать» (Windows) или «Выбрать» (Mac OS).
 При использовании команды «Пересвязать с папкой»
вы можете указать на папку, содержащую файлы с теми же именами
как ваши устаревшие ссылки. Например, если ваши текущие ссылки указывают
изображениям с низким разрешением можно указать другую папку,
содержит изображения высокого разрешения. Вы можете указать другое расширение
для файлов, позволяющих менять ссылки с . jpg на .tiff,
например.
 Команда «Повторно связать с папкой» в управляемом материале InCopy неактивна, если
история проверена.
  1.  Выберите одну или несколько ссылок на панели «Ссылки».
  2.  Выберите «Пересвязать с папкой» в меню панели «Связи».
  3.  Укажите расположение новой папки.
  4.  Чтобы использовать другое расширение, выберите «Совпадать с тем же именем файла».
Но это расширение и укажите новое расширение (например, AI, TIFF,
или PSD).
  5.  Нажмите «Выбрать» (Windows) или «Выбрать» (Mac OS).
 Команда Relink File Extension позволяет
заменить изображения на основе расширений файлов. Например, если у вас есть
несколько изображений JPEG в вашем документе, вы можете заменить их на
PSD файлы. Файлы с разными расширениями должны находиться в одном
папка в качестве заменяемых связанных файлов.
  1.  Убедитесь, что файлы с разными расширениями
появляются в той же папке, что и исходные файлы.
  2.  Выберите одну или несколько ссылок на панели «Ссылки».
  3.  Выберите «Пересвязать расширения файлов» в меню панели «Связи».
  4.  Укажите расширение файла для замены выбранных файлов,
и нажмите «Пересвязать».
 Заменить импортированный файл с помощью
Команда «Место» 
  1.  Выполните одно из следующих действий:
    •  Чтобы заменить содержимое
графический фрейм, например импортированный рисунок, используйте инструмент «Выделение», чтобы
выберите кадр.
       Кому
заменить содержимое графического фрейма, например импортированного изображения,
используйте инструмент Позиция, чтобы выбрать изображение.
    •  Чтобы заменить содержимое текстового фрейма, используйте
Введите инструмент, чтобы щелкнуть точку вставки в текстовом фрейме, и выберите
Изменить > Выбрать все.
  2.  Выберите «Файл» > «Поместить».
  3.  Найдите и выберите новый файл.
  4.  Убедитесь, что выбран параметр «Заменить выбранный элемент», а затем
нажмите Открыть.
  5.  Нажмите Открыть.
 Вы можете скопировать либо полный путь связанного
изображение или путь к стилю платформы. Копирование полного пути к изображению
полезно для уведомления членов команды, где находится искусство. Например,
Вы можете скопировать полный путь и вставить его в сообщение электронной почты. Копирование
путь платформы полезен для сценариев или для указания полей изображения
в слиянии данных.
  1.  Выберите ссылку на панели ссылок.
  2.  В меню панели «Ссылки» выберите «Копировать информацию» >
Копировать полный путь или копировать путь стиля платформы.
  3.  Вставьте путь.
 Редактирование оригинального изображения 
 Команда «Редактировать оригинал» позволяет открывать большинство
графики в приложении, в котором вы их создали, чтобы вы
может изменить их по мере необходимости. После сохранения исходного файла
документ, в котором вы связали его, обновлен новой версией.
 Примечание:
 В
InDesign, если вы извлекаете и выбираете управляемый графический фрейм (один
который был экспортирован в InCopy), а не само изображение,
рисунок открывается в InCopy.
 Редактирование оригинального изображения с помощью
приложение по умолчанию 
 По умолчанию InDesign использует
в операционной системе, чтобы определить, какое приложение используется, когда
открытие оригинала.
  1.  Выберите одно или несколько изображений на странице или в
Панель ссылок.
  2.  Делать
любой из следующих:
  3.  После внесения изменений в исходное приложение сохраните
файл.