CN107784002A - 一种网页的页面元素生成方法及装置 - Google Patents

Abstract

本申请实施例提供了一种网页的页面元素生成方法及装置，用以解决现有的页面元素生成存在制作效率较低的问题。客户端向服务器上传文字内容和背景图片；向所述服务器发送页面元素生成指令；接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。由于将文字内容和背景图片进行了分离，根据文字内容和同一背景图片，生成了多个语言版本的页面元素，实现了页面元素的批量生成，提高了页面元素的生成的效率。

Description

一种网页的页面元素生成方法及装置

技术领域

本申请涉及网页数据处理技术领域，尤其涉及一种网页的页面元素生成方法及装置。

背景技术

网页是构成网站的基本元素。通常，在网页的页面中包含各种各样的页面元素，例如：导航、网站标志(Logo)、网幅广告(banner)、图片、文字、动画、装饰物、超级链接等等。其中，banner是页面中一种常见的页面元素，广泛用于网页上的广告展示，并且在整个页面中占据着重要的显示地位。

而在网站的开发建设中，针对使用不同语言的用户，通常会开发不同语言版本的页面。由于语言文字的不同，需要针对同一背景图片制作不同语言版本的页面元素，以适应不同语言文字的网站的需求。

以banner的制作为例，现有技术中，在制作多语言版本banner时，首先选择背景图片和列举出表达同一意思但所属语言文字不同的各语言文字内容，然后针对每一语言文字内容，分别设计出包含该语言文字内容和选择的所述背景图片的banner的设计稿，并以该设计稿作为网站中对应该语言文字内容所属语言版本的banner。

上述方式banner的制作过程中，通常需要设计师逐一完成各语言版本的banner的制作，制作效率低，且容易出错。对于需要制作多种语言版本的页面的网站而言，特别是一些存在大量banner的网站，如面向全球购物者的电子商务网站，现有技术的这种制作方式，无法满足网站设计需求。因此，越来越需要一种高效地进行多语言版本的页面元素的制作方案，以满足网站的需求。

发明内容

有鉴于此，本申请提出了一种网页的页面元素生成方法及装置，用以解决现有的页面元素生成存在制作效率较低的问题。

一种网页的页面元素生成方法，包括：

客户端向服务器上传文字内容和背景图片；

向所述服务器发送页面元素生成指令；

接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

一种网页的页面元素生成方法，包括：

服务器获取客户端上传的文字内容和背景图片；

接收所述客户端发送的页面元素生成指令；

根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

向所述客户端返回生成的多个语言版本的页面元素。

一种网页的页面元素生成方法，包括：

客户端确定文字内容和背景图片；

根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

一种网页的页面元素生成方法，服务器中预置有多语种翻译库，所述方法包括：

服务器接收客户端针对确定的文字内容发送的翻译指令；

利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

一种网页的页面元素生成方法，所述客户端预置有多语种翻译库，所述方法包括：

客户端确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

客户端向服务器上传多个对应语言版本的文字内容和背景图片；

向所述服务器发送页面元素生成指令；

接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

一种网页的页面元素生成方法，所述方法包括：

服务器确定客户端上传的多个对应语言版本的文字内容和背景图片；

针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

向所述客户端返回生成的多个语言版本的页面元素。

一种网页的页面元素生成装置，包括：

上传模块，用于向服务器上传文字内容和背景图片；

发送模块，用于向所述服务器发送页面元素生成指令；

接收模块，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

一种网页的页面元素生成装置，包括：

获取模块，用于获取客户端上传的文字内容和背景图片；

接收模块，用于接收所述客户端发送的页面元素生成指令；

生成模块，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块，用于向所述客户端返回生成的多个语言版本的页面元素。

一种网页的页面元素生成装置，包括：

确定模块，用于确定文字内容和背景图片；

生成模块，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

一种网页的页面元素生成装置，所述装置中预置有多语种翻译库，包括：

接收模块，用于接收客户端针对确定的文字内容发送的翻译指令；

翻译模块，用于利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

发送模块，用于将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

一种网页的页面元素生成装置，所述装置预置有多语种翻译库，所述装置：

确定模块，用于确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

上传模块，用于向服务器上传多个对应语言版本的文字内容和背景图片；

发送模块，用于向所述服务器发送页面元素生成指令；

接收模块，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

一种网页的页面元素生成装置，包括：

确定模块，用于确定客户端上传的多个对应语言版本的文字内容和背景图片；

生成模块，用于针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块，用于向所述客户端返回生成的多个语言版本的页面元素。

本申请的有益效果如下：

在本申请实施例的方案中，首先确定文字内容和背景图片，其次，根据所述背景图片和所述文字内容生成多个语言版本的页面元素，这里，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。由于将文字内容和背景图片进行了分离，根据文字内容和同一背景图片，生成了多个语言版本的页面元素，这里，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容，实现了页面元素的批量生成，无需针对每一语言文字，分别设计出包含该语言文字和背景图片的页面元素的设计稿，提高了页面元素的生成的效率。

附图说明

为了更清楚地说明本发明实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简要介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域的普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1为本申请实施例提供的页面元素生成系统的结构示意图；

图2为本申请实施例一提供的页面元素生成方法的流程图；

图3为本申请实施例一提供的客户端上传的文字内容示例；

图4为本申请实施例一提供的客户端上传的背景图片示例；

图5为本申请实施例一提供的生成的中文简体版本的页面元素示例；

图6为本申请实施例一提供的生成的中文繁体版本的页面元素示例；

图7为本申请实施例一提供的生成的英语版本的页面元素示例；

图8为本申请实施例一提供的用户界面的结构示意图；

图9为本申请实施例一提供的另一用户界面的结构示意图；

图10为本申请实施例一提供的服务器为执行主体的页面元素生成方法的流程图；

图11为本申请实施例二提供的以客户端为执行主体的页面元素生成方法的流程图；

图12为本申请实施例二提供的以服务器为执行主体的页面元素生成方法的流程图；

图13为本申请实施例三提供的以客户端为执行主体的页面元素生成方法的流程图；

图14为本申请实施例三提供的以服务器为执行主体的页面元素生成方法的流程图；

图15为本申请实施例提供的页面元素生成装置的结构示意图之一；

图16为本申请实施例提供的页面元素生成装置的结构示意图之二；

图17为本申请实施例提供的页面元素生成装置的结构示意图之三；

图18为本申请实施例提供的页面元素生成装置的结构示意图之四；

图19为本申请实施例提供的页面元素生成装置的结构示意图之五；

图20为本申请实施例提供的页面元素生成装置的结构示意图之六。

具体实施方式

本申请实施例提供一种网页的页面元素生成方法及装置，用以解决现有技术中存在的页面元素生成效率较低的问题。

为了清楚地理解本申请的方案，这里首先对本申请中的页面元素进行说明：

页面元素：包括背景图片和位于背景图片上的文字内容，其中，背景图片可具有宽度和高度属性，文字内容可具有文字样式属性，文字样式可包括文字的大小、排列方式和文字内容在所述背景图片中的位置，文字内容在所述背景图片中的位置可包括居左、居中和居右，还可包括文字的颜色、字体、粗细等等；页面元素可以是静态的，也可以是动态的，还可以是交互式的，静态的页面元素由一张背景图像和位于该背景图像上的文字内容构成，动态的页面元素拥有会运动的元素，或移动或闪烁，原理就是把一连串的包括一张背景图像和位于该一张背景图像上的文字内容的对象连贯起来形成动画，动态的页面元素中的每一对象可以看成是静态的页面元素。

