直邮制作方法及系统技术方案

本申请公开了一种直邮制作方法及系统，方法包括：将背景图片呈现在预设的可视化界面的预设区域；记录在所述背景图片上框选出的矩形区域的信息以及为所述矩形区域所设置的填充信息；根据所述矩形区域的信息循环对所述背景图片的区域进行表格划分，使得所述矩形区域分别位于一个独立的单元格中；对所述矩形区域设置对应的填充信息后生成表格代码发送到直邮目标客户的邮箱地址，并根据所述矩形区域的信息以及所述填充信息生成直邮对应的在线WEB页面上传到服务器。本公开的技术方案能够使表格中所包含的各个目标区域均单独位于一个独立的单元格中，从而便于排版以及便于对各独立表格元素进行控制。

【技术实现步骤摘要】

本公开总体涉及媒体通信
，具体而言，涉及一种直邮制作方法及系统。
技术介绍
直邮一般是指平时发送到公司内部邮箱或者第三方供应商的邮箱里面，宣传商品或者提示中奖之类的邮件，其目的大致可归纳为:在一定期间内，扩大营业额，并提高毛利率；稳定已有的顾客群并吸引增加新顾客，以提高客流量；介绍新产品、时令商品或公司重点推广的商品，以稳定消费群；增加特定商品(新产品、季节性商品、自有商品等)的销售，以提高人均消费额；增强企业形象，提高公司知名度；与同行业举办的促销活动竞争；刺激消费者的计划性购买和冲动性购买，提高商场营业额等。直邮内容一般存在几个可点击区域，跳转到不同的网页，或者有几个可选择的文字区域，比如激活码之类的，以及有动态的图片展示等等，位置不固定，大小不固定，都属于自定义化比较高的内容，而且直邮展示的内容需要有一个对应一模一样的在线web页面，方便在邮箱中展示不出图片时，直邮接收者可以点击直邮跳转到对应的在线页面查看。这种直邮，一般是由开发人员来制作完成，因为涉及到技术相关问题，一般制作时间较长。由于第三方供应商以及公司内部的群发邮箱系统，是会屏蔽选择区域采用绝对定位的样式，所以，目前采用的定位方式通常用table表格方式，类似excel的表格，可以合并，拉伸出不同区域，区域填充不同的内容。相关技术制作直邮的方式一般为，让开发人员针对直邮的背景图从上到下进行横向切割多个选择区域，如图1所示，针对每个选择区域，填充图片或者添加响应事件，需要手动设定每个区域的高即可，因为宽固定为直邮的宽，最后根据这个规则生成table表格的代码。由于选择区域是自上而下横向的大区域，做不到同一行内出现多个图片或者响应事件，导致同一行响应事件被迫设置为一样的；不能针对性的在指定区域放置需要的内容与事件，比如“Android下载”与“iPhone下载”，只能响应整行点击，会出现鼠标并非点击“下载按钮”，却响应了下载事件，因为点击的区域与“下载按钮”同行，不便于对各独立表格元素进行控制。而且，对于选择区域中添加的文字、图片等，需要很费劲才能使其居中或者摆放到想要的位置上，不便于排版。
技术实现思路
本公开提供一种直邮制作方法及系统，能够使表格中所包含的各个目标区域均单独位于一个独立的单元格中，从而便于排版以及便于对各独立表格元素进行控制。本公开的其他特性和优点将通过下面的详细描述变得显然，或部分地通过本公开的实践而习得。根据本公开的一方面，本公开提供了一种直邮制作方法，包括:将背景图片呈现在预设的可视化界面的预设区域；记录在所述背景图片上框选出的矩形区域的信息以及为所述矩形区域所设置的填充信息，其中所述矩形区域的信息包括所述矩形区域的横坐标、纵坐标、宽度、以及高度；根据所述矩形区域的信息循环对所述背景图片的区域进行表格划分，使得所述矩形区域分别位于一个独立的单元格中；对所述矩形区域设置对应的填充信息后生成表格代码发送到直邮目标客户的邮箱地址，并根据所述矩形区域的信息以及所述填充信息生成直邮对应的在线WEB页面上传到服务器。根据本公开的一实施方式，在记录在所述背景图片上框选出的矩形区域的信息之前，在所述背景图片上实时显示所述制作人员在所述背景图片上框选所述矩形区域的轨迹。根据本公开的一实施方式，记录所述制作人员为所述矩形区域所设置的填充信息的操作包括:记录所述制作人员为所述矩形区域所设置的连接地址、链接图片和/或文本。根据本公开的一实施方式，所述根据所述矩形区域的信息循环对所述背景图片的区域进行表格划分的操作包括:步骤S1、遍历所有的矩形区域，根据所述所有的矩形区域的纵坐标及高度将所述背景图片的区域划分为至少一个横向表格，以使每一横向表格包含最少数量的矩形区域；步骤S2、遍历所有的横向表格，根据所述所有的矩形区域的横坐标及宽度将所述背景图片的区域划分为至少一个纵向表格，以使每一纵向表格包含最少数量的矩形区域；步骤S3、遍历所有的纵向表格，若其中存在纵向表格包含至少两个矩形区域，则根据所包含的矩形区域的纵坐标及高度将所述纵向表格划分为至少一个横向表格，以使每一横向表格包含最少数量的矩形区域；步骤S4、遍历所有的横向表格，若其中存在横向表格包含至少两个矩形区域，则根据所包含的矩形区域的横坐标及宽度将所述横向表格划分为至少一个纵向表格，以使每一纵向表格包含最少数量的矩形区域；重复执行步骤S3-S4，直到每一矩形区域分别位于一个独立的单元格为止。根据本公开的一实施方式，所述步骤S1具体包括，将矩形区域Ri的纵坐标Y到纵坐标Y加上所述矩形区域Ri的高度之间在所述背景图片上形成的横向表格称为Ci，若所述横向表格Ci与其他矩形区域重叠，则对所述横向表格Ci的宽度进行延伸直到不与其他矩形区域重叠，再从所述背景图片的区域划出所述横向表格Ci，遍历完所有的矩形区域后，在所述背景图片上形成横向表格Cl-Cn ;所述步骤S2具体包括，遍历所有的横向表格Cl-Cn，若其中存在横向表格包含至少两个矩形区域，则根据所包含的至少两个矩形区域的横坐标及宽度将所述横向表格Ci进一步划分为多个列向表格，将矩形区域Ri的纵坐标Y到纵坐标Y加上所述矩形区域Ri的高度之间在所述背景图片上形成的横向表格称为Ci，若所述横向表格Ci与其他矩形区域重叠，则对所述横向表格Ci的宽度进行延伸直到不与其他矩形区域重叠，再从所述背景图片的区域划出所述横向表格Ci，遍历完所有的矩形区域后，在所述背景图片上形成横向表格Cl-Cn。根据本公开的一方面，本公开还提供了一种直邮制作系统，包括:背景图片呈现单元，用于将背景图片呈现在预设的可视化界面的预设区域；区域信息记录单元，用于记录在所述背景图片上框选出的矩形区域的信息以及为所述矩形区域所设置的填充信息，其中所述矩形区域的信息包括所述矩形区域的横坐标、纵坐标、宽度、以及高度；表格划分单元，用于根据所述矩形区域的信息循环对所述背景图片的区域进行表格划分，使得所述矩形区域分别位于一个独立的单元格中；直邮发送单元，用于对所述矩形区域设置对应的填充信息后生成表格代码发送到直邮目标客户的邮箱地址，并根据所述矩形区域的信息以及所述填充信息生成直邮对应的在线WEB页面上传到服务器。根据本公开的一实施方式，所述系统还包括框选轨迹显示单元，用于在记录在所述背景图片上框选出的矩形区域的信息之前，在所述背景图片上实时显示在所述背景图片上框选所述矩形区域的轨迹。根据本公开的一实施方式，所述区域信息记录单元具体用于，记录为所述矩形区域所设置的连接地址、链接图片和/或文本。根据本公开的一实施方式，所述表格划分单元还包括:横向划分子单元，用于遍历所有的矩形区域，根据所述所有的矩形区域的纵坐标及高度将所述背景图片的区域划分为至少一个横向表格，以使每一横向表格包含最少数量的矩形区域；纵向划分子单元，用于遍历所有的横向表格，根据所述所有的矩形区域的横坐标及宽度将所述背景图片的区域划分为至少一个纵向表格，以使每一纵向表格包含最少数量的矩形区域；横向分隔子单元，用于遍历所有的纵向表格，若其中存在纵向表格包含至少两个矩形区域，则根据所包含的矩形区域的纵坐标及高度将所述纵向表格划分为至少一个横向表格，以使每一横向表格包含最少数量的矩形区域；纵向分隔子单元，用于遍历本文档来自技高网...

【技术保护点】
一种直邮制作方法，其特征在于，包括：将背景图片呈现在预设的可视化界面的预设区域；记录在所述背景图片上框选出的矩形区域的信息以及为所述矩形区域所设置的填充信息；根据所述矩形区域的信息循环对所述背景图片的区域进行表格划分，使得所述矩形区域分别位于一个独立的单元格中；对所述矩形区域设置对应的填充信息后生成表格代码发送到直邮目标客户的邮箱地址，并根据所述矩形区域的信息以及所述填充信息生成直邮对应的在线WEB页面上传到服务器。

【技术特征摘要】

【专利技术属性】
技术研发人员：郑旭泽，
申请(专利权)人：网易杭州网络有限公司，
类型：发明
国别省市：浙江;33