Посібник користувача Скасувати

Параметри HTML для фрагментів

Показ діалогового вікна «Параметри фрагмента»

Виконайте одну з таких дій:

  • Двічі клацніть фрагмент за допомогою інструмента «Виділення фрагмента» . (Якщо інструмент не відображається, утримуйте інструмент «Кадрування» або «Фрагмент».)
  • Коли вибрано інструмент «Виділення фрагмента», натисніть кнопку «Параметри фрагмента»   на панелі параметрів. Цей метод відсутній у діалоговому вікні «Зберегти для Інтернету та пристроїв».

Вкажіть тип вмісту фрагмента

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

  • Фрагменти зображення містять дані зображення. Це – усталений тип вмісту.

  • Фрагменти «Без зображення» дають змогу створювати порожні клітинки таблиці, які можна заповнювати текстом або суцільним кольором. Можна ввести HTML-текст у фрагмент «Без зображення». Якщо ви налаштували параметр «Текст HTML» у діалоговому вікні «Зберегти для Web та пристроїв», текст інтерпретується як HTML під час перегляду в браузері. Фрагменти типу «Без зображення» не експортуються як зображення і можуть переглядатися у браузері.

Примітка.

Налаштування параметрів для автофрагмента підвищує тип фрагмента до користувацького.

  1. Виділіть фрагмент. Якщо ви працюєте в Photoshop, двічі клацніть фрагмент за допомогою інструмента «Виділення фрагмента», щоб відкрити діалогове вікно «Параметри фрагмента».
  2. У діалоговому вікні «Параметри фрагмента» виберіть тип фрагмента у спливаючому меню «Тип».

Перейменування фрагмента

Коли ви додаєте фрагменти до зображення, вам може бути зручно перейменовувати фрагменти на основі їхнього вмісту. За замовчуванням користувацькі фрагменти отримують назви відповідно до параметрів у діалоговому вікні Параметри експорту.

  1. Виберіть фрагмент і двічі клацніть його за допомогою інструмента «Виділення фрагмента», щоб відобразити діалогове вікно «Параметри фрагмента». У діалоговому вікні «Параметри фрагмента» введіть нове ім’я в текстовому полі «Ім’я».
    Примітка.

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

Вибір кольору фону для фрагмента

Ви можна вибрати колір фону, щоб заповнити прозору область (для фрагментів «З зображенням») або всю область (для фрагментів «Без зображення») фрагмента.

У Photoshop не відображається вибраний колір фону — потрібно переглянути зображення у браузері, щоб побачити ефект вибору кольору фону .

  1. Виділення фрагмента. Якщо ви працюєте в діалоговому вікні Photoshop «Зберегти для інтернету та пристроїв», двічі клацніть фрагмент за допомогою інструмента «Виділення фрагмента», щоб відобразити діалогове вікно «Параметри фрагмента» .
  2. У діалоговому вікні «Параметри фрагмента» виберіть колір фону у спливаючому меню «Колір фону». Виберіть «Немає», «Матовий», «Білий», «Чорний» або «Інший» (за допомогою палітри кольорів Adobe).

Призначення URL-адреси фрагменту робить усю область фрагмента посиланням на отриманій веб-сторінці. Коли користувач натискає посилання, веб-браузер переходить до вказаної URL-адреси та цільового фрейма. Цей параметр доступний лише для фрагментів «З зображенням».

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

    _blank

    Відображає пов’язаний файл у новому вікні, залишаючи відкритим початкове вікно браузера.

    _self

    Відображає зв’язаний файл у тому самому фреймі, що й для оригінльного документа.

    _parent

    Показує прив'язаний файл у його власному батьківському первинному наборі фреймів. Використовуйте цей параметр, якщо HTML-документ містить фрейми, а поточний фрейм є дочірнім. Пов’язаний файл з’являється у поточному батьківському фреймі.

    _top

    Дозволяє замінити все вікно браузера з прив'язаним файлом, видаляючи всі поточні фрейми. Назва повинна відповідати попередньо визначеній назві фрейму у файлі HTML для документа. Коли користувач клацає на посиланні, вказаний файл з'являється у новому фреймі.

    Примітка.

    Для отримання додаткової інформації про фрейми див. довідник з HTML.

