Отображение диалогового окна «Параметры фрагмента»

Выполните одно из следующих действий.

  • Дважды щелкните фрагмент с выбранным инструментом «Выделение фрагмента» . (Если этот инструмент не отображается, нажмите и удерживайте инструменты «Рамка» или «Раскройка».)
  • С активным инструментом «Выделение фрагмента» нажмите кнопку «Параметры фрагмента»  на панели параметров. Этот метод нельзя применить в диалоговом окне «Сохранить для Web и устройств».

Задание типа содержимого фрагмента

Можно указать в каком виде данные фрагмента появляются в веб-браузере при экспорте HTML-файла. Доступность параметров зависит от типа выбранного фрагмента.

  • Фрагменты типа «Изображение» содержат данные в виде изображений. Это тип содержимого по умолчанию.

  • Фрагменты типа «Без изображения» позволяют создавать пустые ячейки таблицы, которые могут быть заполнены текстом или закрашены определенным цветом. Во фрагмент типа «Без изображения» можно ввести HTML-текст. При выборе в диалоговом окне «Сохранить для Веб и устройств» параметра «HTML-текст» при просмотре в браузере текст интерпретируется как HTML-код. Фрагменты типа «Без изображения» нельзя экспортировать как изображения, но можно просматривать в браузере.

Примечание.

Параметры настройки автоматического фрагмента могут преобразовать его в пользовательский фрагмент.

  1. Выберите фрагмент. При работе в Photoshop для открытия диалогового окна «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» выберите тип фрагмента во всплывающем меню «Тип».

Переименование фрагмента

При добавлении фрагментов к изображению может оказаться удобно переименовать фрагменты согласно их содержимому. По умолчанию пользовательские фрагменты получают названия в соответствии с настройками в диалоговом окне «Настройки экспорта». (См. раздел Настройки вывода для веб-графики.)

  1. Чтобы открыть диалоговое окно «Параметры фрагмента», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент. В диалоговом окне «Параметры фрагмента» введите новое имя в текстовое поле «Имя».

    Примечание.

    Текстовое поле «Имя» недоступно для фрагментов типа «Без изображения».

Выбор фонового цвета фрагмента

Фоновый цвет можно выбрать для заполнения прозрачных областей (для фрагментов типа «Изображение») или для всей области фрагмента (для фрагментов типа «Без изображения»).

Photoshop не отображает выбранный фоновый цвет — необходимо загрузить изображение в браузере для просмотра выбранного фонового цвета.

  1. Выберите фрагмент. Если вы работаете с диалоговым окном Photoshop «Сохранить для Web и устройств», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент, чтобы вызвать диалоговое окно «Параметры фрагмента».
  2. В диалоговом окне «Параметры фрагмента» выберите фоновый цвет во всплывающем меню «Фоновый цвет». Выберите «Нет», «Подложка», «Белый», «Черный» или «Другой» в палитре цветов Adobe.

