Перейти к содержимому
  • Дизайн для текста

       (18 отзывов)

    Евгений Зубов
    • 31 4,25,6,20,3,26,27,28,29 4,6,32 https://creatura.club/uploads/monthly_2015_12/567efb0aa915e_3.5.2().mp4.ec09c5130c1e6ba3fe39525afb24feb4.mp4 7 До 10 минут display: none; https://creatura.club/uploads/ Средняя сложность display: none;
      1. Пройдите тестирование для урока
      2. Оцените урок и сдайте задание

      В этом видеоуроке мы рассмотрим основные настройки текста в программе Adobe Muse. Заходим в программу, создаем новый проект. Вставим сюда текстовый фрейм с помощью инструмента "Текст" и заполнил текстом. На текст можете не обращать внимание, никакой смысловой нагрузки он не несет. Чтобы попаст в настройки текста, нужно кликнуть 2 раза на текстовом фрейме, затем мы попадаем в режим "Текст". И здесь у нас появляется сверху настройки текста. Либо мы можем попасть в настройки через правую панель, нажав на закладку "Текст" , и у нас выскочит окно. Мне им пользоваться гораздо удобнее, поэтому я буду рассказывать все, что здесь находится, какие инструменты мы можем использовать.

      Первым делом мы можем использовать "Выбор шрифта". Мы можем выбрать любой шрифт, который нам понравится для использования в нашем проекте. Единственное, чтобы текст наш отображался как текст, нам необходимо выбирать стандартные веб шрифты. Например, выберем Verdana, перед этим выделив текст. Если же мы будем находиться в режиме тестового фрейма и будем менять шрифт, то шрифт изменится у всего блока сразу. Если мы будем в режиме "Текст, то, выделив некоторые слова и буквы, мы можем менять отдельно шрифты для каждого предложения и символа.

      Далее мы можем менять размер шрифта, например, выделим первое предложение и изменим размер на 18. В окошке рядом мы можем изменить цвет текста, точно так же выделяя необходимый текст, либо перейдя в режим редактирования текстового фрейма. Выберем цвет темно-коричневый. Далее у нас расположены кнопки на значении выключки и выравнивании текста внутри прямоугольника. Это 4 кнопки : выравнивание "по левому краю", "по центру", "по правому краю" и "по ширине" текстового фрейма.

      Далее идут кнопки включения жирности. Можем сделать весь текст жирным, либо в режиме "Текст" можем выделить несколько отдельных слов или букв, и выделить их жирным. Следующая кнопка отвечает за "Курсив текста". Давайте выберем, например, 2 абзац текста и нажмем кнопку, отвечающую за подчеркивание. Текст подчеркивается линией. Снова выделим абзац и назначим тексту "Верхний регистр". Весь текст становится написанным в верхнем регистре, то есть все буквы заглавные. Выключаем и снова все возвращается назад. Либо наоборот мы можем перевести все символы и буквы в нижний регистр. Отключаем подчеркивание и переводим в нижний регистр текст. Таким образом мы видим, что в тексте нет ни одной заглавной буквы.

      Следующая кнопка отвечает за "Надстрочный индекс". Если нам нужно написать 9 м2, чтобы изменить двойку, мы нажимаем кнопку "Надстрочный индекс". Если же нам нужно наоборот сделать "Подстрочный индекс", то выбираем эту кнопку. То есть у нас получается индекс буквы. Чтобы убрать данную функцию, то выделяем цифру и отключаем индекс.

      Следующее,что мы можем сделать, так это настроить "Трекинг текста" (расстояние между текстов). Для этого нужно выделить текст , либо перейти в режим редактирования текстового фрейма, тогда изменения происходят со всеми символами,находящимися в нем. Следующий параметр - это "Интерлиньяж" (расстояние между строками текста). Следующая ячейка настройки отвечает за "Отступы". То есть это отступы для первой строки абзаца текста. Если мы сейчас начнем его менять,то мы увидим изменение первой строки слева. Она двигается немного вперед, на ту величину,которую мы указали.

      Следующие 2 параметра: "Левое поле" и "Правое поле". Они отвечают за расстояние от краев прямоугольника до текста внутри него слева и справа. Если слева начинаем увеличивать данное значение, то мы видим, как весь текст двигается вперед от крайней линии текстового фрейма. Если же мы изменяем значение "Правое поле", то текст у нас двигает от правого поля, причем весь.
      Еще 2 параметра - это "Отступ сверху" и "Отступ снизу". Если мы изменяем эти параметры, то у нас изменяются отступы от края фрейма и отступы между абзацами. Отступы снизу отвечает за расстояние, которое добавляется после абзаца. Далее чуть ниже у нас идут настройки "Стиля текста", при этом можем выбрать стиль, который был сохранен ранее. И можем добавить тег-уровни абзаца для поисковых систем и SEO. Заголовки h1, h2, h3, h4, h5, h6 либо тег обычного текста абзаца, который стоит по умолчанию.

      На этом мы заканчиваем данный урок. Мы рассмотрели основные настройки текста в программе Adobe Muse. Выполните задание, ответьте на вопросы к этому уроку и переходите к дальнейшему обучению 

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


      Жалоба


    Отзывы пользователей


    Слава Баранов

    Про h1 h2 ... непонятно

    Поделиться отзывом


    Ссылка на отзыв
    Даниил Князев

    Все понятно, спасибо.

    Поделиться отзывом


    Ссылка на отзыв
    Genka

    +

    Поделиться отзывом


    Ссылка на отзыв
    Гость Падалко Сергей

    Интересно

    Поделиться отзывом


    Ссылка на отзыв
    Дмитрий Жуков

    Толково!

    Поделиться отзывом


    Ссылка на отзыв
    Zhanibek_jez

    понятно

    Поделиться отзывом


    Ссылка на отзыв
    Алексей

    Грамотно.

    Поделиться отзывом


    Ссылка на отзыв
    Валерий1234

    Понятно

    Поделиться отзывом


    Ссылка на отзыв
    Aspirantmiha

    Замечательно!

    Поделиться отзывом


    Ссылка на отзыв
    Андрей А

    Все понятно.

    Поделиться отзывом


    Ссылка на отзыв
    YanaZamkova

    ок, поняла!

    Поделиться отзывом


    Ссылка на отзыв
    gladir1

    Все повторила. Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    7dgoni6

    Всё понятно.

    Поделиться отзывом


    Ссылка на отзыв
    Presniakoff

    Хорошо. Все понятно

    Поделиться отзывом


    Ссылка на отзыв
    zse777

    Всё предельно понятно! Спасибо.

    Поделиться отзывом


    Ссылка на отзыв

×