Оформление проекта без кода и с кодом html
Original size 2481x3501

Оформление проекта без кода и с кодом html

PROTECT STATUS: not protected
187

Дополнительные инструменты

Чтобы улучшить ваш проект, познакомимся с дополнительными инструментами. Рассмотрим как работать с текстом, рекомендациями по загрузке обложки и работе с изображениями.

Также в данной теме будут даны html коды, которыми можно воспользоваться при оформлении заголовков, списков, кнопок и многого другого.

Оформление текста

Для начала посмотрим какие инструменты можно применить при оформлении текста.

Типограф

Для оформления текста вы можете воспользоваться Типографом, благодаря которому в тексте не будет висячих предлогов, тире.

Неразрывный пробел

Если вы хотите добавить неразрывный пробел при помощи клавиатуры, то можете ввести:

Windows: Alt+0160 Alt+255

MacOS: Option+пробел

Тире

А если вам необходимо ввести тире, длинное или короткое, то используйте данные коды, в зависимости от вашего устройства.

Длинное тире: —

Windows: Alt+0151

MacOS: Option+ Shift+ —

Короткое тире: —

Windows: Alt + 0150

MacOS: Option+ –

Обложка

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

Original size 3500x1686

Коллажи

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

Original size 3500x1686

Применение кода HTML

Для удобного использования кода, вы можете перейти по ссылке и скопировать все необходимые вам элементы, чтобы не печатать их вручную.

Подробнее о каждом из них будет рассказано далее.

Заголовки

Для того, чтобы сделать заголовок для текста больше или меньше, введите код, как обычный текст в текстовый блок, после чего нажмите кнопку «Сохранить».

Original size 3500x1686

Код преобразуется после сохранения. Вы можете менять номер в коде после буквы h, чтобы выбрать размер заголовка. На слайде представлены все варианты, но вам необязательно вводить все, вы можете выбрать и использовать только один, два или столько, сколько вам нужно.

Original size 3500x1686

Начертания

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

Original size 3500x1686
Original size 3500x1686

Списки

Для того, чтобы оформить список вы можете выбрать вариант с цифрами, маркерами или с заголовками.

Вы также выбираете код, пишите необходимый текст и сохраняете.

Далее будет демонстрация того, как это происходит в каждом из вариантов.

Нумерованный список

Original size 3500x1686
Original size 3500x1686

Маркированный список

Original size 3500x1686
Original size 3500x1686

Список с заголовками

Original size 3500x1686
Original size 3500x1686

Изменение цвета текста

Если вам необходимо изменить цвет текста, то вы также пишите код, в нужное поле вводите текст и сохраняете.

Обратите внимание, что в режиме радактирования особых изменений не будет. Для того, чтобы посмотреть результат, вам необходимо нажать на кнопку «Превью», тогда код сработает. После просмотра можно выйти из превью и продолжить редактирование.

Original size 3500x1686
Original size 3500x1686
Original size 3500x1686

Оформление гиперссылки

При оформлении гиперссылки результат также будет виден не сразу после сохранения текстового блока, а в превью.

Original size 3500x1686
Original size 3500x1686

Кнопка с ссылкой (можно изменить цвет при наведении)

Также происходит и при вводе кода для создания кнопки. Вы сможете увидеть ее только при переходе в «Превью».

Original size 3500x1686
Original size 3500x1686
Original size 3500x1686
Оформление проекта без кода и с кодом html
187
Chapter:
2
3
4
5
6
We use cookies to improve the operation of the HSE website and to enhance its usability. More detailed information on the use of cookies can be fou...
Show more