如何創建HTML字母：分步指導

郵件列表是營銷活動的重要組成部分。 在許多方面為他們創建信件類似於簡單網頁的開發。 同時應考慮到一些重要的區別。 特別是，HTML信件的發送只有在技術意義上被正確地編譯並且內容和風格符合你的目標才有效。 同時，有人認為外行人無法應付這項任務。 本文提供了有關如何編寫和如何發送HTML字母的詳細分步指導。

創作特點

現代人每天平均收到5-6個，有時甚至10個電子郵件。 這意味著你只有不到一秒的時間才能吸引收件人的注意力，然後再繼續閱讀下一封信件。 否則，你發送的HTML信件將是絕對低效的，你只會浪費時間。

增加吸引潛在客戶或其他目標受眾注意的機會的細微差別之一就是創建適用於移動設備的通信。 畢竟，大多數尋求郵件的人肯定比台式電腦和筆記本電腦更頻繁地使用它們。

為此，您可以使用例如“響應式設計”，輕鬆適應屏幕尺寸。

信件模板應該是什麼樣的？

當您製作發送給記者的文件時，應遵守以下要求：

• 它應該做得足夠窄，即尺寸不應超過500-600像素的範圍，這將確保在任何類型的設備上正確顯示文本和其他內容。
• 對於所有文本信息，必須使用相當大的字體，因為在iOS設備上，如果字體大小小於13像素，則HTML字母將不方便閱讀。
• 可以點擊的元素應該足夠大，與最近的鏈接隔離。 在這種情況下，收件人可以從第一次嘗試中輕鬆啟動它們。

準備

在開發基於HTML的信件之前，您應該在其中一個磁盤上創建一個新的文件夾，並將其命名，例如“通訊”。 另外，您必須下載並安裝Dreamweaver CS3。 Adobe的此產品是構建網站的相當簡單的工具之一，非常適合開發HTML格式的電子郵件。

創建並保存文檔

在寫信之前，您需要：

• 打開一個相當受歡迎的程序設計師HTML字母Dreamweaver CS3（DW）;
• 選擇“過渡HTML 4.01”作為類型創建文檔;
• 使用擴展名“.html”保存文件;
• 在頂部菜單中，找到編輯命令;
• 從復選框“使用CSS而不是HTML標籤”刪除一個勾號。

分步指導

現在，考慮如何創建一個HTML文字。 為此：

• 連續打開菜單中的“插入”和“表”選項卡，並設置必要的表參數。 例如，行 - 2，列 - 1，寬度 - 700，標題 - 從上面。 可以設置邊框，但是您可以不使用邊框，表示為0。
• 填寫信件的標題。 由於HTML字母適用於較大數量的收件人，因此使用[first_name]運算符代替收件人的所需名稱。
• 在下面的“屬性”窗口中，設置字體所需的參數，標題文本的大小和顏色以及 背景顏色。
• “退出”從標題區域。 在屏幕底部，您可以設置光標“中心”和“中間”的參數。
• 我們粘貼字母的完成文本或直接在DW程序中“寫”，選擇所需 的字體 類型和 大小 以及頁面上文本的位置。

創建超文本鏈接

我們將嘗試使HTML字母更專業和更先進。 為此，我們將內容中的超文本鏈接隱藏起來。 為此，請選擇文本中被選為超文本鏈接的位置。 在屏幕頂部的左上角，您應該“打開”相應的圖標，並將鏈接插入到下拉框中。 同時，不要忘記在復選框“_blank”中放置一個複選框，以便鏈接在新窗口中打開，收件人在查看後不會訪問主信件。

如何插入圖片

通常，HTML格式的信件以聯繫信息結尾，最好與作者的照片或合適的專題圖片一起出現。 它可以從互聯網上下載或預先加載到因特網上，因為您將需要此圖像的URL。 最好的方法是通過免費服務之一。

為了設計如此美好的結局：

• 插入字母的底部，在主表內，另有3列，邊框參數為0像素;
• 將光標放在桌子上想要看到的地方;
• 注意在每個部分的底部窗口“中間”和“在頂部邊緣”;
• 選擇頂部菜單中的“插入”選項卡;
• 點擊題字“圖像”，並在下拉菜單中粘貼複製的地址;
• 按“Ok”2次。

看裡面

現在你知道如何製作一個HTML信件，你應該確保收件人以正確的形式看到它。 為此，在發送之前，您需要在Dreamweaver CS3瀏覽器中查看您的工作。 為此，請點擊中間上部菜單中的地球儀的圖標。 如果屏幕上沒有字母出現abracedabra，那麼您應該放在瀏覽器的自動編碼設置中。

編碼

從“項目”部分去代碼部分 - “代碼”。 在打開的窗口中，選擇並複制包含在和標籤之間的所有內容。 保存文件。 然後粘貼HTML代碼。

發送一條HTML消息

為了進行調度，打開SmartResponder（SR）。 則：

• 填寫“姓名”和“發件人地址”選擇或創建新信。
• 填寫“信件主題”;
• 標記在左上角的菜單中的HTML代碼;
• 將復製到DW代碼中的代碼插入到大的“Source”字段中;
• 通過“預覽”工具檢查顯示的正確性;
• 刪除文字的文字版本;
• 使用位於“發送”按鈕旁邊的相同名稱的按鈕測試垃圾郵件。

一些流行的模板

使用框架有助於大大加快寫信的過程，並使開發人員更容易訪問，該開發人員仍在學習創建Web文檔的基礎知識。 最受歡迎的模板是：

• 塞伯魯斯 這套所謂的響應模板允許您創建通常在移動Gmail應用程序和Outlook中顯示的字母。 它允許您單獨使用HTML代碼塊或通過組合它們。
• 墨水是準備的信件，其發送幾乎是通用的，與任何設備和客戶端兼容。
• 真正簡單的HTML電子郵件模板。 該模板允許您非常簡單快速地創建郵寄信件。 的確，他們將以單列的形式進行非常簡單的設計，其中一個行動起訴結束。

如何將HTML插入消息

現在讓我們考慮一個有些不同的問題。 要將HTML代碼插入到電子郵件中，例如，gmail使用，如下面的示例中的Google Chrome瀏覽器，您應該：

• 按“F12”按鈕或在菜單中選擇相應的命令順序;
• 在打開的窗口中，使用gmail客戶端當前頁面的代碼，找到要插入HTML字母的位置，右鍵單擊並選擇“編輯為HTML”。
• 插入複製的HTML代碼;
• 按兩個鍵“Ctrl”和“Enter”的組合。

為了同樣的目的，您可以下載一個簡單的Mozilla雷鳥程序。 使用它，您可以創建一個字母，然後首先選擇“粘貼”，然後選擇“HTML”，然後插入郵件的代碼。

儀器

Wordpress插件電子通訊允許您專業地管理郵件列表和訂閱者。 兩者都可以直接通過WordPress管理面板完成。 這種情況提供完全的控制，是完全免費的，不能不高興。

另一個簡單的工具 - 防彈背景圖片，這是一個簡單的工具，允許您獲取創建的字母的背景圖像的代碼。 借助它，您可以使通信更美麗。 要設計消息，只需指出您喜歡的背景圖像的URL及其備份顏色，以及這些參數是否應該應用於HTML消息的整體，或者僅適用於其中一個表格單元格。 因此，您將收到要復制並粘貼到模板中的現成代碼。

現在你知道如何發送一封HTML信件。 它的創作並不是特別困難，特別是如果您使用現成的模板，網絡上不存在缺陷。 因此即使是那些沒有特殊知識的人也能輕易應付這個任務。