以下结合说明书附图对本申请的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本申请，并不用于限定本申请。并且在不冲突的情况下，本申请中的实施例及实施例中的特征可以相互组合。

实施例一

本申请实施例一的提供的页面元素生成方法可应用在如图1所示的页面元素生成系统，该系统可包括客户端11和服务器12；

这里的客户端可以为安装在用户终端(移动终端、个人计算机(PersonalComputer，PC)、平板电脑(Portable android device，Pad))的应用程序，也可以为基于页面(Web)的应用程序。在为基于web的应用程序，也即web应用程序时，用户只需要安装浏览器即可，不需要安装其他软件，也不需对软件进行更新。在使用时，用户在浏览器中输入Web应用程序对应的网址，浏览器搜索该网址对应的页面并展示，搜索到的页面中加载有用于指示打开该Web软件的按钮，浏览器监测到用户对该按钮的点击操作时，加载用于进行页面元素制作的用户界面即可进行页面元素制作。这里，浏览器作为web应用程序和服务器的媒介，传输web应用程序和服务器间的交互信息。

图1所示的页面元素生成系统中，所述客户端11，可用于向服务器上传文字内容和背景图片；向所述服务器发送页面元素生成指令；接收所述服务器返回的多个语言版本的页面元素；

所述服务器12，可用于获取客户端上传的文字内容和背景图片；接收所述客户端发送的页面元素生成指令；根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；向所述客户端返回生成的多个语言版本的页面元素。

本申请实施例一提供的页面元素生成方法的流程图如图2所示，可包括以下步骤：

步骤201：客户端确定并向服务器上传文字内容和背景图片。

考虑到在进行多语言版本的页面元素的制作时，针对每一种语言文字内容，均需要使用同一背景图片，制作出对应该语言版本的页面元素，因此，本步骤中进行背景图片的确定及上传。

此外，考虑到多语言版本页面元素的制作，涉及到表达同一意思的多语言文字内容，为了提高页面元素的制作效率，减少表达同一意思的不语言文字内容的编辑量以及人工编辑出现错误的情况，本步骤这里并不进行各个语言版本的文字内容的编辑，而是确定并上传某一个语言版本的文字内容至服务器，后续可通过对文字内容进行多语种翻译或转换，得到对应语言版本的文字内容。

具体地，本步骤中，可以是客户端将文字内容和背景图片主动发送给服务器，也可以是服务器从客户端中主动抓取文字内容和背景图片。

客户端完成上述上传动作后，服务器即获取到了客户端上传的文字内容和背景图片。

图3中示例出了客户端上传的文字内容，上传的文字内容具体为中文简体版本的文字内容；图4中示例出了客户端上传的背景图片1。

步骤202：客户端向所述服务器发送页面元素生成指令。

在本步骤中，客户端可以是在接收到发送指令时或者在确定满足预置的发送条件时，向服务器发送页面元素生成指令。

客户端向服务器发送页面元素生成指令，目的是让所述服务器利用所述背景图片和所述文字内容，生成多语言版本的页面元素。

上述多语言版本中的各语言版本可以是服务器中默认设置的，也可以是客户端确定各语言版本后上传给服务器的。

优选的，考虑到实际中网站对页面元素生成的语言版本的需求不同，为了满足网站的个性化需求，提高页面元素生成的灵活性，客户端可指定语言版本。在此时需要在客户端在向所述服务器发送页面元素生成指令之前，客户端先确定各语言版本，将确定的语言版本上传给所述服务器。

具体发送页面元素生成指令时，所述客户端可分别针对确定的每一语言版本，发送一次页面元素生成指令；也可以针对指定的多个语言版本，向所述服务器发送一次页面元素生成请求。

步骤203：客户端接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

这里，所述对应语言版本的文字内容可以是通过翻译或转换上传的所述文字内容得到的。

客户端向所述服务器发送页面元素生成，对应的，所述服务器接收所述页面元素生成指令，之后，所述服务器根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；将生成的多个语言版本的页面元素返回给所述客户端。

进一步地，所述服务器预置由多语种翻译库，具有多语种翻译或转换功能和将背景图像和文字内容进行合成的功能。所述服务器利用获取的所述文字内容和背景图片，生成多个语言版本的文字内容可包括：利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容；针对每一对应语言版本的文字内容，根据该对应语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素。

在客户端上传语言版本时，所述服务器可按照获取的客户端上传的各语言版本，对所述文字内容进行多语种翻译/转换，得到多种目标语言文字内容；在客户端没有上传语言版本，服务器中预置了各语言版本时，所述服务器可按照预置的各语言版本，对所述文字内容进行多语种翻译/转换，得到多个对应的语言版本的文字内容；

需要注意的是，在客户端上传的语言版本包括文字内容所属的语言版本时，不需要对文字内容进行翻译，可直接将文字内容与所述背景图像进行合成，得到对应于接收的文字内容所属的语言版本的页面元素。

进一步地，服务器生成对应语言版本的页面元素的过程可包括：针对每一对应语言版本的文字内容，将该语言版本的文字内容添加在新建的第一图层中得到文字层，将所述背景图像插入到新建的第二图层中得到背景层；合成所述文字层和背景层，得到对应语言版本的页面元素，合成时，文字层置于背景层的上方。

这里，所述文字层为透明的图层，以避免遮挡所述背景层中的背景图像。

以图3和图4所示的文字内容和背景图片1为例，假设客户端上传的各语言版本为中文简体、中文繁体和英语，则服务器生成的多个语言版本的页面元素可如图5、图6和图7所示，这里图5是中文简体版本的页面元素，图6为中文繁体版本的页面元素，图7为英语版本的页面元素。

在本申请实施例一的方案中，客户端向服务器上传文字内容和背景图片，将构成页面元素的背景图片和文字内容进行了分离，这就为后续进行多语言版本的页面元素的生成奠定了基础，服务器在获取上传的文字内容和图片时，即可针对每一语言版本，基于同一背景图片和位于该背景图片上的对应语言版本的文字内容，生成对应语言版本的页面元素，实现了多语言版本页面元素的批量生成，使得无需针对每一语言版本，分别设计出具有该语言版本的文字内容和背景图片的页面元素的设计稿，提高了多语言版本页面元素的生成的效率。

本申请实施例的方案可以应用在电子商务网站中，也可以应用在其它需要制作多语言版本的页面元素的网站中。考虑到由于电子商务的自身特点，展示对象以及展示需求随季节、潮流、节日、展示对象的数量等各种因素的不断更新以及不断变化，网站的页面元素也需紧随着展示对象以及展示需求的变化而变化，这就使得本申请的这种利用可实现批量生成多语言版本网页元素的方法尤其适用在电子商务网站中，可较大程度上减少设计者制作设计图的工作量，提高网页的页面元素的制作效率。

进一步地，步骤201之前，可以预先在记事本或其它编辑工具中编辑文字内容，将编辑好的文字内容和背景图片对应存储。在需要生成页面元素时，步骤201中，客户端读取对应存储的文字内容和背景图片，将读取的文字内容和背景图片作为确定的文字内容和背景图片。

