如何制作圖文并茂的網(wǎng)頁郵件

如何自設(shè)計圖文并茂的

網(wǎng)頁式電子郵件PART1概念什么是網(wǎng)頁式電子郵件？顧名思義，就是網(wǎng)頁形式的電子郵件。圖文并茂，更能奪人眼球有文字、有圖片，信息量大有鏈接，點(diǎn)擊后能轉(zhuǎn)到自己的網(wǎng)站投遞速度快、且可個性化定制成本低，廣告效果好PART2準(zhǔn)備1.登錄打開瀏覽器，在地址欄中輸入：

用自己的用戶名和密碼登錄（如果沒有，可以免費(fèi)注冊）2.郵件資料的準(zhǔn)備1、選擇郵件樣式點(diǎn)擊菜單欄“如何HOW”，打開新頁面，點(diǎn)擊模板樣式列表，請選擇一個適合自己的模板樣式的圖片，依據(jù)此模板樣式圖片來準(zhǔn)備郵件所需要的文字和圖片資料。2、文字資料的準(zhǔn)備依據(jù)模板圖片來準(zhǔn)備郵件的文字內(nèi)容，以方便您在定制時能直接復(fù)制文字，以加快定制速度。保存為文本文件即可。3、郵件圖片的準(zhǔn)備依據(jù)模板圖片來準(zhǔn)備或設(shè)計郵件需要的圖片，并將其上傳到互聯(lián)網(wǎng)上，并且人人可查看。上傳后需要獲取并記錄圖片的網(wǎng)址，以備定制時使用。3.圖片的要求1）圖片必須使用絕對URL地址正確的網(wǎng)絡(luò)地址(URL)的類似寫法：

http:///images/logo.png錯誤的網(wǎng)絡(luò)地址(URL)寫法：

