Создание сайта-заглушки


Урок #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 минут при первичном посещении) → выделите данный текст → в текстовом редакторе выберите ориентацию текста по центру. 


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


 

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