Зазначення повідомлень браузера та альтернативного тексту

Ви можете вказати, які повідомлення відображатимуться у браузері. Ці параметри доступні лише для фрагментів зображення і відображаються лише в експортованих HTML-файлах.

  1. Виділення фрагмента. Якщо ви працюєте в Photoshop, двічі клацніть фрагмент за допомогою інструмента «Виділення фрагмента», щоб відкрити діалогове вікно «Параметри фрагмента».
  2. У діалоговому вікні «Параметри фрагмента» введіть потрібний текст.

    Текст повідомлення

    Змінює стандартне повідомлення в області стану браузера для вибраного фрагмента або фрагментів. За замовчуванням відображається URL-адреса фрагмента, якщо є.

    Alt-тег/Alt

    Визначає Alt-тег для вибраного фрагмента або фрагментів. Альтернативний текст з'являється на місці зображення фрагмента у неграфічних браузерах. Він також з’являється замість зображення, коли зображення завантажується, а також як підказка в деяких браузерах.

Додавання HTML-тексту до фрагмента

Коли ви вибираєте фрагмент типу «Без зображення», ви можете ввести текст, який відображатиметься в області фрагмента отриманої веб-сторінки. Це може бути звичайний текст або текст, відформатований за допомогою стандартних тегів HTML. Ви також можете вибрати параметри вирівнювання за вертикаллю та за горизонталлю. Для отримання додаткової інформації про конкретні теги HTML див. довідник з HTML.

Photoshop не відображає текст HTML у вікні документа; ви повинні використовувати веб браузер для попереднього перегляду тексту. Обов’язково перегляньте HTML-текст у різних браузерах, з різними налаштуваннями браузера та в різних операційних системах , щоб переконатися, що ваш текст правильно відображається в Інтернеті.

Примітка.

Кількість тексту у фрагменті «Без зображення» може вплинути на макет експортованої сторінки.

  1. Виділення фрагмента. Двічі клацніть фрагмент за допомогою інструмента «Виділення фрагмента», щоб відкрити діалогове вікно «Параметри фрагмента». Ви можете двічі клацнути фрагмент у діалоговому вікні «Зберегти для інтернету та пристроїв» , щоб встановити додаткові параметри форматування.
  2. У діалоговому вікні «Параметри фрагмента» виберіть «Без зображення» з меню «Тип фрагмента».
  3. Введіть потрібний текст у текстове поле.
  4. (Тільки діалогове вікно «Зберегти для інтернету та пристроїв» ) Якщо текст містить теги форматування HTML, виберіть параметр «Текст HTML». Якщо ви не виберете цю опцію, теги HTML ігноруються, а весь текст на отриманій веб-сторінці відображатиметься як неформатований звичайний текст.
  5. (Лише діалогове вікно «Зберегти для Web і пристроїв») Якщо потрібно, виберіть параметри в розділі «Вирівнювання клітинок» діалогового вікна:

    Усталений

    Використовує стандартне горизонтальне вирівнювання для браузера.

    Ліворуч

    Вирівнює текст за лівим краєм ділянки фрагмента.

    По центру

    Вирівнює текст за центром ділянки фрагмента.

    Правий

    Вирівнює текст за правим краєм ділянки фрагмента.

    Усталений

    Використовує стандартне вертикальне вирівнювання для браузера.

    Вгору

    Вирівнює текст за верхнім краєм ділянки фрагмента.

    Базова лінія

    Встановлює загальну базову лінію для першого рядка тексту в клітину у тому самому рядку (результуючої таблиці HTML). Кожна клітина в рядку має використовувати параметр «Базова лінія».

    Середній

    Центрує текст по вертикалі на ділянці фрагмента.

    Знизу

    Вирівнює текст за нижнім краєм ділянки фрагмента.

Отримуйте допомогу швидше й простіше

Новий користувач?