基于网页的平面印刷品排版方法及系统的制作方法
【专利摘要】基于网页的平面印刷品排版方法包括网页端将待排版素材上传至服务端；服务端获取待排版素材的属性；服务端将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并存储高像素素材，及将低像素素材发送至网页端进行显示；服务端根据来自网页端的排版启动请求和待排版素材的属性生成排版布局样式，存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至网页端进行显示；及服务端根据来自网页端的排版保存请求和当前的排版布局样式生成并存储版面印刷文档。本发明可直接在电脑或手机上的网页浏览器快速流畅地进行印刷品排版，并能够保证高清晰度的印刷文档本发明还涉及相关系统。
【专利说明】基于网页的平面印刷品排版方法及系统
【技术领域】
[0001]本发明涉及一种基于网页的平面印刷品排版方法及系统。
【背景技术】
[0002]目前，平面印刷品排版主要通过Flash技术实现，Flash技术通过模拟软件操作，对排版文件进行交互操作。Flash需在电脑的浏览器里运行，用户的电脑必须先安装Flash插件方可使用，其具有占用内存大、运行缓慢和操作延迟卡顿等问题，使用过程中，经常会导致浏览器崩溃或页面假死。采用Flash完成排版后，再由客户端的Flash将排版文件发送至服务端，排版文件一般很大，一旦传输不成功，用户的排版记录和排版文件均有可能丢失。另外，Flash不支持智能移动终端如智能手机或平板电脑的浏览器，故，无法在智能移动终端上实现排版功能。
[0003]再者，现有的平面印刷屏排版技术一般预设若干版面的模板，以供用户选择。用户选择其中一款模板，依次插入图片或文字。排版布局仅局限于预设的那几款，此种排版方式缺乏个性化。另外，用户所插入的图片尺寸与模板里预设的插入框不匹配时，往往需要通过剪切、扩大或缩小的方式调整图片，如此，将影响图片最终的印刷质量，不能保证最佳的图文印刷质量。
【发明内容】
[0004]针对现有技术的不足，本发明旨在于提供一种可解决上述技术问题的基于网页的平面印刷品排版方法及系统。
[0005]为实现上述目的，本发明采用如下技术方案:
[0006]一种基于网页的平面印刷品排版方法，其包括以下步骤:
[0007]步骤A:网页端将待排版素材上传至服务端；
[0008]步骤B:服务端获取待排版素材的属性；
[0009]步骤C:服务端将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并存储高像素素材，以及将低像素素材发送至网页端进行显示；
[0010]步骤D:服务端根据来自网页端的排版启动请求和所获取的待排版素材的属性生成排版布局样式，存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至网页端进行显示；以及
[0011]步骤E:服务端根据来自网页端的排版保存请求和当前的排版布局样式生成并存储版面印刷文档。
[0012]优选地，待排版素材包括图片，待排版素材的属性包括图片的像素数和宽高比。
[0013]优选地，步骤D中生成排版布局样式包括以下子步骤:
[0014]根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版；以及
[0015]根据各图片之间的相对尺寸大小分配对应的排版区域。
[0016]优选地，待排版素材还包括文字，带排版素材的属性还包括图片的拍摄时间和拍摄地点，以及文字的字数；
[0017]步骤D中生成排版布局样式还包括以下子步骤:
[0018]根据图片的拍摄时间以降序或升序方式归类；
[0019]根据图片的拍摄地点进行归类排版；以及
[0020]判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
[0021]优选地，本方法还包括以下步骤:
[0022]步骤F:网页端发送排版布局样式修改请求至服务端；以及
[0023]步骤G:服务端根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式。
[0024]优选地，步骤E中服务端根据来自网页端的排版保存请求快照记录当前的排版布局样式，并将快照所获取的版面转换为印刷文档。
[0025]一种基于网页的平面印刷品排版系统，其包括网页端和服务端；网页端包括显示模块和操作处理模块；服务端包括存储模块和排版处理模块；
[0026]网页端的操作处理模块用于将待排版素材上传至服务端；
[0027]服务端的排版处理模块用于获取待排版素材的属性；
[0028]排版处理模块还用于将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并通过存储模块存储高像素素材，以及将低像素素材发送至网页端的显示模块进行显示；
[0029]排版处理模块还用于根据来自操作处理模块的排版启动请求和所获取的待排版素材的属性生成排版布局样式，通过存储模块存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至操作处理模块，以通过显示模块进行显示；
[0030]排版处理模块还用于根据来自操作处理模块的排版保存请求和当前的排版布局样式生成版面印刷文档,并通过存储模块存储版面印刷文档。
[0031]优选地，待排版素材包括图片，待排版素材的属性包括图片的像素数和宽高比；排版处理模块还用于根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版；以及根据各图片之间的相对尺寸大小分配对应的排版区域。
[0032]优选地，排版素材还包括文字，带排版素材的属性还包括图片的拍摄时间和拍摄地点，以及文字的字数；
[0033]排版处理模块还用于根据图片的拍摄时间以降序或升序方式归类；根据图片的拍摄地点进行归类排版；以及判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
[0034]优选地，网页端的操作处理模块还用于发送排版布局样式修改请求至服务端；月艮务端的排版处理模块还用于根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式。
[0035]本发明的有益效果至少如下:
[0036]1、本发明在服务端存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至网页端进行显示，从而可直接在电脑或手机上的网页浏览器快速流畅地进行印刷品排版，无需Flash插件，并能够保证高清晰度的印刷文档。
[0037]2、本发明可根据素材的属性自动生成排版布局样式，用户上传的素材不同，其所生成的排版布局样式也必然不同，从而可保证最终排版版面的个性化。另外，无需用户选择版面模板，也无需用户自己分配图片和文字，节省用户时间，提高排版效率。
【专利附图】
【附图说明】
[0038]图1为本发明基于网页的平面印刷品排版方法的较佳实施方式的流程图。
[0039]图2为本发明基于网页的平面印刷品排版系统的较佳实施方式的结构示意图。
【具体实施方式】
[0040]下面将结合附图以及【具体实施方式】，对本发明做进一步描述:
[0041]请参见图1，本发明涉及一种基于网页的平面印刷品排版方法，其较佳实施方式包括以下步骤:
[0042]步骤A:网页端将待排版素材上传至服务端；其中，待排版素材包括图片和文字。例如，用户可通过手机或电脑的网页浏览器将预存于手机或电脑的图片和文字通过网络上传至服务端。
[0043]步骤B:服务端获取待排版素材的属性；其中，待排版素材的属性包括图片的像素数、宽高比、拍摄时间和拍摄地点，以及文字的字数。
[0044]步骤C:服务端将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并存储高像素素材，以及将低像素素材发送至网页端进行显示。例如，由于电脑显示屏的像素一般为1200像素,而手机浏览器的像素一般为480像素,为让用户体验响应快速及加载流畅的操作体验，低像素素材的像素可为待排版素材的缩小图，如设置像素为1200*800像素。而高像素素材不需要通过网页端显示，只是存储于服务端，以供最终印刷使用，为使得最终的平面印刷文件具有高分辨率和高清晰度，可使高像素素材采用高清晰原图，或相对低像素素材放大若干倍如六倍，设为4800*3200像素。
[0045]步骤D:服务端根据来自网页端的排版启动请求和所获取的待排版素材的属性生成排版布局样式，存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至网页端。例如，用户通过点击网页的排版图标，使得网页端生成并发送排版启动请求。
[0046]优选地，步骤D中生成排版布局样式可包括以下子步骤:
[0047]步骤Dl:根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版。
[0048]步骤D2:根据各图片之间的相对尺寸大小分配对应的排版区域。
[0049]步骤D3:根据图片的拍摄时间以降序或升序方式归类。
[0050]步骤D4:根据图片的拍摄地点进行归类排版。以及
[0051]步骤D5:判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
[0052]本方法可根据素材的属性自动生成排版布局样式，用户上传的素材不同，其所生成的排版布局样式也必然不同，从而可保证最终排版版面的个性化。另外，无需用户选择版面模板，也无需用户自己分配图片和文字，节省用户时间，提高排版效率。
[0053]上述步骤Dl至步骤D5之间没有时序关系，步骤D中生成排版布局样式可包括步骤Dl至步骤D5中的一个或多个。以及
[0054]步骤E:服务端根据来自网页端的排版保存请求和当前的排版布局样式生成版面印刷文档，以用于输入印刷机进行纸质印制。优选地，服务端根据来自网页端的排版保存请求快照记录当前的排版布局样式，并将快照所获取的版面转换为印刷文档如图片或PDF格式的文档。
[0055]如此，即可直接在电脑或手机上的网页浏览器快速流畅地进行印刷品排版，无需Flash插件，并能够保证高清晰度的印刷文档。
[0056]本方法还包括以下步骤:
[0057]步骤F:网页端发送排版布局样式修改请求至服务端；例如，用户通过网页端执行修改文字、裁剪图片、拖曳图片和更换背景等操作，以使得网页端生成并发送对应的排版布局样式修改请求。
[0058]步骤G:服务端根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式，以使得服务端的排版布局样式与网页端的排版布局样式相一致。
[0059]参见图2，本发明还涉及一种基于网页的平面印刷品排版系统，其包括网页端和服务端；网页端包括显示模块和操作处理模块；服务端包括存储模块和排版处理模块；
[0060]网页端的操作处理模块用于将待排版素材上传至服务端；
[0061]服务端的排版处理模块用于获取待排版素材的属性；
[0062]排版处理模块还用于将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并通过存储模块存储高像素素材，以及将低像素素材发送至网页端的显示模块进行显示；
[0063]排版处理模块还用于根据来自操作处理模块的排版启动请求和所获取的待排版素材的属性生成排版布局样式，通过存储模块存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至操作处理模块，以通过显示模块进行显示；
[0064]排版处理模块还用于根据来自操作处理模块的排版保存请求和当前的排版布局样式生成版面印刷文档,并通过存储模块存储版面印刷文档。
[0065]优选地，待排版素材包括图片，待排版素材的属性包括图片的像素数和宽高比；排版处理模块还用于根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版；以及根据各图片之间的相对尺寸大小分配对应的排版区域。
[0066]优选地，排版素材还包括文字，带排版素材的属性还包括图片的拍摄时间和拍摄地点，以及文字的字数；
[0067]排版处理模块还用于根据图片的拍摄时间以降序或升序方式归类；根据图片的拍摄地点进行归类排版；以及判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
[0068]优选地，网页端的操作处理模块还用于发送排版布局样式修改请求至服务端；月艮务端的排版处理模块还用于根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式。
[0069]对于本领域的技术人员来说，可根据以上描述的技术方案以及构思，做出其它各种相应的改变以及变形，而所有的这些改变以及变形都应该属于本发明权利要求的保护范围之内。
【权利要求】
1.一种基于网页的平面印刷品排版方法，其特征在于:其包括以下步骤: 步骤A:网页端将待排版素材上传至服务端； 步骤B:服务端获取待排版素材的属性； 步骤C:服务端将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并存储高像素素材，以及将低像素素材发送至网页端进行显示； 步骤D:服务端根据来自网页端的排版启动请求和所获取的待排版素材的属性生成排版布局样式，存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至网页端进行显示；以及 步骤E:服务端根据来自网页端的排版保存请求和当前的排版布局样式生成并存储版面印刷文档。
2.如权利要求1所述的基于网页的平面印刷品排版方法，其特征在于:待排版素材包括图片，待排版素材的属性包括图片的像素数和宽高比。
3.如权利要求2所述的基于网页的平面印刷品排版方法，其特征在于:步骤D中生成排版布局样式包括以下子步骤: 根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版；以及 根据各图片之间的相对尺寸大小分配对应的排版区域。
4.如权利要求3所述的基于网页的平面印刷品排版方法，其特征在于:待排版素材还包括文字，带排版素材的属性还包括图片的拍摄时间和拍摄地点，以及文字的字数； 步骤D中生成排版布局样式还包括以下子步骤: 根据图片的拍摄时间以降序或升序方式归类； 根据图片的拍摄地点进行归类排版；以及 判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
5.如权利要求1至4中任一项所述的基于网页的平面印刷品排版方法，其特征在于:本方法还包括以下步骤: 步骤F:网页端发送排版布局样式修改请求至服务端；以及 步骤G:服务端根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式。
6.如权利要求1至4中任一项所述的基于网页的平面印刷品排版方法，其特征在于:步骤E中服务端根据来自网页端的排版保存请求快照记录当前的排版布局样式，并将快照所获取的版面转换为印刷文档。
7.一种基于网页的平面印刷品排版系统，其特征在于，其包括网页端和服务端；网页端包括显示模块和操作处理模块；服务端包括存储模块和排版处理模块； 网页端的操作处理模块用于将待排版素材上传至服务端； 服务端的排版处理模块用于获取待排版素材的属性； 排版处理模块还用于将该待排版素材以宽高像素数等比例映射关系分别生成高像素素材和低像素素材，并通过存储模块存储高像素素材，以及将低像素素材发送至网页端的显示模块进行显示； 排版处理模块还用于根据来自操作处理模块的排版启动请求和所获取的待排版素材的属性生成排版布局样式，通过存储模块存储具有高像素素材的排版布局样式，并通过Web开发语言将具有低像素素材的排版布局样式发送至操作处理模块，以通过显示模块进行显示； 排版处理模块还用于根据来自操作处理模块的排版保存请求和当前的排版布局样式生成版面印刷文档，并通过存储模块存储版面印刷文档。
8.如权利要求7所述的基于网页的平面印刷品排版系统，其特征在于:待排版素材包括图片，待排版素材的属性包括图片的像素数和宽高比；排版处理模块还用于根据图片的宽高比判断图片是横图还是竖图；若为横图，则将图片横向排版；若为竖图，则将图片竖向排版；以及根据各图片之间的相对尺寸大小分配对应的排版区域。
9.如权利要求8所述的基于网页的平面印刷品排版系统，其特征在于:排版素材还包括文字，带排版素材的属性还包括图片的拍摄时间和拍摄地点，以及文字的字数； 排版处理模块还用于根据图片的拍摄时间以降序或升序方式归类；根据图片的拍摄地点进行归类排版；以及判断文字的字数是否大于预设字数，若是，则以第一类型字号显示文字，若否，则以第二类型字号显示文字，其中，第一类型字号小于第二类型字号。
10.如权利要求7至9中任一项所述的基于网页的平面印刷品排版系统，其特征在于:网页端的操作处理模块还用于发送排版布局样式修改请求至服务端；服务端的排版处理模块还用于根据该排版布局样式修改请求同步更新自身存储的排版布局样式以及网页端的排版布局样式。
【文档编号】G06F17/30GK104391896SQ201410637075
【公开日】2015年3月4日 申请日期:2014年11月12日 优先权日:2014年11月12日
【发明者】李朋涛 申请人:广州微印信息科技有限公司