优选地，上述步骤201中，为了方便用户制作页面元素，这里可在客户端上提供一用于制作页面元素的用户界面，包括上传区域和编辑区域，所述上传区域用于上传背景图片，所述编辑区域用于输入文字内容；此时，客户端可接收通过所述图片上传区域输入的图片上传指令，以及在所述编辑区域输入的文字内容；之后将所述图片上传指令所针对的背景图片和接收的所述文字内容上传给服务器。图8给出了一种包括上传区域和编辑区域的用户界面示例。

针对电子商务网站，用户可以从以下几个字段在编辑区域编辑文字内容，第一字段为活动主题，例如可以为夏季新面貌；第二字段为利益点，例如可以为型男潮搭9.9元起；第三字段为内容露出，例如可以为上衣/外套/裤子/包包饰品；第四方面为行动点，通常是一个页面链接。

可选的，可以在上传背景图片之前，客户端对生成的页面元素的类型进行确定。页面元素类型可包括：首页页面元素、顶通页面元素和专题页面元素；首页页面元素是指需要在网站首页中展示的页面元素，顶通页面元素是指位于网站首页中顶部的页面元素；专题页面元素是指为某一节日或某一主题而专门制作的页面元素；这里每一页面元素类型对应有页面元素尺寸，页面元素的尺寸包括宽度和高度，不同的页面元素类型对应不同的页面元素尺寸。这里确定页面元素类型决定了生成的页面元素的尺寸。客户端可以依据确定的页面元素的类型，接收到上传的背景图片后，判断上传的背景图片的尺寸是否与确定的页面元素类型对应的尺寸相同，若相同，则进行后续页面元素的生成，若不相同，则提示用户重新上传背景图像。

图8所示的界面上具有翻译控件，此时，可通过触发所述翻译控件，来向服务器上传所述背景图像和文字内容。

利用上述用户界面，一次上传背景图片以及一次文字内容的编辑即可完成多语言版本的页面元素的生成，以可视化交互的方式完成了多个页面元素的一次性生成，实现了自助、快速地且灵活地生成多个页面元素。

考虑到页面元素中的文字内容通常具有文字样式属性，也即文字内容包括对应的文字样式，为了使得制作出的页面元素较为美观，较佳的，所述编辑区域还用于设置文字样式，例如，可以提供针对文字内容提供文字样式设置选项，在文字内容分属不同字段时，可针对每一字段提供对应的文字样式设置选项，利用对应的文字样式设置选项对属于该字段的文字内容进行文字样式的设置。这里文字样式设置选项中包括至少具有两种设置选项，一种是针对字体的设置选项，另一种是针对超链接的设置选项，使用超链接的设置选项可将输入的文字超链接到设定网页上。所述文字样式设置选项还可以包括文字内容背景图像中的位置信息，例如：居中、局左、局右。用户可通过文字样式设置选项对文字内容的文字样式进行设置；在设置好了文字样式之后，有两种利用设置的文字样式信息的方式，第一种利用方式：在执行上述步骤202之前，客户端接收到在所述编辑区针对所述文字内容设置的文字样式上传给服务器，服务器则接收所述客户端上传的文字样式，针对每一语言版本的文字内容，将该语言版本的文字内容根据所述文字样式进行排版后添加到新建的第一图层中得到文字层；第二种利用方式：客户端不将设置的文字样式发送给服务器，而是在上述步骤203之前，接收到在所述编辑区针对所述文字内容设置的文字样式，根据接收的文字样式显示所述多个语言版本的页面元素。具体地，也即为客户端按照接收的文字样式信息，排版页面元素的位于背景图像上的目标语言文字内容。

上述通过客户端的用户界面上的文字样式设置选项设置的文字样式，是适用于位于同一背景图像上的各语言版本的文字内容的，服务器或客户端在获得文字样式后，套用同一文字样式对各语言版本的文字内容进行排版，避免了人工逐一对各语言版本的文字内容进行重复的文字样式信息的设置，减少了工作人员的工作量，提高了页面元素的生成效率。

此外，考虑到由同一文字内容翻译/转换得到的各语言版本的文字内容的个数不同，套用同一文字样式后各语言版本的文字内容的大小和长短不一，也即占据的空间大小不同，这就可能会遮挡到背景图像中不希望被遮挡的展示对象中的部分或全部，同时也可能导致页面元素不够美观，以及制作出的页面元素的不符合要求，质量不高，为了提高制作出的页面元素的质量，服务器可以文字内容占据的空间为标准，适应性地调整各语言版本的文字内容的文字样式。此外，考虑到将文字内容翻译为一语言版本的文字内容时，可能会翻译出表达方式不同的该语言版本的文字内容，为了提高制作出的页面元素的质量，服务器还可以从翻译出的表达方式不同的语言版本的文字内容中，选择占据的版面空间小于文字内容占据的空间的表达方式下的该语言版本的文字内容，利用选择的该语言版本的文字内容和所述背景图像生成对应语言版本的页面元素。

客户端接收到多个语言版本的页面元素后，为了便于用户预览生成效果，较佳的，客户端提供的用户界面可包括：用于预览页面元素的预览区域，在上述步骤203之后，所述方法还包括：

在所述预览区域显示所述多个语言版本的页面元素。

为了便于用户对待生成的页面元素的语言版本进行设置，以及使用户清楚明了地获知得到的页面元素对应的语言版本，较佳的，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；

上述步骤202之前，所述方法还包括：

接收针对各显示栏设置的语言版本；

向所述服务器上传设置的所述语言版本；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

例如：假设在第一显示栏设置的是中文简体，在第二栏设置的是中文繁体，在第三栏设置的是英文，则在第一显示栏中显示中文简体版本的页面元素，在第二显示栏中显示中文繁体版本的页面元素，在第三显示栏中显示英文版本的页面元素。

进一步地，考虑到同一种语言在不同国家的语法略有不同，以及同一语言文字在不同国家或地区的表述略有不同，为了提高生成的页面元素的精确性，在进行语言版本设置时，还需要对设置的语言版本所适用的国家或地区进行设置，为了实现这一功能，较佳的，所述预览区包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示对应于设置的语言版本的页面元素；

在执行上述步骤202之前，所述方法还包括：

接收针对各显示栏设置的语言版本和对应的适用国家/地区；

向所述服务器上传设置的所述语言版本和适用国家/地区；

相应地，服务器接收所述客户端上传的各语言版本和对应的适用国家/地区；

此时，服务器利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容，具体包括：针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；服务器针对每一语言版本的文字内容，根据该语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素之后，所述方法还包括：服务器为生成的该对应语言版本的页面元素添加适用国家/地区标记，其中，添加的适用国家/地区为该语言版本对应的适用国家/地区。

上述步骤203具体包括：

接收所述服务器返回的标记有适用国家/地区的多个语言版本的页面元素；

上述客户端在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本和标记的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

例如，针对语言描述方面，在中国大陆地区，使用红包一词，然而，台湾用户可能会不理解红包的含义，因此，若文字内容中包含红包，则需要将文字内容中的红包翻译修改为优惠券，之后将优惠券转换为繁体，这里红包和优惠券即为对同一事物的不同表述方式。

考虑到用户预览生成的页面元素后，对不满意的页面元素需要进行修改，为了实现对页面元素进行修改，增加页面元素生成的灵活性和可用性，较佳的，所述方法还包括：

当接收到针对预览区域显示的页面元素的编辑指令时，激活该编辑指令所针对的页面元素包含的对应语言版本的文字内容处于可编辑状态；

