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

  1. Посібник користувача Photoshop
  2. Вступ до Photoshop
    1. Мрійте. Творіть.
    2. Що нового у Photoshop
    3. Редагування вашої першої фотографії
    4. Створення документів
    5. Photoshop | Поширені запитання
    6. Вимоги до системи для програми Photoshop
    7. Перенесення стилів, дій і параметрів
    8. Ознайомлення з Photoshop
  3. Photoshop і служби Adobe
    1. Photoshop і Adobe Stock
    2. Creative Cloud Libraries
    3. Creative Cloud Libraries у програмі Photoshop
    4. Сітка й напрямні
    5. Створення дій
    6. Команда «Скасувати» й панель «Історія»
    7. Стандартні комбінації клавіш
    8. Функції дотику та настроюваний робочий простір
    9. Використання сенсорної панелі Touch Bar у Photoshop
    10. Використання вбудованого розширення Capture у Photoshop
  4. Photoshop на iPad
    1. Photoshop на iPad | Поширені запитання
    2. Ознайомлення з робочим середовищем
    3. Вимоги до системи | Photoshop для iPad
    4. Створення, відкриття й експорт хмарних документів
    5. Додавання фотографій
    6. Робота із шарами
    7. Малювання та фарбування за допомогою пензлів
    8. Виділення та додавання масок
    9. Ретушування сполучених зображень
    10. Робота з коригуючими шарами
    11. Коригування тональності сполученого зображення за допомогою «Кривих»
    12. Застосування операцій трансформування
    13. Кадрування й повертання сполучених зображень
    14. Поворот, панорамування, масштабування та скидання полотна
    15. Робота з текстовими шарами
    16. Робота з Photoshop і Lightroom
    17. Отримання відсутніх шрифтів у Photoshop на iPad
    18. Японська мова у Photoshop на iPad
    19. Керування параметрами програми
    20. Сенсорні клавіші-модифікатори й рухи
    21. Комбінації клавіш
    22. Вимоги до системи 1.x | Photoshop на iPad
    23. Вимоги до системи 2.x | Photoshop на iPad
    24. Зміна розміру зображення
    25. Пряма трансляція творчого процесу у Photoshop на iPad
    26. Усунення дефектів за допомогою інструмента «Лікувальний пензель»
    27. Створення пензлів у Capture і використання їх у Photoshop
  5. Photoshop для браузера
    1. Photoshop для браузера | Поширені запитання    
    2. Вступ до робочого середовища
    3. Вимоги до системи | Photoshop для браузера
    4. Сполучення клавіш | Photoshop для браузера
    5. Підтримувані типи файлів | Photoshop для браузера
    6. Відкриття хмарних документів і робота з ними
    7. Співпраця з учасниками
    8. Застосування обмеженого редагування до хмарних документів
  6. Хмарні документи
    1. Хмарні документи Photoshop | Поширені запитання
    2. Хмарні документи Photoshop | Запитання щодо робочого процесу
    3. Керування хмарними документами й робота з ними у Photoshop
    4. Оновлення хмарного сховища для Photoshop
    5. Не вдається створити або зберегти хмарний документ
    6. Виправлення помилок у хмарних документах Photoshop
    7. Збір журналів синхронізації хмарних документів
    8. Спільні доступ і редагування хмарних документів
  7. Робоче середовище
    1. Основні відомості про робоче середовище
    2. Створення документів
    3. Використання сенсорної панелі Touch Bar у Photoshop
    4. Підтримка маніпулятора Microsoft Dial у Photoshop
    5. Галереї інструментів
    6. Параметри швидкодії
    7. Використання інструментів
    8. Рухи дотику
    9. Функції дотику та настроюваний робочий простір
    10. Попередній перегляд технологій
    11. Метадані та примітки
    12. Швидкий обмін творами
    13. Розміщення зображень Photoshop в інших програмах
    14. Параметри
    15. Стандартні комбінації клавіш
    16. Лінійки
    17. Показ або приховання недрукованих допоміжних елементів
    18. Зазначення шпальт для зображення
    19. Команда «Скасувати» й панель «Історія»
    20. Панелі й меню
    21. Розміщення файлів
    22. Розташування елементів за допомогою прив’язування
    23. Розташування елементів за допомогою інструмента «Лінійка»
    24. Стилі
    25. Персоналізація комбінацій клавіш
    26. Сітка й напрямні
  8. Веб-дизайн, розробка графічних інтерфейсів і програм
    1. Photoshop для дизайну
    2. Монтажні області
    3. Експорт файлів у Photoshop
    4. Перегляд на пристрої
    5. Копіювання CSS із шарів
    6. Поділ веб-сторінок на фрагменти
    7. Параметри HTML для фрагментів
    8. Змінення макета фрагментів
    9. Робота з веб-графікою
    10. Створення веб-фотогалерей
  9. Основні відомості про зображення й колір
    1. Як змінити розмір зображення
    2. Робота з растровими й векторними зображеннями
    3. Розмір і роздільна здатність зображення
    4. Одержання зображень із камер і сканерів
    5. Створення, відкриття й імпорт зображень
    6. Перегляд зображень
    7. Помилка «Недійсний JPEG-маркер» | Відкриття зображень
    8. Перегляд кількох зображень
    9. Настроювання палітр кольорів і зразків
    10. Зображення з розширеним динамічним діапазоном
    11. Підбір кольорів на зображенні
    12. Перетворення між колірними режимами
    13. Колірні режими
    14. Стирання частин зображення
    15. Режими накладання
    16. Вибір кольорів
    17. Налаштування таблиць індексованих кольорів
    18. Інформація про зображення
    19. Фільтри деформації недоступні
    20. Про колір
    21. Кольорове й монохромне коригування за допомогою каналів
    22. Вибір кольорів на панелях «Колір» і «Зразки»
    23. Зразок
    24. Колірний режим або режим зображення
    25. Відтінок кольору
    26. Додавання до дії зміни режиму за умовою
    27. Додавання зразків із документів HTML CSS і SVG
    28. Бітова глибина та її параметри
  10. Шари
    1. Основні відомості про шари
    2. Неруйнівне редагування
    3. Створення шарів і груп і керування ними
    4. Виділення, групування та зв’язування шарів
    5. Поміщення зображень у рамки
    6. Непрозорість шару та накладання
    7. Шари-маски
    8. Застосування смарт-фільтрів
    9. Композиції шарів
    10. Переміщення, укладання в стіс і блокування шарів
    11. Маскування шарів за допомогою векторних масок
    12. Керування шарами та групами
    13. Ефекти і стилі шарів
    14. Редагування шарів-масок
    15. Витягнення ресурсів
    16. Відкриття шарів за допомогою відсічних масок
    17. Створення ресурсів зображення із шарів
    18. Робота зі смарт-об’єктами
    19. Режими накладання
    20. Поєднання кількох зображень у груповий портрет
    21. Поєднання зображень за допомогою функції «Автоматичне накладання шарів»
    22. Вирівнювання та розподілення шарів
    23. Копіювання CSS із шарів
    24. Завантаження виділень із шару або меж шару-маски
    25. Відкривання вмісту інших шарів за допомогою об’єднання в групу
    26. Шар
    27. Склеювання
    28. Сполучене зображення
    29. Фон
  11. Виділення
    1. Робоче середовище «Виділити й додати маску»
    2. Швидке виділення
    3. Початок роботи з виділеннями
    4. Виділення за допомогою інструментів групи «Область»
    5. Виділення за допомогою інструментів групи «Ласо»
    6. Виділення діапазону кольорів на зображенні
    7. Налаштування растрового виділення
    8. Перетворення контурів на межі виділення й навпаки
    9. Загальні відомості про канали
    10. Переміщення, копіювання та видалення виділених пікселів
    11. Створення тимчасової швидкої маски
    12. Збереження виділень і масок альфа-каналу
    13. Виділення ділянок зображення у фокусі
    14. Дублювання, розділення й об’єднання каналів
    15. Обчислення каналу
    16. Виділення
    17. Рамка розміру
  12. Коригування зображення
    1. Деформація перспективи
    2. Зменшення ефекту розмиття від тремтіння фотокамери
    3. Приклади використання лікувального пензля
    4. Експорт таблиць підстановки кольору
    5. Коригування різкості та розмиття зображення
    6. Відомості про коригування кольорів
    7. Застосування коригування яскравості/контрасту
    8. Коригування деталізації тіней і світлих тонів
    9. Коригування рівнів
    10. Коригування тону та насиченості
    11. Коригування живих кольорів
    12. Коригування насиченості кольору на ділянках зображення
    13. Швидке коригування тону
    14. Застосування спеціальних колірних ефектів до зображень
    15. Покращення зображення за допомогою коригування балансу кольорів
    16. Зображення з розширеним динамічним діапазоном
    17. Перегляд гістограм і значень пікселів
    18. Підбір кольорів на зображенні
    19. Як кадрувати та вирівнювати фотографії
    20. Перетворення кольорового зображення на чорно-біле
    21. Коригуючі шари та шари заливки
    22. Коригування кривих
    23. Режими накладання
    24. Підготовка зображень до друку
    25. Коригування кольору й тону за допомогою піпетки рівнів і піпетки кривих
    26. Корекція експозиції та тонування зображень HDR
    27. Фільтр
    28. Розмиття
    29. Освітлення або затемнення ділянок зображення
    30. Вибіркова корекція кольору
    31. Заміна кольорів об’єкта
  13. Adobe Camera Raw
    1. Вимоги до системи для Camera Raw
    2. Що нового в Camera Raw
    3. Вступ до Camera Raw
    4. Створення панорам
    5. Підтримувані об’єктиви
    6. Ефекти віньєтування, зернистості та видалення серпанку в Camera Raw
    7. Стандартні комбінації клавіш
    8. Автоматичне коригування перспективи в Camera Raw
    9. Внесення неруйнівних змін в Camera Raw
    10. Радіальні фільтри у Camera Raw
    11. Керування параметрами Camera Raw
    12. Відкривання, обробка та збереження зображень у Camera Raw
    13. Усунення недоліків зображення за допомогою інструмента «Покращене видалення плям» у Camera Raw
    14. Повертання, кадрування та коригування зображень
    15. Коригування візуалізації кольору в Camera Raw
    16. Огляд функцій | Adobe Camera Raw | Випуски за 2018 рік
    17. Огляд нових функцій
    18. Версії процесу в Camera Raw
    19. Локальне коригування в Camera Raw
  14. Виправлення недоліків та відновлення зображень
    1. Видалення об’єктів із фотографій за допомогою робочого середовища «Заливка з урахуванням вмісту»
    2. Інструмент «Латка відповідно до вмісту» та «Переміщення відповідно до вмісту»
    3. Ретушування фотографій та виправлення недоліків на них
    4. Коригування викривлення та шуму зображення
    5. Інструкції з вирішення більшості поширених проблем
  15. Трансформування зображень
    1. Трансформування об’єктів
    2. Коригування кадрування, повороту та розміру полотна
    3. Як кадрувати та вирівнювати фотографії
    4. Створення й редагування панорамних зображень
    5. Деформація зображень, фігур і контурів
    6. Виправлення перспективи
    7. Використання фільтра «Пластика»
    8. Масштабування з урахуванням вмісту
    9. Трансформування зображень, фігур і контурів
    10. Деформація
    11. Трансформування
    12. Панорама
  16. Креслення та малювання
    1. Малювання симетричних візерунків
    2. Малювання прямокутників і зміна параметрів обведення
    3. Про малювання
    4. Малювання й редагування фігур
    5. Інструменти малювання
    6. Створення та змінення пензлів
    7. Режими накладання
    8. Додавання кольору до контурів
    9. Редагування контурів
    10. Фарбування інструментом «Пензель змішування»
    11. Стилі пензлів
    12. Градієнти
    13. Заливка та обведення виділених областей, шарів і контурів
    14. Малювання за допомогою інструментів групи «Перо»
    15. Створення візерунків
    16. Створення візерунка за допомогою модуля Pattern Maker (Конструктор візерунків)
    17. Керування контурами
    18. Керування бібліотеками візерунків і стилями
    19. Креслення або малювання за допомогою графічного планшета
    20. Створення текстурованих пензлів
    21. Додавання динамічних елементів до пензлів
    22. Градієнт
    23. Малювання стилізованих штрихів інструментом «Архівний художній пензель»
    24. Малювання за допомогою візерунка
    25. Синхронізація стилів на кількох пристроях
  17. Текст
    1. Робота зі шрифтами OpenType SVG
    2. Форматування символів
    3. Форматування абзаців
    4. Створення текстових ефектів
    5. Редагування тексту
    6. Інтервал між символами та рядками
    7. Арабський шрифт і шрифт івриту
    8. Шрифти
    9. Пошук та усунення проблем зі шрифтами
    10. Азійський текст
    11. Створення тексту
    12. Помилка обробника тексту під час використання інструмента «Текст» у Photoshop | Windows 8
    13. Універсальний компонувальник для азійських систем письма
    14. Додавання й редагування тексту у Photoshop
  18. Відео й анімація
    1. Редагування відео у Photoshop
    2. Редагування шарів відео й анімації
    3. Огляд відео й анімації
    4. Попередній перегляд відео й анімації
    5. Розфарбовування кадрів у відеошарах
    6. Імпорт відеофайлів і послідовностей зображень
    7. Створення покадрової анімації
    8. 3D-анімація Creative Cloud (перегляд)
    9. Створення анімацій на шкалі часу
    10. Створення зображень для відео
  19. Фільтри й ефекти
    1. Використання фільтра «Пластика»
    2. Використання галереї розмиття
    3. Основні відомості про фільтри
    4. Довідка з ефектів фільтра
    5. Додавання ефектів освітлення
    6. Використання фільтра коригування широкого кута
    7. Використання фільтра «Масляна фарба»
    8. Ефекти і стилі шарів
    9. Застосування певних фільтрів
    10. Розтушування ділянок зображення
  20. Збереження й експорт
    1. Збереження файлів у графічних форматах
    2. Збереження файлів у Photoshop
    3. Формати файлів
    4. Збереження й експорт відео та анімації
    5. Збереження PDF-файлів
    6. Захист авторського права Digimarc
  21. Друк
    1. Друк 3D-об’єктів
    2. Друк із програми Photoshop
    3. Друк із керуванням кольором
    4. Оглядові аркуші та PDF-презентації
    5. Друк фотографій за допомогою розкладки пакета зображень
    6. Друк плашкових кольорів
    7. Двофарбові зображення
    8. Друк зображень на комерційних друкарських машинах
    9. Покращення кольорового друку у Photoshop
    10. Усунення проблем із друком | Photoshop
  22. Автоматизація
    1. Створення дій
    2. Створення динамічної графіки
    3. Сценарії
    4. Пакетна обробка файлів
    5. Відтворення дій і керування ними
    6. Додавання умовних дій
    7. Про дії та панель «Дії»
    8. Записування інструментів як дій
    9. Додавання до дії зміни режиму за умовою
    10. Набір інструментів для роботи з елементами інтерфейсу Photoshop для модулів і сценаріїв
  23. 3D-об’єкти й технічна обробка зображень
    1. 3D-анімація Creative Cloud (перегляд)
    2. Друк 3D-об’єктів
    3. 3D-фарбування
    4. Удосконалена панель «3D» | Photoshop
    5. Основні поняття й інструменти 3D
    6. 3D-візуалізація та збереження
    7. Створення 3D-об’єктів і анімації
    8. Пакети зображень
    9. Робочий процес 3D
    10. Вимірювання
    11. Файли DICOM
    12. Photoshop і MATLAB
    13. Підрахунок об’єктів на зображенні
    14. Об’єднання й перетворення 3D-об’єктів
    15. Редагування 3D-текстури
    16. Корекція експозиції та тонування зображень HDR
    17. Параметри панелі 3D
  24. Керування кольором
    1. Уявлення про керування кольором
    2. Узгодженість кольорів
    3. Параметри кольорів
    4. Робота з колірними профілями
    5. Керування кольором документів для перегляду в Інтернеті
    6. Керування кольором документів під час друку
    7. Керування кольором імпортованих зображень
    8. Кольоропроба

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

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

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

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

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

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

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

Примітка.

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

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

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

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

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

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

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

Можна вибрати колір тла для заливки прозорої ділянки (для фрагментів «З зображенням») або всієї ділянки (для фрагментів «Без зображення») фрагмента.

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

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

Призначення інформації URL-посилання фрагментові «Зображення»

Призначення 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.

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

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

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

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

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

    Alt-тег/Alt

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

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

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

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

Примітка.

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

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

    Усталений

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

    Ліворуч

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

    По центру

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

    Правий

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

    Усталений

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

    За верхом

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

    Базова лінія

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

    Середній

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

    Знизу

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

Логотип Adobe

Увійдіть до облікового запису