Как создать электронную почту в формате HTML в Dreamweaver

Dreamweaver, инструмент веб-разработки Adobe, позволяет создавать HTML-документ любого типа, например веб-страницу или сообщение электронной почты. Если вы знакомы с написанием разметки HTML, вы можете использовать представление «Код», чтобы ввести электронное письмо с тегами HTML. Если вы предпочитаете визуальное оформление электронной почты, Dreamweaver предоставляет большую часть возможностей форматирования, предоставляемых программой обработки текстов. Вы также можете выбрать раздельное представление, чтобы одновременно видеть на одном экране и представление кода, и представление дисплея.

Установить форматирование

Шаг 1

Запустите Dreamweaver и выберите «HTML» в столбце «Создать новый».

Шаг 2

Нажмите кнопку "Дизайн" вверху, чтобы перейти из представления "Код" в представление "Дизайн", если оно еще не выбрано.

Шаг 3

Нажмите кнопку «Свойства страницы...» в окне «Свойства» в нижней части экрана, а затем выберите шрифт и размер по умолчанию, цвет текста, цвет фона или изображения, если они есть, и поля страницы.

Шаг 4

Выберите «Ссылки (CSS)» в столбце «Категория», а затем выберите шрифт, размер и цвет ссылок в сообщении в зависимости от положения мыши, например при наведении указателя мыши, и статуса ссылки, например, активной или посещенной. Выберите стиль подчеркивания для ссылок в сообщении.

Шаг 5

Нажмите «:Заголовки (CSS)» в столбце «Категория», а затем выберите шрифт, размер и цвет для различных заголовков, которые вы хотите использовать в своем сообщении.

Шаг 6

Выберите «Заголовок (Кодировка)» в столбце «Категория», введите заголовок документа, например тему сообщения, а затем выберите тип документа, например «HTML5», и кодировку символов, например «Юникод (UTF-8). )". Когда закончите, нажмите "ОК".

Тип и формат сообщения

Шаг 1

Введите сообщение электронной почты на пустой экран. Отформатируйте текст, применив стили из окна «Свойства» в нижней части экрана по мере ввода сообщения или после его ввода.

Шаг 2

Выберите тип заголовка в поле «Формат» окна «Свойства», чтобы оформить текст как заголовок. Нажмите "B", чтобы сделать текст полужирным, или "I", чтобы выделить его курсивом.

Шаг 3

Выделите в своем сообщении текст, который вы хотите оформить как неупорядоченный или упорядоченный список, а затем нажмите кнопку «Неупорядоченный список» или «Упорядоченный список» в окне «Свойства». Нажмите кнопку «Цитата», чтобы отформатировать текст как цитату; нажмите кнопку «Удалить цитату», чтобы удалить форматирование.

Шаг 4

Выделите текст, который хотите превратить в интерактивную ссылку, а затем введите URL-адрес ссылки в поле «Ссылка» в окне «Свойства». Выберите, как вы хотите, чтобы ссылка открывалась в поле выбора цели. Например, выберите "_blank", чтобы ссылка открывалась в новом окне.

Шаг 5

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

Шаг 6

Выберите «Вставить», нажмите «Изображение», а затем снова выберите «Изображение», чтобы вставить изображение. Найдите и выберите файл изображения для отображения. Отрегулируйте положение изображения в сообщении, перетащив его мышью.

Предварительный просмотр и передача

Шаг 1

Выберите «Файл», нажмите «Просмотр в браузере», а затем выберите браузер, если у вас установлено несколько браузеров, для предварительного просмотра сообщения электронной почты и его форматирования. Нажмите на гиперссылки, включенные в сообщение, чтобы убедиться, что они корректно разрешаются.

Шаг 2

Нажмите «Ctrl-A», чтобы выделить сообщение целиком, а затем нажмите «Ctrl-C», чтобы скопировать его. Переключитесь на программу электронной почты, создайте новое сообщение электронной почты и при необходимости измените тип сообщения на "HTML".

Шаг 3

Нажмите «Ctrl-V», чтобы вставить сообщение в свою программу электронной почты. Адресуйте сообщение получателям, введите тему сообщения и отправьте его.

Совет

Проверьте электронное письмо, отправив его себе, прежде чем отправлять его другим людям, чтобы убедиться, что HTML-код был правильно интерпретирован и отправлен.

Предупреждение

Информация в этой статье относится к Dreamweaver CC. Он может незначительно или значительно отличаться от других версий или продуктов.