对应语言版本的文字内容处于可编辑状态时，用户即可对该对应语言版本的文字内容进行编辑；在用户编辑完成后，所述客户端即可向所述服务器上传完成编辑后得到的对应语言版本的文字内容；相应的，所述服务器即获取到客户端上传的完成编辑后得到的对应语言版本的文字内容；客户端继而向所述服务器发送更新页面元素指令；相应的，所述服务器接收客户端发送的更新页面元素指令；之后所述服务器根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成更新后的页面元素；接下来，所述服务器向所述客户端返回的更新后的页面元素。相应的，所述客户端即接收所述服务器返回的更新后的页面元素。

进一步地，为了便于将当前的多语言版本的页面元素作为后续的多语言版本的页面元素制作的模板，所述方法还包括：

保存页面元素的文字内容、语言版本和背景图片。

这里可为保存的页面元素进行命名，后续基于命名进行页面元素的访问。

在保存了页面元素的文字内容、语言版本的背景图片之后，所述方法还包括：

接收历史页面元素访问指令；

根据接收的历史页面元素访问指令，确定历史页面元素的文字内容、语言版本和背景图片并在用户界面显示。

显示之后，即可利用该历史页面元素进行新的多个语言版本的页面元素的制作，将该历史页面元素作为参考模板。

所述历史页面元素访问指令中可携带有页面元素的名称，客户端可调出命名与历史页面元素访问指令中携带的页面元素的名称相同的页面元素，把调出的页面元素作为模板，在该模板的基础上进行背景图像、文字内容、文字样式信息、设置的目标语言文字内容和地区中的部分的更改，也即进行模板的套用，进一步减少页面元素制作的工作量，提高多语言版本的页面元素的生成效率。

考虑到在完成上述多个语言版本的页面元素的生成后，用户可能需要进行更多的语言版本的页面元素的生成，为了提高本申请的方案的一次生成多语言版本页面元素的语言版本个数的可扩展性，进一步提高页面元素的生成效率，进一步地，在上述步骤202之后，所述方法还包括：

接收携带有语言版本的新语言版本页面元素生成指令；

将所述新语言版本页面元素生成指令发送给所述服务器；

相应的，所述服务器接收所述新语言版本页面元素生成指令，根据所述背景图片、所述新语言版本页面元素生成指令中携带的语言版本和所述文字内容生成新语言版本的页面元素，其中，新语言版本的页面元素是包括所述背景图片和位于所述背景图片上的对应于所述新语言版本页面元素生成指令中携带的语言版本的文字内容；向所述客户端返回生成的新语言版本的页面元素。这里服务器具体生成新语言版本页面元素的过程可参见前述的页面元素生成过程，这里不再赘述。

此时，所述客户端接收所述服务器返回的新语言版本的页面元素。这里的新语言版本是相对于之前的语言版本而言的。

此外，为了便于导出生成的页面元素，所述用户界面还可以具有用于导出生成的各个语言版本的页面元素的区域和用于导出生成的各个语言版本的页面元素的源代码导出的文档导出按钮，进行页面元素的图片的导出，以及页面元素的源代码的导出。

展现上述过程的用户界面的示意图可如图9所示。

考虑到生成页面元素的目的是利用生成的页面元素制作网页，进而进行网页的发布，进一步地，所述方法还包括：

将多个语言版本的页面元素分别投放至对应的语言版本的网页生成服务器。

这里，在批量生成页面元素之后，进行批量投放，相对于逐个进行人工编辑生成页面元素以及逐个对生成的页面元素进行投放，减少了人工编辑量、投放操作执行的次数和人工编辑不可避免出现的错误和，极大地提高了页面生成的质量和效率。

上述实施例一从客户端的角度进行了页面生成方法的描述，下面，从页面元素生成服务器的角度描述页面元素生成方法，此时的方法流程图如图10所示，仅仅是描述角度的不同，包括以下步骤：

步骤1001：服务器获取客户端上传的文字内容和背景图片；

步骤1002：服务器接收所述客户端发送的页面元素生成指令；

步骤1003：根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

步骤1004：向所述客户端返回生成的多个语言版本的页面元素。

上述从页面生成服务器描述的页面生成方法的细节与从客户端角度描述的方法的具体实现细节相同，这里不再赘述。

由上述实施例一的方案可知，本申请实施例的页面元素的生成过程主要包括对文字内容进行翻译或转换获得对应语言版本的文字内容的翻译步骤，以及利用背景图像和对应语言版本的文字内容生成对应语言版本的页面元素的生成步骤。实施例一中是由服务器执行翻译步骤和生成步骤；当然，所述翻译步骤可以由服务器执行，也可以由客户端执行。所述生成步骤可由客户端执行，也可由服务器来执行。下面通过实施例二的方案对包括由客户端执行翻译步骤和生成步骤的方案，以及由服务器执行翻译步骤，客户端执行生成步骤的方案进行描述；通过实施例三对由客户端执行翻译步骤，服务器执行生成步骤的页面元素生成方案进行描述。此外，实施例二和实施例三中，翻译步骤和生成步骤的具体过程及实现细节与实施例一中本质是相同的，差别在于执行主体的不同，故在实施例二和实施例三中不再对相关实现细节进行赘述。

实施例二

本申请实施例二的方案中，以客户端为执行主体的页面元素生成方法的流程图如图11所示，包括以下步骤：

步骤1101：客户端确定文字内容和背景图片；

本步骤与实施例一中的步骤201类似，这里不再赘述。

步骤1102：根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

在本申请实施例二的方案中，客户端确定上传文字内容和背景图片，将构成页面元素的背景图片和文字内容进行了分离，这就为后续进行多语言版本的页面元素的生成奠定了基础，客户端可针对每一语言版本，基于同一背景图片和位于该背景图片上的对应语言版本的文字内容，生成对应语言版本的页面元素，实现了多语言版本页面元素的批量生成，使得无需针对每一语言版本，分别设计出具有该语言版本的文字内容和背景图片的页面元素的设计稿，提高了多语言版本页面元素的生成的效率。

较佳的，所述客户端提供一用户界面，该用户界面上包括上传区域和编辑区域，所述上传区域用于上传背景图片，所述编辑区域用于输入文字内容；

上述步骤1101具体包括：

客户端接收通过所述上传区域输入的图片上传指令，以及在所述编辑区输入的文字内容；

将所述图片上传指令所针对的背景图片和接收的所述文字内容作为确定的文字内容和背景图片。

进一步地，上述步骤1102包括步骤1和步骤II：

步骤I：确定对所述文字内容进行翻译或转换后得到的多个对应语言版本的文字内容；

具体的，此第一步中，客户端确定多个对应语言版本的文字内容的方式具有以下两种方式：

第一种方式：此所述客户端预置有多语种翻译库，客户端来执行翻译步骤；所述客户端利用所述多语种翻译库，将所述文字内容翻译为多个对应语言版本的文字内容。

第二种方式：服务器中预置有多语种翻译库，服务器来执行翻译步骤；客户端针对确定的所述文字内容向所述服务器发送翻译指令；接收所述服务器返回的多个对应语言版本的文字内容。

在该第二种方式下，相应的，服务器接收客户端针对确定的文字内容发送的翻译指令；服务器利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；服务器将所述多个对应语言版本的文字内容返回给所述客户端，此时，客户端接收所述服务器返回的多个对应语言版本的文字内容。

步骤II：针对每一对应语言版本的文字内容，根据该语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素。