Назначение URL-ссылок фрагменту превращает всю область фрагмента в ссылку на заданную веб-страницу. Когда пользователь щелкает ссылку, веб-браузер переходит на указанный URL-адрес и целевой фрейм. Этот параметр доступен только для фрагментов типа «Изображение».

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» введите URL-адрес в текстовое поле «URL». Можно ввести как относительный, так и абсолютный (полный) URL-адрес. При вводе абсолютного URL-адреса необходимо убедиться, что он содержит правильный тип протокола (например, http://www.adobe.com, а не www.adobe.com). Дополнительные сведения по использованию относительных и полных URL-адресов см. в руководстве по HTML.
  3. Также можно ввести имя целевого фрейма в текстовое поле «Цель».

    _blank

    Отображает связанный файл в новом окне, оставляя открытым исходное окно браузера.

    _self

    Отображает связанный файл в том же фрейме, что и исходный файл.

    _parent

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

    _top

    Заменяет все окно браузера связанными файлами, удаляя все текущие кадры. Название должно соответствовать ранее заданному названию кадра в файле HTML документа. При щелчке ссылки указанный файл появляется в новом фрейме.

    Примечание.

    Дополнительные сведения о фреймах см. в руководстве по HTML.

Задание сообщений браузера и текста атрибута «Alt»

Можно указать сообщения, появляющиеся в браузере. Эти параметры доступны только для фрагментов типа «Изображение» и появляются только в экспортированных HTML-файлах.

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента», выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент.
  2. В диалоговом окне «Параметры фрагмента» введите необходимый текст.

    Текст сообщения

    Изменяет установленное по умолчанию сообщение в поле состояния браузера для выбранного фрагмента или фрагментов. По умолчанию отображается URL-адрес фрагмента (если существует).

    Альтернативный текст

    Определяет атрибут «Alt» для выбранного фрагмента или фрагментов. Текст атрибута «Alt» появляется вместо изображения фрагмента в браузерах, не поддерживающих графику. Он также появляется вместо изображения во время его загрузки и отображается как подсказка в некоторых браузерах.

Добавление HTML-текста к фрагменту

При выборе фрагмента типа «Без изображения» можно ввести текст, который будет отображаться в области фрагмента на веб-странице. Это может быть неформатированный текст или текст, отформатированный стандартными HTML-тегами. Также можно выбрать вертикальные и горизонтальные параметры выравнивания. Дополнительные сведения о HTML-тегах см. в руководстве по HTML.

Photoshop не отображает HTML-текст в окне документа. Для просмотра текста необходимо использовать веб-браузер. Следует просмотреть HTML-текст в различных браузерах, с различными настройками браузеров и на различных операционных системах, чтобы быть уверенным в том, что текст отображается правильно.

Примечание.

Количество текста во фрагменте типа «Без изображения» может влиять на макет экспортированной страницы.

  1. Выберите фрагмент. Чтобы открыть диалоговое окно «Параметры фрагмента» выберите инструмент «Выделение фрагмента» и дважды щелкните фрагмент. Дважды щелкнув фрагмент в диалоговом меню «Сохранить для Web и устройств», можно установить дополнительные параметры форматирования.
  2. В диалоговом окне «Параметры фрагмента» в меню «Тип фрагмента» выберите тип фрагмента «Без изображения».
  3. Введите в текстовое поле необходимый текст.
  4. Если текст содержит теги форматирования HTML, выберите параметр «HTML-текст» (только для диалогового окна «Сохранить для Web и устройств»). Если этот параметр не выбран, HTML-теги будут игнорироваться, а текст на итоговой веб-странице будет отображаться в виде неформатированного текста.
  5. Вы можете задать необходимые параметры в разделе «Выравнивание ячеек» (только для диалогового окна «Сохранить для Web и устройств»):

    По умолчанию

    Используются установленные по умолчанию в браузере значения выравнивания по горизонтали.

    Налево

    Текст выравнивается по левой стороне области фрагмента.

    По центру

    Текст выравнивается по центру области фрагмента.

    Выравнивание по правому краю

    Текст выравнивается по правой стороне области фрагмента.

    По умолчанию

    Используются установленные по умолчанию в браузере значения выравнивания по вертикали.

    Вверх

    Текст выравнивается по верхней части области фрагмента.

    По базовой линии

    Устанавливает общую базовую линию для первой строки текста в ячейках одного ряда (итоговой HTML-страницы). Для каждой ячейки ряда должен быть установлен параметр «По базовой линии».

    По центру

    Текст выравнивается по вертикали по центру в области фрагмента.

    Вниз

    Текст выравнивается по нижней части области фрагмента.

Эта работа лицензируется в соответствии с лицензией Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported  На посты, размещаемые в Twitter™ и Facebook, условия Creative Commons не распространяются.

Правовые уведомления   |   Политика конфиденциальности в сети Интернет