/images/logo.png2）必須有查看圖片的權(quán)限圖片必須上傳到互聯(lián)網(wǎng)中，并且可可公共訪問，否則，您所定制的郵件中的圖片會無法顯示。3.1IE瀏覽器獲取圖片的URL地址溫馨提示：不同的瀏覽器獲取圖片URL地址的方法有所不同，IE瀏覽器獲取您所上傳的圖片URL地址的方法如下。用瀏覽器打開圖片，右鍵點(diǎn)擊圖片，出現(xiàn)右鍵菜單點(diǎn)擊屬性選中圖片的URL地址復(fù)制并保存此圖像的URL地址到文本文件中備用。3.2其他瀏覽器獲取圖片的URL地址方法溫馨提示：不同的瀏覽器獲取圖片URL地址的方法有所不同，其他瀏覽器獲取您所上傳的圖片URL地址的方法如下。用瀏覽器打開圖片，右鍵點(diǎn)擊圖片，出現(xiàn)右鍵菜單點(diǎn)擊“復(fù)制圖像地址”保存此圖像的URL地址到文本文件中備用。PART3設(shè)計與定制自設(shè)計網(wǎng)頁郵件的步驟1、選擇模板2、設(shè)計或編輯郵件包括編輯文字、更改圖片、插入新圖片、修改顏色等。3、添加元素（可選項(xiàng)）4、生成郵件代碼1.選擇模板點(diǎn)擊菜單上的“開始定制CUSTOMIZE”注：如果沒有購買定制服務(wù)，請先行購買，否則會提示無權(quán)限。選擇模板點(diǎn)擊右側(cè)模板區(qū)的模板(Template)標(biāo)簽，然后點(diǎn)擊類型，比如“Email”單選按鈕，會列出可供選擇的模板，選擇一個適合自己的模板，點(diǎn)擊縮略圖，將其插入到編輯區(qū)。2.1編輯文字選中文字在編輯區(qū)用鼠標(biāo)選中相應(yīng)的文字，或者點(diǎn)擊需要添加文字的位置。更換或添加文字直接更換成自己的文字內(nèi)容，或添加自己的文字內(nèi)容。更換文字顏色或背景在左側(cè)顏色區(qū)選中“文本顏色Textcolor”，然后在取色器上拖動鼠標(biāo)即可動態(tài)更換顏色。同理如果您選中的是“文本背景色Textbackground”，則更換的是文本背景色。2.2更換圖片雙擊圖片雙擊圖片會打開圖片屬性。更換圖片地址在圖片信息的URL輸入框中輸入您自己的圖片地址，就會換為自己的圖片。更改圖片大小修改圖片的寬度和高度就會修改圖像大小，但需要注意協(xié)調(diào)性。添加邊框在“邊框大小”中輸入數(shù)值，比如1，圖片就會出現(xiàn)邊框。添加鏈接在鏈接的URL輸入框中輸入您自己的網(wǎng)站地址，就會在客戶點(diǎn)擊時轉(zhuǎn)到您的網(wǎng)站。2.3插入新圖片方法一上傳圖片點(diǎn)擊右側(cè)模板區(qū)的“圖像”標(biāo)簽，在自己的計算機(jī)中選擇一個圖片，將其上傳到肯為旎DIY的網(wǎng)站中（注：圖片只會保留10天，但可以購買保存服務(wù)）。定位圖片位置在編輯區(qū)中用鼠標(biāo)點(diǎn)擊需要添加圖片的位置。點(diǎn)擊插入(Insert)按鈕在“圖像”標(biāo)簽區(qū)域中，點(diǎn)擊插入(Insert)按鈕，將圖片插入。更改屬性請按照上面的更換圖片(2.2)的方法修改屬性即可，此處不再贅述。2.4插入新圖片方法二定位圖片位置在編輯區(qū)中用鼠標(biāo)點(diǎn)擊需要添加圖片的位置。點(diǎn)擊插入圖片按鈕在編輯區(qū)上方的工具欄中用鼠標(biāo)點(diǎn)擊插入圖片的按鈕，會打開圖像信息的屬性窗口更改圖片地址請按照上面的更換圖片(2.2)的方法輸入圖片URL和修改屬性即可，此處不再贅述。2.5修改區(qū)塊背景顏色選中區(qū)塊在編輯區(qū)用鼠標(biāo)選中某個區(qū)塊的手柄。更換內(nèi)容區(qū)背景色在左側(cè)顏色區(qū)選中“內(nèi)容區(qū)背景Contentbackground”，然后在取色器上拖動鼠標(biāo)即可動態(tài)更換顏色。更換區(qū)塊背景色在左側(cè)顏色區(qū)選中“區(qū)塊背景色Blockbackground”，然后在取色器上拖動鼠標(biāo)即可動態(tài)更換顏色。3.添加元素（可選項(xiàng)，視設(shè)計需求定）定位插入位置在編輯區(qū)用鼠標(biāo)選中某個區(qū)塊的手柄，以確定在哪個區(qū)塊下插入。插入元素(區(qū)塊)點(diǎn)擊右側(cè)模板區(qū)的元素(Element)標(biāo)簽，然后點(diǎn)擊寬度值單選按鈕，會列出可供選擇的區(qū)塊元素，選擇一個適合自己的元素，點(diǎn)擊縮略圖，會將此區(qū)塊插入到編輯區(qū)中您所選中的區(qū)塊下方