进一步地，本步骤II包括：针对每一对应语言版本的文字内容，将该对应语言版本的文字内容添加在新建的第一图层中得到文字层，将所述背景图像插入到新建的第二图层中得到背景层；合成所述文字层和背景层，得到对应语言版本的页面元素。

较佳的，所述文字内容还包括对应的文字样式；针对每一对应语言版本的文字内容，将该对应语言版本的文字内容添加在新建的第一图层中得到文字层，包括：针对每一对应语言版本的文字内容，将该对应语言版本的文字内容根据所述文字样式进行排版后添加到新建的第一图层中得到文字层。

进一步地，所述客户端的用户界面包括：预览区域，所述预览区域用于预览页面元素；所述方法还包括：

在预览区域显示所述多个语言版本的页面元素。

在客户端执行翻译步骤的情况下，客户端实现显示的方式有以下较佳的实现方式1和实现方式2：

实现方式1：所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；

利用所述多语种翻译库，将所述文字内容翻译为多个对应语言版本的文字内容之前，所述方法还包括：

接收针对各显示栏设置的语言版本；

利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容，包括：

利用所述多语种翻译库，按照接收的语言版本，将确定的所述文字内容翻译为多个对应语言版本的文字内容；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

实现方式2：所述客户端中预先设置有同一事物在不同国家/地区的描述方式对照表，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示页面元素；

利用所述多语种翻译库，将所述文字内容翻译为多个对应语言版本的文字内容之前，所述方法还包括：

接收针对各显示栏设置的语言版本和对应的适用国家/地区；

利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容，包括：

针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并

利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；

针对每一语言版本的文字内容，根据该语言版本的文字内容和所述背景图片，生成对应语言版本的页面元素之后，所述方法还包括：

为生成的该对应语言版本的页面元素添加适用国家/地区标记，其中，添加的适用国家/地区为该语言版本对应的适用国家/地区；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本和标记的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

在服务器执行翻译步骤的情况下，客户端实现显示的方式有以下较佳的实现方式3和实现方式4：

实现方式3：所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；

针对确定的所述文字内容向所述服务器发送翻译指令之前，所述方法还包括：

接收针对各显示栏设置的语言版本并上传所述服务器；相应地，服务器接收所述客户端上传的各语言版本；利用所述多语种翻译库，针按照客户端上传的语言版本，将确定的所述文字内容翻译为多个对应语言版本的文字内容。

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

实现方式4，所述预览区包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示页面元素；

针对确定的所述文字内容向所述服务器发送翻译指令之前，所述方法还包括：

客户端接收针对各显示栏设置的语言版本和对应的适用国家/地区并上传服务器；所述服务器中预先设置有同一事物在不同国家/地区的描述方式对照表，相应地，所述服务器接收所述客户端上传的各语言版本和对应的适用国家/地区；服务器针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；服务器为翻译的对应语言版本的文字内容添加适用国家/地区标记。

此时，客户端接收所述服务器返回的多个对应语言版本的文字内容，包括：

客户端接收所述服务器返回的标记有适用国家/地区的多个语言版本的文字内容；

此时，客户端在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本和标记的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

进一步地，为了实现修改页面元素上的对应语言版本的文字内容的功能，所述方法还包括：

当接收到针对预览区域显示的页面元素的编辑指令时，激活该编辑指令所针对的页面元素包含的对应语言版本的文字内容处于可编辑状态；

根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成更新后的页面元素。

进一步地，所述方法还包括：保存页面元素的文字内容和背景图片。

进一步地，为了实现套用历史页面元素的文字内容和背景图片的功能，进一步提高页面元素的生成效率，所述方法还包括：接收历史页面元素访问指令；根据接收的历史页面元素访问指令，确定历史页面元素的文字内容和背景图片并在用户界面显示。

进一步地，为了实现新语言版本的页面元素生成的功能，进一步提高页面元素的生成效率，所述方法还包括：接收携带有语言版本的新语言版本页面元素生成指令；根据所述背景图片、和位于所述背景图片上的、对应于所述新语言版本页面元素生成指令中携带的、语言版本的文字内容生成新语言版本的页面元素。

进一步地，为了批量投放生成的页面元素，所述方法还包括：将多个语言版本的页面元素分别投放至对应的语言版本的网页生成服务器。

本申请实施例二中的页面元素生成方法，与实施例一中的成页面元素的方法类似，区别在于执行主体的不同，各个较佳的方式/进一步的方式取得的有益效果也与实施例一中相应部分的较佳的方式/进一步的方式取得的有益效果类似，可参见实施例一中的描述，这里不再赘述。

在本实施例二中，在由服务器执行翻译步骤时，服务器中预置有多语种翻译库，以服务器为执行主体的页面元素生成方法的流程图如图12所示，包括以下步骤：

步骤1201：服务器接收客户端针对确定的文字内容发送的翻译指令；

步骤1202：利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

步骤1203：将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

实施例三

如图13所示，其为本申请实施例提供的以客户端为执行主体的网页的页面元素生成方法流程示意图，所述客户端预置有多语种翻译库，可包括以下步骤：

步骤1301：客户端确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

步骤1302：客户端向服务器上传多个对应语言版本的文字内容和背景图片；

步骤1303：向所述服务器发送页面元素生成指令；

步骤1304：接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

在本申请实施例三的方案中，客户端确定上传文字内容和背景图片，将构成页面元素的背景图片和文字内容进行了分离，并将多个语言版本的文字内容提供给了服务器，这就为后续服务器进行多语言版本的页面元素的生成奠定了基础，客户端可针对每一语言版本的文字内容，基于同一背景图片和位于该背景图片上的对应语言版本的文字内容，生成对应语言版本的页面元素，实现了多语言版本页面元素的批量生成，使得无需针对每一语言版本，分别设计出具有该语言版本的文字内容和背景图片的页面元素的设计稿，提高了多语言版本页面元素的生成的效率。

较佳的，所述客户端的用户界面上包括上传区域和编辑区域，所述上传区域用于上传背景图片，所述编辑区域用于输入文字内容；

上述步骤1301中，客户端确定文字内容，包括：

客户端接收在所述编辑区域输入的文字内容；将接收的文字内容作为确定的文字内容；

上述步骤1301中，客户端向服务器上传背景图片，包括：客户端接收图片上传指令；将所述图片上传指令所针对的背景图片上传给服务器。

较佳的，客户端上传的多个对应语言版本的文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；所述方法还包括：

接收在所述编辑区域针对所述文字内容设置的文字样式；

将接收的所述文字样式作为上传的上传的多个对应语言版本的文字内容对应的文字样式。

较佳的，上传的多个对应语言版本的文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；所述方法还包括：

接收所述服务器返回的多个语言版本的页面元素之前，所述方法还包括：

接收在所述编辑区域针对所述文字内容设置的文字样式；

接收所述服务器返回的多个语言版本的页面元素之后，所述方法还包括：

根据接收的文字样式显示所述多个语言版本的页面元素。

较佳的，所述客户端的用户界面包括：预览区域，所述预览区域用于预览页面元素；所述方法还包括：在预览区域显示所述多个语言版本的页面元素。

较佳的，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；客户端将文字内容翻译或转换为多个对应语言版本的文字内容，包括：接收针对各显示栏设置的语言版本；按照设置的语言版本，将文字内容翻译或转换为多个对应语言版本的文字内容；

