Як перетворити HTML-сторінку на електронну пошту

click fraud protection
...

Перетворіть свої HTML-сторінки в повідомлення електронної пошти.

Ваша веб-сторінка мови гіпертекстової розмітки (HTML) містить макет, який ви віддаєте перевагу. Спробуйте відтворити цей дисплей у повідомленні електронної пошти, щоб створити більш нестандартний і професійний зовнішній вигляд. Це часто збиває з пантелику, коли намагається визначити, як виконати це завдання, на щастя, доступні обхідні шляхи HTML. Використовуючи програму текстового редактора, яка постачається разом із комп’ютером та програмою електронної пошти, перетворіть наявний HTML-документ у повідомлення електронної пошти, яке одержувачі зможуть успішно переглядати.

Крок 1

Запустіть програму текстового редактора та відкрийте сторінку HTML. Крім того, створіть новий файл HTML.

Відео дня

Крок 2

Переконайтеся, що ваша HTML-сторінка містить абсолютні URL-адреси, які є повними веб-адресами. Наприклад, "ім'я_папки/image.jpg" не може відображатися в електронній пошті, але "http://www.yourdomain.com/folder_name/image.jpg" може.

Крок 3

Введіть код у новий файл, який створює таблицю. Створіть базовий макет з одним рядком, одним стовпцем, як показано нижче:

Таблиця діє як контейнер для вмісту вашої HTML-сторінки, щоб вона успішно переглядалася в повідомленні електронної пошти.

Крок 4

Скопіюйте вміст із наявної сторінки HTML і вставте його між тегами даних таблиці «». Якщо вам потрібен додатковий стовпець, щоб розрізняти ліву та праву частину сторінки, введіть інший набір тегів даних таблиці після вихідного набору. Наприклад: Вміст лівого стовпця Вміст правого стовпця

Крок 5

Вставте будь-які вбудовані стилі, щоб відформатувати вміст, як вам подобається. Вбудовані стилі замінюють існуючі каскадні таблиці стилів (CSS), оскільки вони, швидше за все, будуть правильно відображатися (відображатися) у програмі електронної пошти. Наприклад, призначте розмір шрифту, колір і тип абзацу таким чином:

Текст вашого абзацу тут

Крок 6

Збережіть файл і помістіть цей документ на свій веб-хост. Якщо у вас немає хоста, скористайтеся безкоштовним сервісом, таким як FileFactory або MediaFire, і запишіть URL-адресу після завершення завантаження файлу (див. Ресурси).

Крок 7

Створіть нове повідомлення електронної пошти. Використовуйте меню «Вставка» у більшості програм, щоб вставити HTML-файл у тіло електронного листа. В іншому випадку для Mac OS X Mail введіть URL-адресу з кроку 4 у веб-браузері Safari та натисніть кнопки «Команда» та «I» на клавіатурі, щоб автоматично завантажити HTML у повідомленні.

Речі, які вам знадобляться

  • Додаток для текстового редактора

  • Програма електронної пошти

Порада

Надішліть собі копію свого HTML-повідомлення електронної пошти, щоб переконатися, що дисплей добре виглядає, перш ніж надсилати його іншим людям.

Увага

Не включайте в повідомлення електронної пошти нічого крім HTML, наприклад javascript або flash, оскільки більшість одержувачів не зможуть правильно переглянути вашу нотатку.