Создание сайта-заглушки: Урок #6

В данном уроке мы покажем вам, как добавлять и редактировать текст на странице сайта.

Скачать все файлы к курсу «Сайт-заглушка»

Работа с текстом

Шаг #1. В разделе «Медиа» на панели инструментов выберите «Текст» → перетащите элемент в среду визуальной верстки (важно, чтобы элемент располагался ниже логотипа).

Шаг #2. Над текстом (в верхнем левом углу) появятся иконки с возможными действиями → нажмите на иконку «Настройки» (знак шестеренки) → выберите стиль текста (Текст белый (32 px) medium).

Шаг #3. Над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (8 800 000 00 00/ +7 499 000 00 00) → выделите данный текст → в текстовом редакторе выберите ориентацию текста по правой стороне.

Шаг #5. Нажмите на созданный текст → в появившейся панели переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, справа) → укажите отступы от базовой точки (слева: 10 px).

Шаг #6. Выровняйте созданный текст по уровню логотипа → выделите текст и логотип одновременно → в появившейся панели переключитесь во вкладку «Выравнивание» → выберите «Вертикальное выравнивание» по верху.

Шаг #7. Аналогичным образом разместите остальной текст → в разделе «Медиа» на панели инструментов выберите «Текст» → перетащите элемент в среду визуальной верстки → над текстом (в верхнем левом углу) появятся иконки с возможными действиями → нажмите на иконку «Настройки» (знак шестеренки) → выберите стиль текста (Текст белый (22 px)) → над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (г. Москва, Пресненская наб., 2) → нажмите на созданный текст → в появившейся панели переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, слева) → укажите отступы от базовой точки (по оси x: 10 px).

Выровняйте созданный текст по уровню с текстом (8 800 000 00 00/ +7 499 000 00 00) → выделите оба текста одновременно → в появившейся панели переключитесь во вкладку «Выравнивание» → выберите «Вертикальное выравнивание» по верху.

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

Шаг #8. Аналогичным образом разместите остальной текст → в разделе «Медиа» на панели инструментов выберите «Текст» → перетащите элемент в среду визуальной верстки → над текстом (в верхнем левом углу) появятся иконки с возможными действиями → нажмите на иконку «Настройки» (знак шестеренки) → выберите стиль текста (Текст белый (82 px)) → над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (КОМПЛИМЕНТ ОТ САЛОНА) → выделите данный текст → в текстовом редакторе выберите ориентацию текста по центру.

Нажмите на созданный текст → в появившейся панели переключитесь во вкладку «Ориентация» → укажите ориентацию объекта (сверху, по центру) → укажите отступы от базовой точки (по оси x: 0 px, по оси y: 418 px).

Шаг #9. Аналогичным образом разместите остальной текст → в разделе «Медиа» на панели инструментов выберите «Текст» → перетащите элемент в среду визуальной верстки → над текстом (в верхнем левом углу) появятся иконки с возможными действиями → нажмите на иконку «Настройки» (знак шестеренки) → выберите стиль текста (Текст белый (32 px)) → над текстом (в верхнем левом углу) нажмите на иконку «Редактировать» (знак карандаша) → вставьте или наберите текст (Массаж 30 минут при первичном посещении) → выделите данный текст → в текстовом редакторе выберите ориентацию текста по центру.

В следующем уроке вы узнаете, как добавить элемент «Кнопка».

Была ли полезна для вас данная статья?