Перейти к содержимому
  • Блок 3.4 - Работа с текстом на сайте

    Большой и очень важный блок про инструмент текста. Как управлять, как регулировать, как применять. Примеры, методы и решения.

    7 занятий в этой категории

    1. Инструменты текста (текстовые фреймы)

      30 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567efa60281ee_3.5.1.mp4.329779b98175c4776ee53ab8727c5332.mp4 3 До 5 минут Скрыть https://creatura.club/uploads/ Низкая сложность Скрыть

      В этом видеоуроке мы рассмотрим инструмент "Текст" в программе. Заходим в программу, создаем сайт. Для того, чтобы выбрать инструмент "Текст", мы наводим курсор мыши на панель слева и выбираем третий инструмент сверху -  "Текст", либо нажимаем горячую клавишу T. Нажимаем левой кнопкой мыши, и курсор превращается в квадрат со стрелочкой. Точно так же, как мы создавали прямоугольники в программе, создаем прямоугольник для текста. Для этого кликаем левой кнопкой мыши на странице сайта и тянем до нужных размеров. Сразу же у нас в данном прямоугольнике моргает курсор, и мы сразу можем что-то здесь написать.

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

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

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

      • 0 комментариев
      • 525 просмотров
    2. Дизайн для текста

      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 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

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

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

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

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

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

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

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

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

      • 0 комментариев
      • 460 просмотров
    3. Вебшрифты для сайта

      32 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567efbe7756bb_3.5.3(-).mp4.8a93179cc94b6126a84a6c5dd06e788b.mp4 5 До 5 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом видеоуроке мы поговорим о том, какие типы шрифтов мы можем применять к тексту в программе Adobe Muse. Заходим в программу, создаем новый проект. Давайте создадим текстовый блок, напишем в нем digitalmakers.ru Выделим текст, заходим в инструмент "Текст", увеличим размер до 48, цвет сделаем желтым и выставим буквы посередине, сделаем отступ 30. Теперь нажимаем на инструмент "Выделение", чтобы выйти в режим редактирования текстового фрейма, и выберем заливку черным цветом. Вот таким образом мы можем оформлять текст в текстовом блоке.

      При выделенном текстовом фрейме в режиме "Текстовый фрейм", доступны все эти настройки. Первая настройка - это выбор шрифта текста. Давайте зайдем сюда и рассмотрим, что у нас есть подробнее. Здесь есть последние использованные шрифты, также есть закладка веб-шрифты, где мы можем добавить свои шрифты. Также вкладка "Стандартные шрифты с резервными символами". Это шрифты, которые уже есть в программе по умолчанию. Дальше идут "Системные шрифты" и "Экспорт в виде изображений". Далее просто все веб-шрифты, которые есть в системе. 

      Для того, чтобы поменять шрифт, мы просто выбираем один из веб-шрифтов, например, Verdana или лучше даже Trebuchet. Чем же отличаются веб шрифты от стандартных системных? И что значит "Экспорт в виде изображения"? Когда мы выбираем веб-шрифт для текста, то наш текст экспортируется из программы в виде букв и символов, то есть в виде текста в прямом понимании. Если же мы выбираем системные шрифты, например, Calibri , то сбоку у вас появится значок сбуквой Т и значком картинки. Это значит, что текстовый фрейм будет экспортироваться из программы Muse в виде изображения.

      Давайте сейчас продублируем данный фрейм при выделенном фрейме нажмем "Редактировать", "Дублировать" и расположим его чуть ниже. Сейчас у нас есть 2 одинаковых тестовых фрейма и они оба имеют значок. Давайте у первого фрейма поменяем шрифт на веб-шрифт, стандартный шрифт поставим снова, сделаем оба шрифта жирным. Посмотрим в браузере эти текстовые фреймы. Заходим в "Файл" - "Предварительный просмотр страницы в браузере". Мы видим вроде бы 2 практически одинаковые картинки, но в первом случае это именно шрифт, то есть мы можем выделять текст левой кнопкой мыши, а во втором случае мы это сделать не сможем, так как текстовый фрейм у нас экспортировался как изображение. То есть мы можем открыть картинку в новой вкладке, "Сохранить картинку как", опции мы видим такие же, как есть бы у нас на сайте была расположена обычная картинка.

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

      • 0 комментариев
      • 438 просмотров
    4. Установка новых шрифтов на сайт

      33 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567f026074038_3.5.4.mp4.bb2a70062e32ba365d692ae527e53829.mp4 11 До 15 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом видеоуроке мы рассмотрим добавление и удаление веб-шрифтов в программе Adobe Muse. Заходим в программу, здесь у меня уже есть текстовый фрейм, где написано muse.digitalmakers.ru. Для добавления или удаления веб-шрифтов в программе мы заходим в меню "Файл "- "Добавить и удалить веб-шрифты". Перед нами появляется окно, где есть 3 закладки. Первая - шрифты, находящиеся в составе подписки на Creative Cloud. Это шрифты Typekit Web Fonts . Вторая - это бесплатные шрифты от Adobe Edge Web Fonts . Они отличаются тем, что первые в составе поски на СС, а вторые бесплатные шрифты от Adobe. А третья вкладка - локальные веб-шрифты, то есть добавление своих шрифтов. Нажимаем "Приступить" и видим те же 3 закладки, только в другом формате.

      Перед нами сразу открыта первая закладка. Все эти шрифты доступны в составе подписки на СС. Здесь их довольно много, поэтому для того, чтобы не потеряться в разнообразии, есть 2 кнопки: первая сортирует шрифты по популярности, новизне, имени и по количеству вариаций. Если мы нажмем "Новые шрифты", то нам в первую очередь будут показываться новые шрифты, которые только появились в Typekit. Если мы нажмем на имя, то все шрифты отсортируются по имени. По количеству вариаций отсортировываются шрифты, которые имеют в своем составе многое вариаций по начертанию одного и того же шрифта. И кнопка "Фильтра" позволяет нам отсортировать шрифты по классификации, по рекомендуемой области применения и по свойствам шрифта.

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

      Вы видите, что в закладке Веб-шрифты, у нас появилось 2 дополнительных текста. Давайте выберем одну из вариаций веб-шрифта. Вы видите, что наш текст изменил шрифт. Далее добавить веб-шрифты мы можем также прямо из этой закладки в параметрах шрифтов. Заходим сюда и нажимаем на надпись "Добавить веб-шрифты". Затем перед нами снова появляется то же самое окно. Нажимаем "Приступить к работе" и перейдем на вторую закладку Edge Web Fonts - это бесплатные шрифты от компании Adobe . Здесь мы также можем отфильтровать шрифты, но уже по гораздо меньшим параметрам, а именно по классификации и рекомендуемой области применения.

      Например, выберем шрифты без засечек и ля абзацев. Таких шрифтов в данной группе 6. Добавим ЗЕ Sans и Soursce Sans Pro. Их мы можем увидеть во вкладке "Выбранные шрифты". Снова нажимаем Ок,  шрифты добавляются в программу. Появляется окно уведомления о веб-шрифтах. нажимаем Ок. Идем теперь в настройки текста и видим,что в закладке "Веб-шрифты" добавились еще 2 шрифта, только уже из второй закладки. Значки справа показывают нам, из какой библиотеки были добавлены шрифты. Далее у нас есть возможность добавления своих веб-шрифтов в программу. Заходи снова в "Файл" - "Добавить/удалить веб-шрифты". Для того, чтобы постоянно окно не появлялось, мы можем поставить флажок "Не показывать снова" и нажать "Приступить к работе".

      Мы переходим на следующую закладку "Локальные веб-шрифты". Здесь сама программа пишет " чтобы добавить локальные веб-шрифты, используйте для веб-сайта шрифты со своего компьютера". Нужно выбрать папку либо перетащить файлы прямо в это окно. Файл веб-шрифта представляет собой набор из 3 файлов, расширения .WOFF .EOT .SVG Программа автоматически сопоставляет файлы веб-шрифтов с системными шрифтами на компьютере. Это означает то, что данный шрифт должен быть установлен на компьютере в качестве системного. Давайте нажмем на кнопку "Обзор", выберу папку, где расположен ранее скачанный веб-шрифт. Сейчас не будет видно шрифты, но если мы зайдем в папку через проводник компьютера, то вы увидите, что в папке есть еще другая папка Fonts, и в ней расположено несколько файлов, в том числе есть файлы .WOFF .WOFF2 .EOT .SVG

      Эти файлы нужны для того, чтобы программа видела шрифт как веб-шрифт. Убираем окно и выбираем папку с файлами, указанными выше. Выбираем папку и программа автоматически подхватила все 3 нужные ей шрифта. Данные шрифт должен быть предварительно установлен в качестве системного. Поэтому я снова захожу в данную папку на компьютере и нажимаю 2 раза на файле с расширением .TTF  Автоматически операционная система подхватывает данный шрифт. Закрываем данное окно, сворачиваем папку и теперь нажимаю "Далее", чтобы подтвердить, что следующие шрифты лицензированы на использовании на веб-сайте. Что это означает, вы можете почитать на данной ссылке. Нажмем здесь флажок и и кнопку "Продолжить".

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

      1 - это количество добавленных шрифтов. Нажимаем ОК, текстовый фрейм у меня выделен, заходим в настройки веб-шрифтов для данного текстового фрейма, и вижу,что в закладке веб-шрифты добавлен шрифт, также есть и ярлычок, который говорит о том, что шрифт является локальным и не относится ни к одной из библиотек программы. Если я применю шрифт к данному тексту, то вы увидите, что шрифт поменялся, и этот шрифт будет отображаться на сайте в качестве текста, поскольку мы добавляли именно веб-шрифты. Для того, чтобы удалить веб-шрифт, мы заходим снова в "Файл"- "Добавить/Удалить веб-шрифты". Если мы зайдем в "Управление", то здесь мы сможем удалять добавленные нами локальные веб-шрифты. Мы просто нажимаем на значок корзинки рядом с выбранным шрифтом, и шрифт удаляется . Внизу у нас есть уведомление о том, что удалено шрифтов 1.

      Мы можем отменить данное действие, либо нажать ОК и подтвердить удаление шрифтов - Да.  Все, шрифт удалился и мы сразу видим, что наш текст закрасился розовым цветом. Это означает, что для данного текста применен шрифт, который отсутствует в программе. Сейчас, если мы зайдем в список шрифтов, то увидим, что данного шрифта уже нет. Мы можем применить другой шрифт к данному тексту, и текст будет выглядеть снова как обычно. На этом данный урок закончен. Вам необходимо будет выполнить задание, ответить на вопросы и переходить к следующему уроку.

      • 9 комментариев
      • 655 просмотров
    5. Стили символов и абзацев

      34 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567f05d717ca1_3.5.5.mp4.959be1cbd018cb482df6be3a961dc4af.mp4 10 До 10 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом видеоуроке мы рассмотрим работу со стилями символов и абзацев в программе Adobe Muse. Заходим в программу, у меня уже есть текст текстовый фрейм с надписью muse.digitalmakers.ru и для того, чтобы нам рассмотреть, что же такое стили символов и абзацев, давайте сразу зайдем в меню "Окно" и выберем здесь "Стили абзацев". Появилось окно, которое откреплено, но для удобства его можно прикрепить к меню справа. Здесь есть "Стили символов", "Стили абзацев", "Стили маркеров" и "Стили графики".

      Что такое "Стили символов"? Например, мы заходим в редактирование данного текста и решили изменить какое-то слово, сделать его другим шрифтом, например, жирным и синего цвета. Также изменили ему размер на 48. Далее мы можем зайти в "Стили символов" и нажать на значок "Создать новый стиль на основе примененных атрибутов". При этом у нас выделено слово. Создаем новый стиль, у нас появляется новая запись "Стили символа" , кликаем по нему 2 раза. В настройках стиля сохранилась толщина "Полужирный", размер 48, цвет текста и тег span. Мы можем переименовать стиль в "Жирный синий", нажимаем Ок, и изменяется имя стиля. Дальше я могу выделить любой символ из этих слов, например, выделим букву U  и применим к ней стиль символа. Автоматически буква подхватила стиль символа и стала такой же, как и все остальные буквы.

      Мы можем выделить любые другие буквы и применить к ним также стиль символа. Для того, чтобы отменить применение стиля к данным буквам, нажимаем просто на кнопку "Отменить связь стиля с выделенной областью", тогда наше редактирование останется, а стиль данных букв отменится. Если сейчас создать новый стиль из этих обычных стандартных букв, нажмем снова "Создать новый стиль", зайдем в настройки двойным кликом мыши и нажмем здесь "Стандартный текст". Видим, что здесь размер 36, цвет черный и тег span. Нажмем ОК и у нас есть еще один стиль текста "Стандартный текст". Так вот если я сейчас выделю надпись muse и придам ей стиль текста "Стандартный текст", то она станет такой же, как и все остальные буквы. Если же я выделю muse снова и применю к нему стиль символа "Жирный синий", то эта надпись снова станет такой же, как и в данном стиле символа с настройками данного стиля символа.

      Если же я вдруг захочу изменить данный стиль, например, выделю какую-то букву и изменю цвет на красный, то в стилях символов появится значок + - это означает то, что стиль символа претерпел некоторые изменения. То есть изменения в данном случае касается цвета. Далее можем нажать на кнопку "Переопределить стиль на основе примененных атрибутов", и все те буквы, к которым был применен данный стиль, автоматически изменят свои характеристики в соответствие с тем, как изменился данный стиль. Если же мы сейчас кликнем 2 раза левой кнопкой мыши по нему, то увидим, что данный стиль уже имеет красный цвет. Мы можем переименовать его в "Жирный красный", нажимаем Ок. Вот атаким образом работают "Стили символов".

      Что такое "Стили абзацев"? Создадим новый текстовый фрейм. Зайдем в браузер на сайт fishtext.ru для генерации абзацев. Выделим данный текст и скопируем его в программу. Таким образом есть 2 абзаца текста, которые были сгенерированы на другом сайте. Давайте зададим тексту некоторое форматирование. Идем в "Текст", выравним по правому и левому краю, то есть по ширине данного текстового фрейма. Сделаем некоторый отступ левого поля. Также сделаем абзацы, выделим и сделаем отступ правого поля. То есть мы захотели, чтобы у нас было такое форматирование в данном текстовом блоке. Давайте изменим еще и размер шрифта на 16 сам шрифт Pt Sans. Далее идем в "Стили абзацев", нажимаем кнопку "Создать новый стиль на основе примененных атрибутов". И новый стиль появился. Если мы нажмем на него 2 раза левой кнопкой мыши, то у нас выскакивают настройки стиля абзацев. Здесь сохранился отступ 39, отступ слева-29, выравнивание по ширине, отступ справа - 35, размер текста 16, тег html и шрифт  Pt Sans. Здесь мы можем задать имя данного стиля, назовем его "Простой текст".

      И теперь создадим еще один текстовый фрейм, пускай текст у нас будет точно такой же. Но текст вставится неотформатированный. Поэтому выберем инструмент "Выделение", выделим тестовый фрейм, перейдем в "Стили абзацев", чтобы выбрать "Простой текст". Теперь после одного нажатия кнопки мыши мы отформатировали этот текст точно так же, как и в предыдущем текстовом фрейме. Теперь к данным текстовым фреймам применен стиль абзацев "Простой текст". Если сейчас в одном из них мы захотим внести некоторые изменения, например, шрифт 12, то снова заходим в "Стили абзацев", и видим, что напротив нашего стиля появился +. Стали доступны дополнительные настройки. Нажимаем "Переопределить выбранный стиль на основе примененных атрибутов", и вы видите как при одном клике мышки изменилось форматирование и в обоих текстовых фреймах. Если бы у нас таких текстовых фреймов с текстом было, например штук 10, то одним кликом мышки "Переопределить стиль на основе новых атрибутов" мы бы изменили форматирование всех фреймов, к которымм был применен стиль абзацев "Простой текст".

      Точно так же, как и со "Стилями графики" мы можем "Отменить связь стиля с выделенной областью", и этот стиль абзаца уже не будет воздействовать на другой текст. Например, изменяем снова шрифт у текста на 14, заходим в "Стили абзацев", нажимаем "Переопределить стиль на основе новых атрибутов", то стиль у нас атрибуты поменял, а данный текстовый фрейм каким был, таким и остался, поскольку стиль абзацев "Простой текст " уже на него не воздействует. Мы отвязали данный стиль от текста. Все атрибуты, которые сохраняет стиль, вы можете увидеть, нажав двойным кликом мышки на имени стиля. Тогда у вас выскакивает окно с настройками стиля. Можете посмотреть, какие именно настройки будут применяться к тексту, к которому применен данный стиль. Вы видите, что для стилей абзацев это в основном абзацный отступ, выравнивание, шрифт, размер шрифта и тег абзаца. А для стилей символов это в основном толщина символа, размер символа, цвет и тег. Здесь уже речь о каких-то отступах не идет.

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

      • 0 комментариев
      • 526 просмотров
    6. Нумерованные и маркерованные списки

      35 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567f074034315_3.5.6().mp4.4fcc3a7df5f78e097e04fa07682e50d3.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В данном уроке мы рассмотрим работу со списками в программе Adobe Mus. Заходим в программу, у меня уже создан проект и текстовый фрейм, добавлен текст, и в данном тексте есть 2 абзаца. Программа позволяет нам быстро создавать списки. Допустим, у нас во втором абзаце есть некий список, здесь стоит двоеточие, и идет несколько фраз по списку или слов. Так вот, выделив данные элементы списка, мы можем перейти в настройки, которые находятся в верхней части программы, в верхнем меню программы, и выбрать здесь символ, который будет сопровождать данные списки. Автоматически у нас появились точки возле каждого пункта из списка. Далее мы можем изменить эти точки на любой другой символ, например, на кружочки или тире, а также можем добавить свой новый символ из любого из шрифтов, которые есть у нас в программе.

      Например, возьмем шрифт Tribushet , отсортируем символы и выберем интересную стрелку для символа пунктуации. И этот же элемент у нас появляется в списке тех элементов, которые мы можем применить для обозначения строк списка. Автоматически он применился к данному списку, а вы можете выбрать несколько различных символов. И все эти символы будут отображаться в ячейках. Нажимаем Ок. Также для формирования списка вы можете применять цифры, например, есть окно, где вы сможете выбирать то, каким образом будет формироваться ваш список: либо это будут арабские, либо римские цифры, либо цифры с точкой, со скобкой и т. д. Также это могут быть буквы маленькие, большие, с точками, со скобками. То есть здесь вариантов очень много. Здесь уже что-то добавлять или изменять мы не можем.

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

      • 2 комментария
      • 416 просмотров
    7. Управление глифами

      36 4, 25, 6, 20, 3, 26, 27, 28, 29 4, 6, 32 https://creatura.club/uploads/monthly_2015_12/567f0c860f04c_3.5.7.mp4.c93bc4a690ad53bcc9ea90dbb7c00caa.mp4 4 До 5 минут Скрыть https://creatura.club/uploads/ Средняя сложность Скрыть

      В этом видеоуроке мы рассмотрим работу с панелью "Глифы" в программе Adobe Muse. Заходим в программу, у меня уже открыт новый проект, и рассмотрим, что такое панель "Глифы" и для чего она нужна. Для того, чтобы вызвать панель "Глифы", мы должны зайти в меню"Окно", и выбрать здесь "Глифы." У нас появится дополнительная панель, которая называется "Глифы". Давайте создадим новый текстовый фрейм, и мы видим, что у нас в панели "Глифы" появились некоторые элементы. Любую панель в программе можно растягивать за ее края для удобства. Это тоже очень здорово. Панель "Глифы" позволяет нам вставлять на сайт в виде текста такие символы, которые недоступны на стандартной клавиатуре. Например, если мы сейчас в режиме "Редактирование текста" зайдем и выберем какой-либо шрифт и снова зайдем в панель" Глифы", увидим, что все символы панели "Глифы" взяты из данного шрифта, который мы только что применили к текстовому фрейму.

      Еще раз замечу, что сейчас данный текстовый фрейм находится в режиме "Текст". Если мы выйдем из этого режима, то есть войдем в режим текстового фрейма, то и панель "Глифы" станет пустой. Давайте вставим некий символ, которого у нас нет на клавиатуре, например, стрелочку. Сделаем ее 72 размером. В чем же преимущетво использования этих символов? В том, что, применяя глифы в виде таких картинок, символ ничего не весит, и сайт не перезагружается отдельными картинками. Если мы нажмем режим "Просмотр", то увидим, что стрелочка является текстом. И мы можем совершать с ней все те же операции, как с обычным текстом. Заходим снова в режим "Дизайн", кликаем 2 раза по текстовому фрейму, переходим в режим "Текст", зайдем снова в панель "Глифы". Посмотрим, чем мы можем управлять на данной панели.

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

      Далее в нижней части панели есть еще 2 кнопки. Одна позволяет нам увеличить символы, которые будут отображаться в панели Глифы, а вторая позволяет уменьшить. Это тоже очень удобно при поиске нужного символа. Более в данной панели нет никаких настроек. Вы создаете текстовый фрейм, выбираете символ, который хотите в нем разместить, и редактируете его при помощи стандартных параметров текста. На этом урок закончен. Выполните задание к данному уроку, ответьте на вопросы и переходите к следующему уроку.

      • 0 комментариев
      • 831 просмотр
×