在预览区域显示所述多个语言版本的页面元素，包括：针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

较佳的，所述客户端中预先设置有同一事物在不同国家/地区的描述方式对照表，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示对应于设置的语言版本的页面元素；

客户端将文字内容翻译或转换为多个对应语言版本的文字内容，包括：

接收针对各显示栏设置的语言版本和对应的适用国家/地区；

针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并

利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；

接收所述服务器返回的多个语言版本的页面元素，包括：

接收所述服务器返回的标记有适用国家/地区的多个语言版本的页面元素；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本和对应的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

较佳的，所述方法还包括：当接收到针对预览区域显示的页面元素的编辑指令时，激活该编辑指令所针对的页面元素包含的对应语言版本的文字内容处于可编辑状态；向所述服务器上传完成编辑后得到的对应语言版本的文字内容；向所述服务器发送更新页面元素指令；接收所述服务器返回的更新后的页面元素，其中，更新后的页面元素是根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成的。

较佳的，所述方法还包括：保存页面元素的文字内容和背景图片。

较佳的，所述方法还包括：接收历史页面元素访问指令；根据接收的历史页面元素访问指令，确定历史页面元素的文字内容、语言版本并在用户界面显示。

较佳的，所述方法还包括：接收携带有新语言版本的文字内容的新语言版本页面元素生成指令；将所述新语言版本页面元素生成指令发送给所述服务器；接收所述服务器返回的新语言版本的页面元素，其中，新语言版本的页面元素是根据所述背景图片、和位于所述背景图片上的、所述新语言版本页面元素生成指令中携带的新语言版本的文字内容生成的。

较佳的，所述方法还包括：将多个语言版本的页面元素分别投放至对应的语言版本的网页生成服务器。

如图14所示，其为本申请实施例提供的以客户端为执行主体的网页的页面元素生成方法流程示意图，所述客户端预置有多语种翻译库，可包括以下步骤：

步骤1401：服务器确定客户端上传的多个对应语言版本的文字内容和背景图片；

步骤1402：服务器针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

步骤1403：服务器向所述客户端返回生成的多个语言版本的页面元素。

较佳的，上述步骤1402包括：针对每一对应语言版本的文字内容，将该对应语言版本的文字内容添加在新建的第一图层中得到文字层，将所述背景图像插入到新建的第二图层中得到背景层；合成所述文字层和背景层，得到对应语言版本的页面元素。

较佳的，上传的多个对应语言版本的文字内容还包括对应的文字样式；

上述针对每一对应语言版本的文字内容，将该对应语言版本的文字内容添加在新建的第一图层中得到文字层，包括：针对每一对应语言版本的文字内容，将该对应语言版本的文字内容根据所述文字样式进行排版后添加到新建的第一图层中得到文字层。

较佳的，所述方法还包括：接收客户端上传的完成编辑后得到的对应语言版本的文字内容；接收客户端发送的更新页面元素指令；根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成更新后的页面元素；向所述客户端返回的更新后的页面元素。

较佳的，所述方法还包括：

接收所述客户端发送的携带有语言版本的文字内容的新语言版本页面元素生成指令；根据所述背景图片、所述新语言版本页面元素生成指令中携带的新语言版本的文字内容生成新语言版本的页面元素，其中，新语言版本的页面元素是包括所述背景图片和位于所述背景图片上的所述新语言版本页面元素生成指令中携带的语言版本的文字内容；向所述客户端返回生成的新语言版本的页面元素。

此外，基于同一发明构思，与实施例一对应的，本申请还从客户端侧提供一种网页的页面元素生成装置，如图15所示，包括：

上传模块1501，用于向服务器上传文字内容和背景图片；

发送模块1502，用于向所述服务器发送页面元素生成指令；

接收模块1503，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

较佳的、所述对应语言版本的文字内容是通过翻译或转换上传的所述文字内容得到的。

较佳的，所述网页的页面元素生成装置的用户界面上包括上传区域和编辑区域，所述上传区域用于上传背景图片，所述编辑区域用于输入文字内容；

所述上传模块，具体用于接收通过所述图片上传区域输入的图片上传指令，以及在所述编辑区域输入的文字内容；将所述图片上传指令所针对的背景图片和接收的所述文字内容上传给服务器。

较佳的，上传的所述文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；所述上传模块还用于接收在所述编辑区针对所述文字内容设置的文字样式；将接收的所述文字样式作为上传的所述文字内容对应的文字样式。

较佳的，上传的所述文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；所述接收模块，还用于在接收所述服务器返回的多个语言版本的页面元素之前，接收在所述编辑区域针对所述文字内容设置的文字样式；所述装置还包括：显示模块，用于在接收模块接收所述服务器返回的多个语言版本的页面元素之后，根据接收模块接收的文字样式显示所述多个语言版本的页面元素。

较佳的，所述网页的页面元素生成装置的用户界面包括：预览区域，所述预览区域用于预览页面元素；所述装置还包括：显示模块，用于在预览区域显示所述多个语言版本的页面元素。

较佳的，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；

所述上传模块，还用于在发送模块向所述服务器发送页面元素生成指令之前，接收针对各显示栏设置的语言版本；向所述服务器上传设置的所述语言版本；

所述显示模块，具体用于针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

较佳的，所述预览区包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示对应于设置的语言版本的页面元素；

所述上传模块，还用于向所述服务器发送页面元素生成指令之前，接收针对各显示栏设置的语言版本和对应的适用国家/地区；向所述服务器上传设置的所述语言版本和适用国家/地区；

所述接收模块，具体用于接收所述服务器返回的标记有适用国家/地区的多个语言版本的页面元素；

所述显示模块，具体用于针对每一显示栏，在该显示栏中显示语言版本和标记的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

较佳的，所述装置还包括：激活模块，用于当接收到针对预览区域显示的页面元素的编辑指令时，激活该编辑指令所针对的页面元素包含的对应语言版本的文字内容处于可编辑状态；

所述上传模块，还用于向所述服务器上传完成编辑后得到的对应语言版本的文字内容；

所述发送模块，还用于向所述服务器发送更新页面元素指令；

所述接收模块，还用于接收所述服务器返回的更新后的页面元素，其中，更新后的页面元素是根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成的。

较佳的，所述装置还包括：保存模块，用于保存页面元素的文字内容、语言版本和背景图片。

较佳的，所述接收模块，还用于接收历史页面元素访问指令；

所述装置还包括:确定模块，用于根据接收的历史页面元素访问指令，确定历史页面元素的文字内容、语言版本和背景图片；所述显示模块，还用于显示历史页面元素的文字内容、语言版本和背景图片。

较佳的，所述接收模块，还用于接收携带有语言版本的新语言版本页面元素生成指令；所述发送模块，还用于将所述新语言版本页面元素生成指令发送给所述服务器；所述接收模块，还用于接收所述服务器返回的新语言版本的页面元素，其中，新语言版本的页面元素是根据所述背景图片、和位于所述背景图片上的、对应于所述新语言版本页面元素生成指令中携带的、语言版本的文字内容生成的。

较佳的，所述装置还包括：投放模块，用于将多个语言版本的页面元素分别投放至对应的语言版本的网页生成服务器。

如图16所示，其为本申请从网络侧提供的一种网页的页面元素生成装置，包括：

获取模块1601，用于获取客户端上传的文字内容和背景图片；

接收模块1602，用于接收所述客户端发送的页面元素生成指令；