。刪除元素(區(qū)塊)如果對此區(qū)塊元素不滿意，可以先選中此區(qū)塊手柄，然后點(diǎn)擊元素(Element)標(biāo)簽中的“刪除區(qū)塊”按鈕。另外，還可以點(diǎn)擊編輯區(qū)工具欄中的撤消按鈕。編輯操作您可以對所添加的元素進(jìn)行諸如編輯文字、更改圖片、插入新圖片、修改顏色等操作，方法同上，不再贅述。4.生成郵件代碼生成代碼點(diǎn)擊右側(cè)模板區(qū)的“生成代碼Generatecode”按鈕，會出現(xiàn)相應(yīng)的按鈕菜單。復(fù)制代碼點(diǎn)擊“復(fù)制到剪貼板Clipboard”，會復(fù)制所設(shè)計的代碼，將其粘貼到記事本中保存即可。溫馨提示1：我們并沒有保存您設(shè)計的代碼，關(guān)閉頁面后所有信息均會丟失，請一定要記得自行保存自己所設(shè)計的代碼。溫馨提示2：保存圖片、重新編輯、我要分享等按鈕的功能，請參看幫助與說明中的“如何定制”的說明文檔即可。PART4發(fā)送郵件如何發(fā)送所設(shè)計的郵件發(fā)送操作與常規(guī)的郵件發(fā)送沒有多大的區(qū)別，唯一不同就是內(nèi)容輸入框需要使用代碼輸入方式。打開郵箱，點(diǎn)擊寫郵件輸入收件人、主題輸入郵件內(nèi)容。將內(nèi)容輸入框切換為代碼輸入方式用記事本打開前面所定制的郵件代碼，全選，然后復(fù)制全部代碼。將代碼粘貼到已經(jīng)轉(zhuǎn)換為代碼輸入方式的內(nèi)容輸入框中發(fā)送郵件PART5高級操作1.添加超鏈接1）選中文字或圖片在編輯區(qū)中用鼠標(biāo)選中需要添加鏈接的文字或圖片。2）打開超鏈接屬性窗口在編輯區(qū)上方的工具欄中用鼠標(biāo)點(diǎn)擊超鏈接的按鈕，會打開超鏈接屬性窗口在超鏈接信息標(biāo)簽的URL輸入框中輸入您的網(wǎng)址。在目標(biāo)標(biāo)簽的目標(biāo)窗口的下拉框中選擇“新窗口(_blank）。點(diǎn)擊確定按鈕2.更改文字大小1）選中文字在編輯區(qū)中用鼠標(biāo)選中需要變更字體的文字。2）更換字號在編輯區(qū)上方的工具欄中用鼠標(biāo)點(diǎn)擊“大小”的下拉列表，選擇合適的字號即可。溫馨提示：使用類似的方法您還可以加粗字體、變更為斜體、更改字體等等，但需要注意的是字體可能會存在不兼容現(xiàn)象，需要自行測試效果。3.添加表格邊框1）打開表格屬性在編輯區(qū)中用鼠標(biāo)定位表格，右鍵單擊出現(xiàn)右鍵菜單，左鍵單擊表格屬性。2）輸入邊框?qū)挾仍谶吙驅(qū)傩缘倪吙蜉斎肟蛑休斎脒吙虻膶挾?，比?，點(diǎn)擊確定按鈕，表格就會出現(xiàn)邊框。溫馨提示：您還可以在右鍵菜單中刪除表格。4.添加或刪除表格行1）打開表格屬性在編輯區(qū)中用鼠標(biāo)定位表格，右鍵單擊出現(xiàn)右鍵菜單2）添加或刪除行插入行。左鍵單擊右鍵菜單上的行中的在上(下)方插入行，即可插入新行。刪除行。左鍵單擊右鍵菜單上的行中的刪除行，即可刪除所在行。溫馨提示：您還可以按同樣的方法刪除列。5.重命名自己的模板名適合用戶范圍如果您創(chuàng)建了自己的專屬模板或想使用保存圖片服務(wù)，就可以重新命名并保存自己的代碼，它可以讓您快速查找到自己的模板和圖片，其他用戶無須此項(xiàng)操作。操作方法在點(diǎn)擊“生成代碼Generatecode”前，請先點(diǎn)擊“顯示標(biāo)題Showtitle”，然后在編輯區(qū)上方的標(biāo)題輸入框中輸入自己能記住的標(biāo)題，然后依次點(diǎn)擊下面的按鈕：保存圖片Savepicture>>保存所有圖片Saveimages6.保存圖片保存圖片點(diǎn)擊右側(cè)模板區(qū)的“生成代碼Generatecode”按鈕后，請依次點(diǎn)擊下面的按鈕來保存圖片：保存圖片Savepicture>>保存所有圖片Saveimages溫馨提示如果您上傳了圖片（未上傳無須此項(xiàng)操作），您必須依次點(diǎn)擊“保存圖片Savepicture”、“保存所有圖片Saveimages”按鈕來保存上傳的圖像，否則，圖片不會被保存。PART6如何購買服務(wù)如何購買服務(wù)點(diǎn)擊菜