Как создать web-страницу в дизайнере контента

Чтобы создать web-страницу в дизайнере, необходимо выполнить следующие действия:

•Определить свойства страницы;

•Добавить необходимые блоки из библиотеки;

•Расположить блоки в нужном порядке на странице;

•Отредактировать элементы контента.

На заметку

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

Как определить свойства web-страницы

В дизайнере контента вы можете задать ширину web-страницы, а также цвет ее фона.

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

Рис. 225 — Определение цвета фона web-страницы

 

Чтобы задать ширину web-страницы, введите в поле [px] значение ширины в пикселях.

Как управлять блоками web-страницы

Чтобы добавить блок контента на web-страницу, выберите необходимый блок в библиотеке и, удерживая левую клавишу мыши, перетащите его в рабочую область дизайнера (Рис. 226).

Рис. 226 — Добавление блока на web-страницу

 

В результате на web-страницу будет добавлен новый блок.

На заметку

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

Чтобы изменить расположение блока на странице:

1.Щелкните по блоку в рабочей области дизайнера.

2.В меню управления блоком, которое появится справа, нажмите на кнопку  и, удерживая ее, перетащите блок в нужное положение на странице.

В результате блок будет помещен в указанную позицию.

Чтобы удалить блок со страницы:

1.Щелкните по блоку в рабочей области дизайнера.

2.В меню управления блока, которое появится справа, нажмите на кнопку .

В результате блок будет удален со страницы.

Как управлять наполнением базовых элементов

Каждый элемент дизайнера контента имеет панель инструментов, которая позволяет управлять его наполнением. Чтобы отобразить панель, щелкните мышью по элементу.

Как редактировать текст

Используйте панель инструментов элемента (Рис. 227), чтобы отформатировать текст, например, изменить размер шрифта, выделить необходимые слова, вставить гиперссылку и т. д.

Рис. 227 — Панель инструментов текстового элемента

 

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

Как работать с изображениями

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

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

Как работать с HTML-элементами

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

Чтобы отредактировать наполнение html-элемента непосредственно в рабочей области дизайнера, нажмите на кнопку  панели инструментов элемента и в открывшемся окне внесите необходимые изменения.

Чтобы очистить наполнение html-элемента, выделите необходимый html-элемент и нажмите на кнопку появившейся панели инструментов.