生成模块1603，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块1604，用于向所述客户端返回生成的多个语言版本的页面元素。

较佳的，所述网页的页面元素生成装置中预置有多语种翻译库；

所述生成模块，具体用于利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容；针对每一对应语言版本的文字内容，根据该对应语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素。

较佳的，所述生成模块，具体用于针对每一对应语言版本的文字内容，将该语言版本的文字内容添加在新建的第一图层中得到文字层，将所述背景图像插入到新建的第二图层中得到背景层；合成所述文字层和背景层，得到对应语言版本的页面元素。

较佳的，上传的所述文字内容还包括对应的文字样式；所述生成模块，具体用于针对每一语言版本的文字内容，将该语言版本的文字内容根据所述文字样式进行排版后添加到新建的第一图层中得到文字层。

较佳的，所述获取模块，还用于在所述接收模块接收所述客户端发送的页面元素生成指令之前，获取所述客户端上传的各语言版本；

所述生成模块，具体用于利用所述多语种翻译库，按照客户端上传的语言版本，将确定的所述文字内容翻译为多个对应语言版本的文字内容。

较佳的，所述装置中预先设置有同一事物在不同国家/地区的描述方式对照表，

所述接收模块，还用于接收所述客户端发送的页面元素生成指令之前，接收所述客户端上传的各语言版本和对应的适用国家/地区；

所述生成模块，具体用于针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；

较佳的，所述生成模块，还用于为生成的该对应语言版本的页面元素添加适用国家/地区标记，其中，添加的适用国家/地区为该语言版本对应的适用国家/地区。

较佳的，所述获取模块，还用于接收客户端上传的完成编辑后得到的对应语言版本的文字内容；所述接收模块，还用于接收客户端发送的更新页面元素指令；

所述生成模块，还用于根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成更新后的页面元素；

所述发送模块，还用于向所述客户端返回的更新后的页面元素。

较佳的，所述接收模块，还用于接收所述客户端发送的携带有语言版本的新语言版本页面元素生成指令；

所述生成模块，还用于根据所述背景图片、所述新语言版本页面元素生成指令中携带的语言版本和所述文字内容生成新语言版本的页面元素，其中，新语言版本的页面元素是包括所述背景图片和位于所述背景图片上的对应于所述新语言版本页面元素生成指令中携带的语言版本的文字内容；

所述发送模块，还用于向所述客户端返回生成的新语言版本的页面元素。

与实施例二相对应的，本申请还提供一种网页的页面元素生成装置，如图17所示，包括：

确定模块1701，用于确定文字内容和背景图片；

生成模块1702，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

本申请还提供一种网页的页面元素生成装置，所述装置中预置有多语种翻译库，如图18所示，包括：

接收模块1801，用于接收客户端针对确定的文字内容发送的翻译指令；

翻译模块1802，用于利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

发送模块1803，用于将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

与实施例三相对应的，本申请还提供一种网页的页面元素生成装置，如图19所示，所述装置预置有多语种翻译库，所述装置：

翻译模块1901，用于确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

上传模块1902，用于向服务器上传多个对应语言版本的文字内容和背景图片；

发送模块1903，用于向所述服务器发送页面元素生成指令；

接收模块1904，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

本申请实施例还提供一种网页的页面元素生成装置，如图20所示，所述装置预置有多语种翻译库，包括：

确定模块2001，用于确定客户端上传的多个对应语言版本的文字内容和背景图片；

生成模块2002，用于针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块2003，用于向所述客户端返回生成的多个语言版本的页面元素。

上述各模块的具体实现细节可参见实施例二中的内容，这里不再赘述。

本领域的技术人员应明白，本发明的实施例可提供为方法、装置(设备)、或计算机程序产品。因此，本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本发明是参照根据本发明实施例的方法、装置(设备)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

尽管已描述了本发明的优选实施例，但本领域内的技术人员一旦得知了基本创造性概念，则可对这些实施例作出另外的变更和修改。所以，所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。

显然，本领域的技术人员可以对本发明进行各种改动和变型而不脱离本发明的精神和范围。这样，倘若本发明的这些修改和变型属于本发明权利要求及其等同技术的范围之内，则本发明也意图包含这些改动和变型在内。

Claims (31)

1.一种网页的页面元素生成方法，其特征在于，包括：

客户端向服务器上传文字内容和背景图片；

向所述服务器发送页面元素生成指令；

接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

2.如权利要求1所述的方法，其特征在于，所述对应语言版本的文字内容是通过翻译或转换上传的所述文字内容得到的。

3.如权利要求1所述的方法，其特征在于，所述客户端的用户界面上包括上传区域和编辑区域，所述上传区域用于上传背景图片，所述编辑区域用于输入文字内容；

客户端向服务器上传文字内容和背景图片，包括：

客户端接收通过所述图片上传区域输入的图片上传指令，以及在所述编辑区域输入的文字内容；

将所述图片上传指令所针对的背景图片和接收的所述文字内容上传给服务器。

4.如权利要求3所述的方法，其特征在于，上传的所述文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；所述方法还包括：

接收在所述编辑区针对所述文字内容设置的文字样式；

将接收的所述文字样式作为上传的所述文字内容对应的文字样式。

5.如权利要求3所述的方法，其特征在于，上传的所述文字内容还包括对应的文字样式，所述编辑区域还用于设置文字样式；

接收所述服务器返回的多个语言版本的页面元素之前，所述方法还包括：

接收在所述编辑区域针对所述文字内容设置的文字样式；

接收所述服务器返回的多个语言版本的页面元素之后，所述方法还包括：

根据接收的文字样式显示所述多个语言版本的页面元素。

6.如权利要求1所述的方法，其特征在于，所述客户端的用户界面包括：预览区域，所述预览区域用于预览页面元素；所述方法还包括：

在预览区域显示所述多个语言版本的页面元素。

7.如权利要求6所述的方法，其特征在于，所述预览区域包括：多个显示栏，每一显示栏用于设置语言版本及显示页面元素；

向所述服务器发送页面元素生成指令之前，所述方法还包括：

接收针对各显示栏设置的语言版本；

向所述服务器上传设置的所述语言版本；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本与针对该显示栏设置的语言版本相同的页面元素。

8.如权利要求6所述的方法，其特征在于，所述预览区包括：多个显示栏，每一显示栏用于设置语言版本和适用国家/地区及显示对应于设置的语言版本的页面元素；

向所述服务器发送页面元素生成指令之前，所述方法还包括：

接收针对各显示栏设置的语言版本和对应的适用国家/地区；

向所述服务器上传设置的所述语言版本和适用国家/地区；

接收所述服务器返回的多个语言版本的页面元素，包括：

接收所述服务器返回的标记有适用国家/地区的多个语言版本的页面元素；

在预览区域显示所述多个语言版本的页面元素，包括：

针对每一显示栏，在该显示栏中显示语言版本和标记的适用国家/地区与该显示栏设置的语言版本和适用国家/地区相同的页面元素。

9.如权利要求6所述的方法，其特征在于，所述方法还包括：

当接收到针对预览区域显示的页面元素的编辑指令时，激活该编辑指令所针对的页面元素包含的对应语言版本的文字内容处于可编辑状态；

向所述服务器上传完成编辑后得到的对应语言版本的文字内容；

向所述服务器发送更新页面元素指令；

接收所述服务器返回的更新后的页面元素，其中，更新后的页面元素是根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成的。

