直郵制作方法及系統(tǒng)的制作方法【
技術(shù)領(lǐng)域：
】[0001]本公開總體涉及媒體通信
技術(shù)領(lǐng)域：
，具體而言，涉及一種直郵制作方法及系統(tǒng)。【
背景技術(shù)：
】[0002]直郵一般是指平時(shí)發(fā)送到公司內(nèi)部郵箱或者第三方供應(yīng)商的郵箱里面，宣傳商品或者提示中獎(jiǎng)之類的郵件，其目的大致可歸納為:在一定期間內(nèi)，擴(kuò)大營(yíng)業(yè)額，并提高毛利率；穩(wěn)定已有的顧客群并吸引增加新顧客，以提高客流量；介紹新產(chǎn)品、時(shí)令商品或公司重點(diǎn)推廣的商品，以穩(wěn)定消費(fèi)群；增加特定商品(新產(chǎn)品、季節(jié)性商品、自有商品等)的銷售，以提高人均消費(fèi)額；增強(qiáng)企業(yè)形象，提高公司知名度；與同行業(yè)舉辦的促銷活動(dòng)競(jìng)爭(zhēng)；刺激消費(fèi)者的計(jì)劃性購買和沖動(dòng)性購買，提高商場(chǎng)營(yíng)業(yè)額等。[0003]直郵內(nèi)容一般存在幾個(gè)可點(diǎn)擊區(qū)域，跳轉(zhuǎn)到不同的網(wǎng)頁，或者有幾個(gè)可選擇的文字區(qū)域，比如激活碼之類的，以及有動(dòng)態(tài)的圖片展示等等，位置不固定，大小不固定，都屬于自定義化比較高的內(nèi)容，而且直郵展示的內(nèi)容需要有一個(gè)對(duì)應(yīng)一模一樣的在線web頁面，方便在郵箱中展示不出圖片時(shí)，直郵接收者可以點(diǎn)擊直郵跳轉(zhuǎn)到對(duì)應(yīng)的在線頁面查看。這種直郵，一般是由開發(fā)人員來制作完成，因?yàn)樯婕暗郊夹g(shù)相關(guān)問題，一般制作時(shí)間較長(zhǎng)。[0004]由于第三方供應(yīng)商以及公司內(nèi)部的群發(fā)郵箱系統(tǒng)，是會(huì)屏蔽選擇區(qū)域采用絕對(duì)定位的樣式，所以，目前采用的定位方式通常用table表格方式，類似excel的表格，可以合并，拉伸出不同區(qū)域，區(qū)域填充不同的內(nèi)容。[0005]相關(guān)技術(shù)制作直郵的方式一般為，讓開發(fā)人員針對(duì)直郵的背景圖從上到下進(jìn)行橫向切割多個(gè)選擇區(qū)域，如圖1所示，針對(duì)每個(gè)選擇區(qū)域，填充圖片或者添加響應(yīng)事件，需要手動(dòng)設(shè)定每個(gè)區(qū)域的高即可，因?yàn)閷捁潭橹编]的寬，最后根據(jù)這個(gè)規(guī)則生成table表格的代碼。[0006]由于選擇區(qū)域是自上而下橫向的大區(qū)域，做不到同一行內(nèi)出現(xiàn)多個(gè)圖片或者響應(yīng)事件，導(dǎo)致同一行響應(yīng)事件被迫設(shè)置為一樣的；不能針對(duì)性的在指定區(qū)域放置需要的內(nèi)容與事件，比如“Android下載”與“iPhone下載”，只能響應(yīng)整行點(diǎn)擊，會(huì)出現(xiàn)鼠標(biāo)并非點(diǎn)擊“下載按鈕”，卻響應(yīng)了下載事件，因?yàn)辄c(diǎn)擊的區(qū)域與“下載按鈕”同行，不便于對(duì)各獨(dú)立表格元素進(jìn)行控制。而且，對(duì)于選擇區(qū)域中添加的文字、圖片等，需要很費(fèi)勁才能使其居中或者擺放到想要的位置上，不便于排版?！?br/>發(fā)明內(nèi)容】[0007]本公開提供一種直郵制作方法及系統(tǒng)，能夠使表格中所包含的各個(gè)目標(biāo)區(qū)域均單獨(dú)位于一個(gè)獨(dú)立的單元格中，從而便于排版以及便于對(duì)各獨(dú)立表格元素進(jìn)行控制。[0008]本公開的其他特性和優(yōu)點(diǎn)將通過下面的詳細(xì)描述變得顯然，或部分地通過本公開的實(shí)踐而習(xí)得。[0009]根據(jù)本公開的一方面，本公開提供了一種直郵制作方法，包括:[0010]將背景圖片呈現(xiàn)在預(yù)設(shè)的可視化界面的預(yù)設(shè)區(qū)域；[0011]記錄在所述背景圖片上框選出的矩形區(qū)域的信息以及為所述矩形區(qū)域所設(shè)置的填充信息，其中所述矩形區(qū)域的信息包括所述矩形區(qū)域的橫坐標(biāo)、縱坐標(biāo)、寬度、以及高度；[0012]根據(jù)所述矩形區(qū)域的信息循環(huán)對(duì)所述背景圖片的區(qū)域進(jìn)行表格劃分，使得所述矩形區(qū)域分別位于一個(gè)獨(dú)立的單元格中；[0013]對(duì)所述矩形區(qū)域設(shè)置對(duì)應(yīng)的填充信息后生成表格代碼發(fā)送到直郵目標(biāo)客戶的郵箱地址，并根據(jù)所述矩形區(qū)域的信息以及所述填充信息生成直郵對(duì)應(yīng)的在線WEB頁面上傳到服務(wù)器。[0014]根據(jù)本公開的一實(shí)施方式，在記錄在所述背景圖片上框選出的矩形區(qū)域的信息之前，在所述背景圖片上實(shí)時(shí)顯示所述制作人員在所述背景圖片上框選所述矩形區(qū)域的軌跡。[0015]根據(jù)本公開的一實(shí)施方式，記錄所述制作人員為所述矩形區(qū)域所設(shè)置的填充信息的操作包括:[0016]記錄所述制作人員為所述矩形區(qū)域所設(shè)置的連接地址、鏈接圖片和/或文本。[0017]根據(jù)本公開的一實(shí)施方式，所述根據(jù)所述矩形區(qū)域的信息循環(huán)對(duì)所述背景圖片的區(qū)域進(jìn)行表格劃分的操作包括:[0018]步驟S1、遍歷所有的矩形區(qū)域，根據(jù)所述所有的矩形區(qū)域的縱坐標(biāo)及高度將所述背景圖片的區(qū)域劃分為至少一個(gè)橫向表格，以使每一橫向表格包含最少數(shù)量的矩形區(qū)域；[0019]步驟S2、遍歷所有的橫向表格，根據(jù)所述所有的矩形區(qū)域的橫坐標(biāo)及寬度將所述背景圖片的區(qū)域劃分為至少一個(gè)縱向表格，以使每一縱向表格包含最少數(shù)量的矩形區(qū)域；[0020]步驟S3、遍歷所有的縱向表格，若其中存在縱向表格包含至少兩個(gè)矩形區(qū)域，則根據(jù)所包含的矩形區(qū)域的縱坐標(biāo)及高度將所述縱向表格劃分為至少一個(gè)橫向表格，以使每一橫向表格包含最少數(shù)量的矩形區(qū)域；[0021]步驟S4、遍歷所有的橫向表格，若其中存在橫向表格包含至少兩個(gè)矩形區(qū)域，則根據(jù)所包含的矩形區(qū)域的橫坐標(biāo)及寬度將所述橫向表格劃分為至少一個(gè)縱向表格，以使每一縱向表格包含最少數(shù)量的矩形區(qū)域；[0022]重復(fù)執(zhí)行步驟S3-S4，直到每一矩形區(qū)域分別位于一個(gè)獨(dú)立的單元格為止。[0023]根據(jù)本公開的一實(shí)施方式，所述步驟S1具體包括，將矩形區(qū)域Ri的縱坐標(biāo)Y到縱坐標(biāo)Y加上所述矩形區(qū)域Ri的高度之間在所述背景圖片上形成的橫向表格稱為Ci，若所述橫向表格Ci與其他矩形區(qū)域重疊，則對(duì)所述橫向表格Ci的寬度進(jìn)行延伸直到不與其他矩形區(qū)域重疊，再從所述背景圖片的區(qū)域劃出所述橫向表格Ci，遍歷完所有的矩形區(qū)域后，在所述背景圖片上形成橫向表格Cl-Cn;[0024]所述步驟S2具體包括，遍歷所有的橫向表格Cl-Cn，若其中存在橫向表格包含至少兩個(gè)矩形區(qū)域，則根據(jù)所包含的至少兩個(gè)矩形區(qū)域的橫坐標(biāo)及寬度將所述橫向表格Ci進(jìn)一步劃分為多個(gè)列向表格，將矩形區(qū)域Ri的縱坐標(biāo)Y到縱坐標(biāo)Y加上所述矩形區(qū)域Ri的高度之間在所述背景圖片上形成的橫向表格稱為Ci，若所述橫向表格Ci與其他矩形區(qū)域重疊，則對(duì)所述橫向表格Ci的寬度進(jìn)行延伸直到不與其他矩形區(qū)域重疊，再從所述背景圖片的區(qū)域劃出所述橫向表格Ci，遍歷完所有的矩形區(qū)域后，在所述背景圖片上形成橫向表格Cl-Cn。[0025]根據(jù)本公開的一方面，本公開還提供了一種直郵制作系統(tǒng)，包括:[0026]背景圖片呈現(xiàn)單元，用于將背景圖片呈現(xiàn)在預(yù)設(shè)的可視化界面的預(yù)設(shè)區(qū)域；[0027]區(qū)域信息記錄單元，用于記錄在所述背景圖片上框選出的矩形區(qū)域的信息以及為所述矩形區(qū)域所設(shè)置的填充信息，其中所述矩形區(qū)域的信息包括所述矩形區(qū)域的橫坐標(biāo)、縱坐標(biāo)、寬度、以及高度；[0028]表格劃分單元，用于根據(jù)所述矩形區(qū)域的信息循環(huán)對(duì)所述背景圖片的區(qū)域進(jìn)行表格劃分，使得所述矩形區(qū)域分別位于一個(gè)獨(dú)立的單元格中；[0029]直郵發(fā)送單元，用于對(duì)所述矩形區(qū)域設(shè)置對(duì)應(yīng)的填充信息后生成表格代碼發(fā)送到直郵目標(biāo)客戶的郵箱地址，并根據(jù)所述矩形區(qū)域的信息以及所述填充信息生成直郵對(duì)應(yīng)的在線WEB頁面上傳到服務(wù)器。[0030]根據(jù)本公開的一實(shí)施方式，所述系統(tǒng)還包括框選軌跡顯示單元，用于在記錄在所述背景圖片上框選出的矩形區(qū)域的信息之前，在所述背景圖片上實(shí)時(shí)顯示在所述背景圖片上框選所述矩形區(qū)域的軌跡。[0031]根據(jù)本公開的一實(shí)施方式，所述區(qū)域信息記錄單元具體用于，記錄為所述矩形區(qū)域所設(shè)置的連接地址、鏈接圖片和/或文本。[0032]根據(jù)本公開的一實(shí)施方式，所述表格劃分單元還包括:[0033]橫向劃分子單元，用于遍歷所有的矩形區(qū)域，根據(jù)所述所有的矩形區(qū)域的縱坐標(biāo)及高度將所述背景圖片的區(qū)域劃分為至少一個(gè)橫向表格，以使每一橫向表格包含最少數(shù)量的矩形區(qū)域；[0034]縱向劃分子單元，用于遍歷所有的橫向表格，根據(jù)所述所有的矩形區(qū)域的橫坐標(biāo)及寬度將所述背景圖片的區(qū)域劃分為至少一個(gè)縱向表格，以使每一縱向表格包含最少數(shù)量的矩形區(qū)域；[0035]橫向分隔子單元，用于遍歷所有的縱向表格，若其中存在縱向表格包含至少兩個(gè)矩形區(qū)域，則根據(jù)所包含的矩形區(qū)域的縱坐標(biāo)及高度將所述縱向表格劃分為至少一個(gè)橫向表格，以使每一橫向表格包含最少數(shù)量的矩形區(qū)域；[0036]縱向分隔子單元，用于遍歷所有的橫向表格，若其中存在橫向表格包含當(dāng)前第1頁1 2 3 4 5