10.如权利要求7或8所述的方法，其特征在于，所述方法还包括：

保存页面元素的文字内容、语言版本和背景图片。

11.如权利要求10所述的方法，其特征在于，所述方法还包括：

接收历史页面元素访问指令；

根据接收的历史页面元素访问指令，确定历史页面元素的文字内容、语言版本和背景图片并在用户界面显示。

12.如权利要求1所述的方法，其特征在于，所述方法还包括：

接收携带有语言版本的新语言版本页面元素生成指令；

将所述新语言版本页面元素生成指令发送给所述服务器；

接收所述服务器返回的新语言版本的页面元素，其中，新语言版本的页面元素是根据所述背景图片、和位于所述背景图片上的、对应于所述新语言版本页面元素生成指令中携带的、语言版本的文字内容生成的。

13.如权利要求1所述的方法，其特征在于，所述方法还包括：

将多个语言版本的页面元素分别投放至对应的语言版本的网页生成服务器。

14.一种网页的页面元素生成方法，其特征在于，包括：

服务器获取客户端上传的文字内容和背景图片；

接收所述客户端发送的页面元素生成指令；

根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

向所述客户端返回生成的多个语言版本的页面元素。

15.如权利要求14所述的方法，其特征在于，所述服务器预置有多语种翻译库；

根据所述背景图片和所述文字内容生成多个语言版本的页面元素，包括：

利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容；

针对每一对应语言版本的文字内容，根据该对应语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素。

16.如权利要求15所述的方法，其特征在于，针对每一语言版本的文字内容，根据该语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素，包括：

针对每一对应语言版本的文字内容，将该语言版本的文字内容添加在新建的第一图层中得到文字层，将所述背景图像插入到新建的第二图层中得到背景层；

合成所述文字层和背景层，得到对应语言版本的页面元素。

17.如权利要求16所述的方法，其特征在于，上传的所述文字内容还包括对应的文字样式；

针对每一语言版本的文字内容，将该语言版本的文字内容添加在新建的第一图层中得到文字层，包括：

针对每一语言版本的文字内容，将该语言版本的文字内容根据所述文字样式进行排版后添加到新建的第一图层中得到文字层。

18.如权利要求15所述的方法，其特征在于，接收所述客户端发送的页面元素生成指令之前，所述方法还包括：

获取所述客户端上传的各语言版本；

利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容，包括：

利用所述多语种翻译库，按照客户端上传的语言版本，将确定的所述文字内容翻译为多个对应语言版本的文字内容。

19.如权利要求15所述的方法，其特征在于，所述服务器中预先设置有同一事物在不同国家/地区的描述方式对照表，接收所述客户端发送的页面元素生成指令之前，所述方法还包括：

接收所述客户端上传的各语言版本和对应的适用国家/地区；

利用所述多语种翻译库，将确定的所述文字内容翻译为多个对应语言版本的文字内容，包括：

针对接收的每一语言版本和对应的适用国家/地区，按照对照表中所述接收的该适用国家/地区对事物的描述方式，对所述文字内容进行修改；并

利用所述多语种翻译库，将修改后得到的文字内容翻译为对应语言版本的文字内容；

针对每一语言版本的文字内容，根据该语言版本的文字内容和所述背景图像，生成对应语言版本的页面元素之后，所述方法还包括：

为生成的该对应语言版本的页面元素添加适用国家/地区标记，其中，添加的适用国家/地区为该语言版本对应的适用国家/地区。

20.如权利要求14所述的方法，其特征在于，所述方法还包括：

接收客户端上传的完成编辑后得到的对应语言版本的文字内容；

接收客户端发送的更新页面元素指令；

根据所述背景图片和位于所述背景图片上的编辑后得到的对应语言版本的文字内容生成更新后的页面元素；

向所述客户端返回的更新后的页面元素。

21.如权利要求14所述的方法，其特征在于，所述方法还包括：

接收所述客户端发送的携带有语言版本的新语言版本页面元素生成指令；

根据所述背景图片、所述新语言版本页面元素生成指令中携带的语言版本和所述文字内容生成新语言版本的页面元素，其中，新语言版本的页面元素是包括所述背景图片和位于所述背景图片上的对应于所述新语言版本页面元素生成指令中携带的语言版本的文字内容；

向所述客户端返回生成的新语言版本的页面元素。

22.一种网页的页面元素生成方法，其特征在于，包括：

客户端确定文字内容和背景图片；

根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

23.一种网页的页面元素生成方法，其特征在于，服务器中预置有多语种翻译库，所述方法包括：

服务器接收客户端针对确定的文字内容发送的翻译指令；

利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

24.一种网页的页面元素生成方法，其特征在于，所述客户端预置有多语种翻译库，所述方法包括：

客户端确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

客户端向服务器上传多个对应语言版本的文字内容和背景图片；

向所述服务器发送页面元素生成指令；

接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

25.一种网页的页面元素生成方法，其特征在于，所述方法包括：

服务器确定客户端上传的多个对应语言版本的文字内容和背景图片；

针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

向所述客户端返回生成的多个语言版本的页面元素。

26.一种网页的页面元素生成装置，其特征在于，包括：

上传模块，用于向服务器上传文字内容和背景图片；

发送模块，用于向所述服务器发送页面元素生成指令；

接收模块，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

27.一种网页的页面元素生成装置，其特征在于，包括：

获取模块，用于获取客户端上传的文字内容和背景图片；

接收模块，用于接收所述客户端发送的页面元素生成指令；

生成模块，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块，用于向所述客户端返回生成的多个语言版本的页面元素。

28.一种网页的页面元素生成装置，其特征在于，包括：

确定模块，用于确定文字内容和背景图片；

生成模块，用于根据所述背景图片和所述文字内容生成多个语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容。

29.一种网页的页面元素生成装置，其特征在于，所述装置中预置有多语种翻译库，包括：

接收模块，用于接收客户端针对确定的文字内容发送的翻译指令；

翻译模块，用于利用所述多语种翻译库，对所述文字内容进行多语种翻译，得到多个对应语言版本的文字内容；

发送模块，用于将所述多个对应语言版本的文字内容返回给所述客户端，所述多个对应语言版本的文字内容用于和同一背景图像，生成对应语言版本的页面元素，所述页面元素包括所述背景图像和位于所述背景图像上的对应语言版本的文字内容。

30.一种网页的页面元素生成装置，其特征在于，所述装置预置有多语种翻译库，所述装置：

翻译模块，用于确定文字内容并将确定的文字内容翻译或转换为多个对应语言版本的文字内容；

上传模块，用于向服务器上传多个对应语言版本的文字内容和背景图片；

发送模块，用于向所述服务器发送页面元素生成指令；

接收模块，用于接收所述服务器返回的多个语言版本的页面元素，其中，每个语言版本的页面元素是根据所述背景图片和位于所述背景图片上的对应语言版本的文字内容生成的。

31.一种网页的页面元素生成装置，其特征在于，包括：

确定模块，用于确定客户端上传的多个对应语言版本的文字内容和背景图片；

生成模块，用于针对每一对应语言版本的文字内容，根据所述背景图片和该对应语言版本的文字内容生成对应语言版本的页面元素，其中，每个语言版本的页面元素包括所述背景图片和位于所述背景图片上的对应语言版本的文字内容；

发送模块，用于向所述客户端返回生成的多个语言版本的页面元素。