CN104572092A - 网页制作方法与装置 - Google Patents

Abstract

本发明提供了一种网页制作方法与装置，其中，所述方法包括：在浏览器中加载网页制作的界面窗口，其中，界面窗口中包含对网页进行设置的选项；通过对界面窗口中的选项的配置，生成网页的网页元素和网页元素的属性信息；根据网页元素和网页元素的属性信息，生成网页的网页源数据；将网页的网页源数据发送至服务器；接收服务器返回的、依据网页源数据生成的网页源代码。通过本发明，能够实现灵活的网页生成。

Description

网页制作方法与装置

技术领域

本发明涉及网络技术领域，特别是涉及一种网页制作方法与装置。

背景技术

近年来，随着计算机的普及与因特网的蓬勃发展，各种应用服务纷纷与因特网进行结合，例如：网络购物、网络论坛等。而这些应用服务皆是以网页的方式进行呈现，因此，如何快速且方便的开发网页已成为亟待解决的问题。

目前，主要有两种网页制作方案，一种为：网页开发人员通过手动敲入逻辑代码生成网页对应的网页源代码以完成网页的制作。另一种，为了解决第一种网页制作方案中，完全通过手动敲入的代码的方式非常繁琐的问题，网页开发人员将相同的功能以模块化的方式撰写成程序对象，这样，在需要此功能时，直接引用相应程序对象即可，以减少人工输入代码。

从整体上来说，现有的这两网页制作方案，都仅限于是具有编写代码能力的网页开发人员对网页进行制作，而不适合普通的无编写代码能力的网页制作者，因此，不具有普适性。而现有的第一种网页制作方案，不仅需要耗费大量的人力物力，由于完全依靠开发人员手动敲入代码，因此，编写出的网页源代码易出现错误，无法制作出理想中的网页。而现有的第二种网页制作方案，虽然可以减少开发人员的工作量，但是，这种引入相应程序对象的方式无法任意选择欲使用的程序对象，并且，还可能存在没有需要的程序对象的问题，因此，依然无法改善网页设计不方便的问题。

可见，现有的网页制作方案一方面，仅可供网页开发人员使用，不适于普通的网页制作者。另一方面，编写的网页源代码易出错、不便于对网页的灵活制作。

发明内容

鉴于上述现有的问题，提出了本发明以便提供一种克服上述问题或者至少部分地解决上述问题的网页制作方法与装置。

依据本发明的一个方面，提供了一种网页制作方法，包括：在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；将所述网页的网页源数据发送至服务器；接收所述服务器返回的、依据所述网页源数据生成的网页源代码。

根据本发明的另一方面，提供了一种网页制作装置，包括：界面窗口加载模块，用于在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；第一生成模块，用于通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；第二生成模块，用于根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；发送模块，用于将所述网页的网页源数据发送至服务器；第一接收模块，用于接收所述服务器返回的、依据所述网页源数据生成的网页源代码。

通过本发明，在制作网页时，网页制作者仅需对浏览器中加载的网页制作的界面窗口中的选项进行配置，浏览器即可将对选项的配置转换成生成网页的源数据，由服务器依据生成的网页的源数据生成网页源代码，浏览器接收服务器返回的网页源代码即完成了网页的制作。一方面，整个网页生成过程，网页制作者仅需对选项进行配置操作，无需敲入代码也无需选择程序对象，因此，即便不具有编写代码能力的普通网页制作者也可以制作网页。另一方面，由于制作的网页的网页源代码是由服务器生成的无需人工参与，因此，编写的网页源代码不会出现错误。再一方面，网页制作者通过对选项的配置即可实现对网页的灵活制作，因此，能够实现灵活的网页生成。

上述说明仅是本发明技术方案的概述，为了能够更清楚了解本发明的技术手段，而可依照说明书的内容予以实施，并且为了让本发明的上述和其它目的、特征和优点能够更明显易懂，以下特举本发明的具体实施方式。

附图说明

通过阅读下文优选实施方式的详细描述，各种其他的优点和益处对于本领域普通技术人员将变得清楚明了。附图仅用于示出优选实施方式的目的，而并不认为是对本发明的限制。而且在整个附图中，用相同的参考符号表示相同的部件。在附图中：

图1是根据本发明实施例一的一种网页制作方法的步骤流程图；

图2是根据本发明实施例二的一种网页制作方法的步骤流程图；

图3是根据本发明实施例三的一种网页制作装置的结构框图；

图4是根据本发明实施例四的一种网页制作装置的结构框图。

具体实施方式

下面将参照附图更详细地描述本公开的示例性实施例。虽然附图中显示了本公开的示例性实施例，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施例所限制。相反，提供这些实施例是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。

实施例一

参照图1，示出了本发明实施例一的一种网页制作方法的步骤流程图。

本实施例的网页制作方法包括以下步骤：

步骤S102：在浏览器中加载网页制作的界面窗口。

本发明中在制作网页时，需要打开浏览器，通过浏览器进入网页制作工具，进行网页制作。也即，在进行网页制作时，需要在浏览器中加载网页制作的界面窗口。其中，界面窗口中包含对网页进行设置的选项。

网页制作者通过对界面窗口中的各设置选项进行设置，可以构造出所需要的网页。其中，对界面窗口中的设置选项包括但不限于：对网页全局设置选项、对子网页的设计选项、以及添加子网页的选项。

网页制作者通过对网页全局设置选项的配置，可以对制作的网页的全局进行设置，通过点击添加子网页的选项可以添加子网页，而通过子网页的各设计选项可以对添加的子网页进行设置。

步骤S104：通过对界面窗口中的选项的配置，生成网页的网页元素和网页元素的属性信息。

例如：通过对界面窗口中的添加背景图片选项的配置，添加一个子网页背景图片，即通过对选项的配置生成网页的网页元素，通过对网页背景图片的大小设置选项的配置，为背景图片添加了属性信息，即生成对网页中网页元素的属性信息。

当然，上述仅是以举例的形式说明了通过对界面窗口中的选项的配置，如何生成网页的网页元素和网页元素的属性信息。本领域技术人员应该明了，在网页制作过程中，网页中的元素并非仅包含背景图片，当然还有其他的网页元素，例如：网页名称、背景音乐、图片、文本等网页元素。

步骤S106：根据网页元素和网页元素的属性信息，生成网页的网页源数据。

浏览器依据网页元素和网页元素的属性信息，生成网页的网页源数据，然后，浏览器需要将生成网页的网页源数据发送至服务器，以便服务器最终生成网页。

步骤S108：将网页的网页源数据发送至服务器。

浏览器将网页的网页源数据发送至服务器，服务器对网页源数据进行解析，生成网页源代码。服务器对网页源数据进行解析生成网页源代码可以参照相关成熟技术实现，本实施例在此不再赘述。

步骤S110：接收服务器返回的、依据网页源数据生成的网页源代码。

服务器将生成的网页源代码即网页对应的HTML(Hypertext MarkupLanguage，超文本标记语言)发送至浏览器，至此，即完成了网页源代码的制作，本领域技术人员能够明了，网页的制作实质上是网页源代码的制作，将制作完成的网页源代码在浏览器中展示即可显示制作的网页。

需要说明的是，在该步骤完成后，用户即可根据需要进行后续的操作，例如，向浏览器发送获取网页源代码的请求，下载生成的网页源代码；对下载生成的网页源代码进行再次编辑；将网页源代码发布到预设服务器中，以完成网页源代码的发布等等。

通过本实施例提供的网页制作方法，在制作网页时，网页制作者仅需对浏览器中加载的网页制作的界面窗口中的选项进行配置，浏览器即可将对选项的配置转换成生成网页的源数据，由服务器依据生成的网页的源数据生成网页源代码，浏览器接收服务器返回的网页源代码即完成了网页的制作。一方面，整个网页生成过程，网页制作者仅需对选项进行配置操作，无需敲入代码也无需选择程序对象，因此，即便不具有编写代码能力的普通网页制作者也可以制作网页。另一方面，由于制作的网页的网页源代码是由服务器生成的无需人工参与，因此，编写的网页源代码不会出现错误。再一方面，用户通过对选项的配置即可实现对网页的灵活制作，因此，能够实现灵活的网页生成。

实施例二

参照图2，示出了本发明实施例二的一种网页制作方法的步骤流程图。

本实施例的网页制作方法具体包括以下步骤：

步骤S202：浏览器加载网页制作的界面窗口。

用户通过浏览器打开网页制作工具，此时，在浏览器中则会加载网页制作的界面窗口，界面窗口中包含对网页进行设置的选项。其中，加载的网页制作的界面窗口中包含对网页进行设置的选项包括但不限于：对界面窗口中的网页全局设置选项、对界面窗口中的子网页的设计选项以及对移动终端的类型的设置选项。

需要说明的是，在进行网页制作时，移动终端的类型的设置为可选设置，如果对于制作的网页没有尺寸、或者应用场景的限制，则无需设置移动终端的类型。若制作的网页是有针对性的应用于某一类型的移动终端，则可对移动终端的类型进行设置移动终端的类型，将设置的移动终端的类型信息发送至服务器，由服务器对已生成网页源代码中的网页的尺寸信息进行修改，使得修改后的网页源代码对应的网页大小与所选择的类型的移动终端的屏幕尺寸相匹配。此外，移动终端类型的设置选项也不仅于此，还可以在其它位置和/或时机设置。

一种优选的浏览器加载网页制作的界面窗口的触发操作为：网页制作者在浏览器中输入网页制作工具对应的网址，浏览器搜索该网址对应的网页，并将搜索到的网页展示给网页制作者，在搜索到的网页中加载有用于指示打开网页制作工具的按钮，浏览器监测到网页制作者对该按钮的点击操作时，加载网页制作工具的界面窗口，此时，便可在该界面窗口中制作网页。

步骤S204：浏览器通过网页制作者对界面窗口中的选项的配置，生成网页的网页元素和网页元素的属性信息。

对网页进行设置的选项的配置包括：对界面窗口中的网页全局设置选项的配置和/或对界面窗口中的子网页的设计选项的配置，优选地，对网页进行设置的选项的配置还包括对移动终端的类型的设置选项的配置。

对界面窗口中的网页全局设置选项的配置包括以下至少之一：网页名称的配置、网页页面设置的配置、网页音乐的配置以及网页分辨率的配置。

具体地，网页页面的设置包括以下至少之一：主背景色的设置、位置设置、翻页动画设置以及是否进行循环切换的设置。网页音乐的配置包括：上传背景音乐的URL(Uniform Resource Locator，统一资源定位符)以及背景音乐的播放形式的选择如：自动播放形式、循环播放形式。而对于网页分辨率的设置，即可手动或者通过选择设定网页分辨率值。

网页制作者可以在界面窗口中的网页全局设置选项中对应输入网页名称；根据需求选择是否添加背景音乐，若选择添加则可按照网页音乐配置选项上传背景音乐的URL，对背景音乐的播放形式进行设置，以及设置网页分辨率。

在对网页的全局设置完成后，网页制作者可以通过点击添加子网页按钮，添加子网页，并通过对界面窗口中的子网页的设计选项的配置对添加的子网页进行编辑。需要说明的是，在网页制作过程中，添加的子网页的个数是可以由网页制作者根据实际需求进行控制的，可以仅添加一个子网页，也可以添加多个子网页。

对界面窗口中的子网页的设计选项的配置包括以下至少之一：子页面背景图片的上传配置、子页面背景色的选择配置、添加页面元件配置。

具体地，子页面背景图片的上传配置包括：上传图片对应的URL，子页面背景色的选择配置包括：从子页面背景色选项中提供的背景色中选择一个颜色作为子页面背景色。

当子网页的设计选项的配置包括添加页面元件配置时，对界面窗口中的子网页的设计选项的配置还包括：对添加的页面元件的选项的配置。其中，对添加页面元件的选项的配置包括：页面元件类型的选择配置、和页面元件内容的配置。

其中，页面元件类型包括但不限于：文本、多行文本、图片。页面元件内容的配置包括但不限于：手动输入单行文本、手动输入多行文本以及上传图片。

优选地，对添加页面元件的选项的配置还包括以下至少之一：页面元件的动画效果的配置、页面元件的区域高度的配置、页面元件在子页面中的位置的配置以及为页面元件添加超链接的配置。在具体实现时，可以在制作网页的界面窗口中通过鼠标调整添加到页面中的页面元件的区域高度，通过鼠标将页面元件拖拽到目标位置以实现页面元件在子页面中位置的配置。

当然，在实际实现过程中，也可以仅是添加页面元件但是不对页面元件的动画效果等进行配置。

对移动终端的类型的设置选项的配置包括：选项中提供的移动终端的类型中选择一个类型。其中，移动终端的类型用于指示服务器生成与移动终端的类型相匹配的网页源代码中的网页尺寸信息。

例如：用户在制作网页时，将该选项配置成iphone5S，浏览器将该类型信息与其他选项配置信息一起生成网页的网页源数据发送至服务器，服务器接收到网页的网页源数据后，解析到用于指示移动终端类型的源数据，通过指示的移动终端的类型信息，查找到移动终端的类型对应的网页尺寸，将源代码中的网页的尺寸制作成与移动终端的类型相匹配的尺寸。

需要说明的是，在对界面中的选项进行配置时，也可以不对移动终端的类型的设置选项进行配置，而是在生成网页源代码后，再接收用户对移动终端的类型的选择操作，将选择的移动终端的类型发送至服务器，以使服务器根据移动终端的类型修改网页源代码中的网页尺寸信息，接收服务器返回的、修改后的网页源代码，完成对制作的网页尺寸的限定。当然，若制作的网页的普适性很强，无需对网页匹配的移动终端的型号进行限定，则无需执行对移动终端的类型的设置。

步骤S206：浏览器根据网页元素和网页元素的属性信息，生成网页的网页源数据。

优选地，浏览器在接收到生成网页的指令(例如：接收到“生成页面”功能按钮的点击操作)时，生成网页的网页源数据。当然，并不限于此，浏览器还可以按照设定规则根据网页元素和网页元素的属性信息，自动生成网页的网页源数据，例如：浏览器在设定时间未监测到用户对界面窗口中的选项的配置，则自动生成网页的网页源数据。当然，还可以是在接收到导出网页源数据的第四请求后，生成网页的网页源数据。

生成的网页的网页源数据中的数据项包括：网页全局配置、子网页详细配置以及子网页中添加的页面元件的配置。其中，子网页详细配置以及子网页中添加的页面元件的配置均为数组，由于，制作的网页中可能包含多个子网页，每个子网页中的可能包含多个页面元件，因此，这两个数据项均为数组。

以下为浏览器根据网页元素和网页元素的属性信息，生成的一个网页的网页源数据：

通过网页制作者对界面窗口中的选项的配置，生成的网页源数据，包括：网页名称、背景颜色等网页全局配置的源数据，子网页的背景图片标识、子页面背景色等子页面配置的源数据，以及在子网页中添加的页面元件的类型、元件的相关属性的配置的源数据。

需要说明的是，上述仅是以举例的形式介绍了生成的网页源数据的格式、以及包含的内容。在具体实现过程中，伴随着界面窗口中的选项的配置的不同，生成的网页源数据也不同。

可选地，浏览器还可以接收导出网页源数据的第四请求；将生成的网页的网页源数据导出至第四请求所请求的路径下。当再次使用浏览器加载网页制作的窗口界面时，可以接收导入网页源数据的第五请求，从设定的位置导入网页源数据，根据导入的网页源数据，获取网页源数据对应的网页元素和对应的网页元素的属性信息；根据对应的网页元素和对应的网页元素的属性信息，在界面窗口中显示对应的选项的配置；接收对包括选项在内的界面窗口的更新配置。

通过该可选的网页制作方法，用户在网页未编辑完成时，可以将已编辑部分的网页源数据导出，当需要继续对未编辑完的网页进行编辑时，导入先前导出的网页源数据即可在浏览器中加载的界面窗口中将网页源数据还原成编辑状态，即在界面窗口中显示对应的选项的配置，使得编辑更自由。

步骤S208：浏览器向服务器发送网页的网页源数据。

优选地，浏览器向服务器发送网页的网页源数据时，在发送的网页源数据中携带用于指示对根据网页源数据生成的网页源代码进行压缩的信息，以使服务器返回经过压缩的网页源代码。

需要说明的是，在发送的网页源数据中可以不携带、也可以不携带用于指示对根据网页源数据生成的网页源代码进行压缩的信息。在不携带该信息时，服务器不对根据网页源数据生成的网页源代码进行压缩。

浏览器向服务器发送网页的网页源数据时，可以通过以下方式实现：

首先，定义一个XMLHTTP对象(即浏览器对象)的oXMLHttpRequest(基于Http协议的浏览器对象请求)，XMLHTTP对象支持浏览器与服务端数据的交互。

其次，浏览器向服务器发送请求，请求对应的具体程序如下：

oXMLHttpRequest.open("POST","/buildPage",true)；

oXMLHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded；")；

oXMLHttpRequest.send(pageSource)；

其中，PageSource(即网页源数据)是一个变量，浏览器将网页源数据的值赋给这个变量，发送给服务器，完成将网页源数据发送至服务器。

服务器在接收到网页的网页源数据后，根据网页的网页源数据生成网页源代码可以通过以下方式实现：

首先，服务器使用JSON(JavaScript Object Notation，基于JavaScript语言的轻量级的数据交换格式)对象解析浏览器发送的oXMLHttpRequest中的PageSource，采用的具体解析语句为：var pageSourceObj＝JSON.parse(pageSource)。

其次，服务器将网页的网页源数据解析完成后，保存到数据变量中，等待生成网页源代码调用。

再次，服务根据解析后的网页源数据生成网页源代码，在生成网页源代码时，可以采用以下方式：

服务器中预先设定好3个模板，分别为：Body即主体模板，用来构建页面的主体DOM结构，Script即脚本模板，用来构建页面使用的JavaScript，CSS(Cascading Style Sheets，层叠样式表)模板，用来构建页面使用的CSS样式。

服务器将数据变量输入到上面三个模板中，由模板生成网页源代码的不同部分，然后将最终结构组合到一起形成最终完整的网页源代码。

在生成网页源代码时，如果浏览器发送的网页源数据中携带用于指示对根据网页源数据生成的网页源代码进行压缩的信息，服务器则依据指示信息将生成的网页源代码进行压缩，减小网页源代码的体积。其中，压缩部分包括JavaScript和CSS部分，压缩的具体内容包括：优化代码、删除空行、删除无用的代码。

最后，服务器将生成的网页源代码返回至浏览器。

步骤S210：浏览器接收服务器返回的、依据网页源数据生成的网页源代码。

可选地，浏览器在接收到服务器服务器返回的、依据网页源数据生成的网页源代码后，直接显示接收到的网页源代码，同时，提供供网页制作者下载网页源代码的按钮，网页制作者通过点击该按钮、设定下载路径，即可向浏览器发送下载所述网页源代码的第三请求，浏览器将所述网页源代码下载至第三请求所请求的下载路径下。

需要说明的是，在显示接收到的网页源代码时，并不局限于在浏览器接收到服务器返回的网页源代码后自动显示，还可以设置成在接收到相应地显示指示后再显示接收到的网页源代码。例如：接收到网页制作者对浏览器中加载网页制作的界面窗口中的“生成页面”的按钮后，显示接收到的网页源代码。

步骤S212：浏览器接收第一请求，对网页源代码进行解析生成预览网页进行展示。

其中，第一请求用于请求对根据网页源代码生成的网页进行预览。

优选地，网页制作者对浏览器中加载网页制作的界面窗口中的用于指示网页预览的按钮的点击操作，即相当于向浏览器发送了第一请求。

步骤S214：浏览器接收对移动终端的类型的选择操作，展示与所选的类型的移动终端的屏幕尺寸相匹配的预览网页。

如步骤S202中所述，在制作网页时可以在生成网页对应的网页源代码前，通过对界面窗口中的移动终端的类型的设置选项配置所制作的网页的尺寸信息。此时，服务器返回的网页源代码中网页尺寸的设置与移动终端的类型相适应。但此外，也可以在服务器生成网页源代码后，再通过浏览器端对移动终端的类型进行选择操作，服务器可以对已生成的网页源代码中有关网页尺寸的信息进行设置和修改，使得所展示得预览网页的大小与所选的类型的移动终端的屏幕尺寸相匹配。本实施例中以后一种设置情况为例，对本发明的网页制作方法进行说明。

一种优选的实现方式为：浏览器接收到网页制作者对浏览器中加载网页制作的界面窗口中的移动终端的类型的设置选项的配置，即对移动终端的类型的选择操作；浏览器将选择的移动终端的类型发送至服务器，以使服务器根据移动终端的类型修改网页源代码中的网页尺寸信息；浏览器接收服务器返回的、修改后的网页源代码，对修改后的网页源代码进行解析生成与类型的移动终端的屏幕尺寸相匹配预览网页进行展示。

例如：在步骤S212中展示的预览网页是与型号为iphone5S的移动终端的屏幕尺寸相匹配的预览网页，当网页制作者通过网页制作的界面窗口中的移动终端的类型的设置选项将移动终端的类型选择为iphone6时，经过上述将类型信息发送至服务器、服务器根据类型信息修改网页源代码中的网页尺寸信息、以及服务器将修改后的网页源代码发送至浏览器后，浏览器对修改后的网页源代码进行解析，在浏览器中展示与类型iphone6的屏幕尺寸相匹配预览网页。

步骤S216：浏览器接收通过移动终端进行预览的第二请求，生成二维码供移动终端进行扫描，以在移动终端侧进行网页预览。

优选地，向浏览器发送了第二请求通过以下方式触发：网页制作者对浏览器中加载网页制作的界面窗口中的用于指示将网页在移动终端侧进行预览的按钮(例如：“手机预览”按钮)的点击操作。

在移动终端侧进行网页预览，便于网页制作者及时发现网页在移动终端侧显示时存在问题，例如：背景色不匹配、添加的页面元件位置不便于用户点击操作等问题，即时对制作的网页进行修改。

而如果不在移动终端侧进行网页预览，而是将网页源代码直接发布至服务器，当发布后被广泛应用时再发现网页中存在的问题，会给用户带来使用的不便。即使后期对网页进行修改，以克服存在的问题，也需要网页制作者修改相应的网页源代码、或是将网页源代码导入至浏览器加载的界面窗口中，重新对存在问题的网页元素、或网页元素的属性信息对应的选项进行配置，整个发现问题、修改问题的过程非常繁琐。而如果直接在移动终端侧进行网页预览，则在网页源代码发布至服务器前即可发现制作的网页中存在的问题，那么，直接通过对界面窗口中的相应选项进行重新配置即可解决，过程简单，且不会为用户带来不便。

步骤S218：浏览器接收将网页源代码发布在预设服务器中的请求，将网页源代码发布至预设服务器。

其中，在浏览器中存储有预设服务器的地址信息，浏览器在接收到将网页源代码发布在预设服务器中的请求后，直接获取预设的服务器的地址信息，将网页源代码发布至地址信息所指示的服务器中。将网页源代码发送至预设服务器后，在预设服务器中为根据网页源代码生成的网页生成统一资源定位符URL。

需要说明的是，步骤S212至步骤S218均为可选步骤，网页制作者可以不对制作的网页进行预览、不在移动终端侧进行网页预览，而直接将网页的网页源代码发布到预设服务器上。

通过本实施例提供的网页制作方法，除具有实施例一中的网页制作方法的有益效果外，一方面，浏览器还可以接收在浏览器中预览制作的网页的请求，在浏览器中生成制作的网页的预览画面，网页制作者能够直接预览到所制作的网页，能够直观地发现所制作的网页存在的问题。另一方面，浏览器还可以接收对移动终端的类型的选择，提供给用户与所选择的移动终端的类型相匹配的网页源代码，这样，当网页制作者需要制作内容相同、但是应用于不同类型的网页时，仅需选择相应地移动终端的类型即可得到相匹配的网页源代码，而无需手动修改网页源代码，制作更方便。再一方面，浏览器还可以接收通过移动终端进行网页预览的请求，生成二维码供移动终端扫描，在移动终端侧即可进行网页预览。本实施例中，将制作的网页直接在移动终端侧进行预览，便于网页制作者及时发现网页在移动终端中进行展示时存在问题，对制作的网页进行修改，例如：背景色不匹配、添加的页面元件位置不便于用户点击操作等问题。

实施例三

参照图3，示出了本发明实施例三的一种网页制作装置的结构框图。

本实施例的网页制作装置包括：界面窗口加载模块302，用于在浏览器中加载网页制作的界面窗口，其中，界面窗口中包含对网页进行设置的选项；第一生成模块304，用于通过对界面窗口中的选项的配置，生成网页的网页元素和网页元素的属性信息；第二生成模块306，用于根据网页元素和网页元素的属性信息，生成网页的网页源数据；发送模块308，用于将网页的网页源数据发送至服务器；第一接收模块310，用于接收服务器返回的、依据网页源数据生成的网页源代码。

通过本实施例提供的网页制作装置，在制作网页时，用户仅需对浏览器中加载的网页制作的界面窗口中的选项进行配置，网页制作装置即可将对选项的配置转换成生成网页的源数据，由服务器依据生成的网页的源数据生成网页源代码，网页制作装置接收服务器返回的网页源代码即完成了网页的制作。一方面，整个网页生成过程，用户仅需对选项进行配置操作，无需敲入代码也无需选择程序对象，因此，即便不具有编写代码能力的普通用户也可以制作网页。另一方面，由于制作的网页的网页源代码是由服务器生成的无需人工参与，因此，编写的网页源代码不会出现错误。再一方面，用户通过对选项的配置即可实现对网页的灵活制作，因此，能够实现对灵活的网页生成。

实施例四

参照图4，示出了本发明实施例四的一种网页制作装置的结构框图。

本实施例对实施例三的网页制作装置进行了进一步优化，优化后的网页制作装置包括：界面窗口加载模块402，用于在浏览器中加载网页制作的界面窗口，其中，界面窗口中包含对网页进行设置的选项；第一生成模块404，用于通过对界面窗口中的选项的配置，生成网页的网页元素和网页元素的属性信息；第二生成模块406，用于根据网页元素和网页元素的属性信息，生成网页的网页源数据；发送模块408，用于将网页的网页源数据发送至服务器；第一接收模块410，用于接收服务器返回的、依据网页源数据生成的网页源代码。

优选地，本实施例的网页制作装置还包括：第一请求接收模块412，用于在第一接收模块410接收服务器返回的、依据网页源数据生成的网页的源代码之后，接收第一请求，其中，第一请求用于请求对根据网页源代码生成的网页进行预览；第一网页展示模块414，用于对网页源代码进行解析生成预览网页进行展示。

优选地，本实施例的网页制作装置还包括：类型选择接收模块416，用于在第一网页414展示模块对网页源代码进行解析生成预览网页进行展示之后，接收对移动终端的类型的选择操作，将选择的移动终端的类型发送至服务器，以使服务器根据移动终端的类型修改网页源代码中的网页尺寸信息；第二接收模块418，用于接收服务器返回的、修改后的网页源代码；第二网页展示模块420，用于对修改后的网页源代码进行解析生成与类型的移动终端的屏幕尺寸相匹配预览网页进行展示。

优选地，本实施例的网页制作装置还包括：第二请求接收模块422，用于在第二网页展示模块420对修改后的网页源代码进行解析生成与类型的移动终端的屏幕尺寸相匹配预览网页进行展示之后，接收通过移动终端进行预览的第二请求，生成二维码供移动终端进行扫描，以在移动终端侧进行网页预览。

优选地，本实施例的网页制作装置还包括：网页源代码显示模块424，用于在第一接收模块410接收服务器返回的、依据网页源数据生成的网页源代码之后，显示接收到的网页源代码；第三请求接收模块426，用于接收下载网页源代码的第三请求；将网页源代码下载至第三请求所请求的下载路径下。

优选地，发送模块408用于向服务器发送网页的网页源数据，并在发送的网页源数据中携带用于指示对根据网页源数据生成的网页源代码进行压缩的信息，以使服务器返回经过压缩的网页源代码。

优选地，本实施例的网页制作装置还包括：发布请求接收模块428，用于在第一接收模块410接收服务器返回的、依据网页源数据生成的网页源代码之后，接收将网页源代码发布在预设服务器中的请求；发布模块430，用于将网页源代码发布至预设服务器，在服务器中为根据网页源代码生成的网页生成统一资源定位符URL。

优选地，界面窗口中包含对网页进行设置的选项包括：网页全局设置选项和子页面设计选项；对界面窗口中的选项的配置包括：对界面窗口中的网页全局设置选项的配置和/或对界面窗口中的子网页的设计选项的配置。

优选地，界面窗口中包含对网页进行设置的选项还包括：移动终端的类型的设置选项，其中，移动终端的类型用于指示服务器生成与移动终端的类型相匹配的网页源代码中的网页尺寸信息。

优选地，对界面窗口中的网页全局设置选项的配置包括以下至少之一：网页名称的配置、网页页面设置的配置、网页音乐的配置以及网页分辨率的配置。

优选地，对界面窗口中的子网页的设计选项的配置包括以下至少之一：子页面背景图片的上传配置、子页面背景色的选择配置、添加页面元件配置。

优选地，当子网页的设计选项的配置包括添加页面元件配置时，对界面窗口中的子网页的设计选项的配置还包括：对添加的页面元件的选项的配置；其中，对添加页面元件的选项的配置包括：页面元件类型的选择配置、和页面元件内容的配置。

优选地，对添加网页元件的选项的配置还包括以下至少之一：页面元件的动画效果的配置、页面元件的区域高度的配置以及页面元件在子页面中的位置的配置，以及为页面元件添加超链接的配置。

优选地，本实施例的网页制作装置还包括：第四请求接收模块432，用于在第一生成模块404根据网页元素和网页元素的属性信息，生成网页的网页源数据之后，接收导出网页源数据的第四请求；导出模块434，用于将生成的网页的网页源数据导出至第四请求所请求的路径下。

优选地，本实施例的网页制作装置还包括：第五请求接收模块436，用于在导出模块将生成的网页的网页源数据导出至第四请求所请求的路径下之后，接收导入网页源数据的第五请求；导入模块438，用于根据导入的网页源数据，获取网页源数据对应的网页元素和对应的网页元素的属性信息；转换模块440，用于根据对应的网页元素和对应的网页元素的属性信息，在界面窗口中显示对应的选项的配置；接收对包括选项在内的界面窗口的更新配置。

本实施例的网页制作装置用于实现前述实施例一以及实施例二中相应的网页制作方法，并且具有相应的方法实施例的有益效果，在此不再赘述。

在此提供的网页制作方案不与任何特定计算机、虚拟系统或者其它设备固有相关。各种通用系统也可以与基于在此的示教一起使用。根据上面的描述，构造具有本发明方案的系统所要求的结构是显而易见的。此外，本发明也不针对任何特定编程语言。应当明白，可以利用各种编程语言实现在此描述的本发明的内容，并且上面对特定语言所做的描述是为了披露本发明的最佳实施方式。

在此处所提供的说明书中，说明了大量具体细节。然而，能够理解，本发明的实施例可以在没有这些具体细节的情况下实践。在一些实例中，并未详细示出公知的方法、结构和技术，以便不模糊对本说明书的理解。

类似地，应当理解，为了精简本公开并帮助理解各个发明方面中的一个或多个，在上面对本发明的示例性实施例的描述中，本发明的各个特征有时被一起分组到单个实施例、图、或者对其的描述中。然而，并不应将该公开的方法解释成反映如下意图：即所要求保护的本发明要求比在每个权利要求中所明确记载的特征更多的特征。更确切地说，如权利要求书所反映的那样，发明方面在于少于前面公开的单个实施例的所有特征。因此，遵循具体实施方式的权利要求书由此明确地并入该具体实施方式，其中每个权利要求本身都作为本发明的单独实施例。

本领域那些技术人员可以理解，可以对实施例中的设备中的模块进行自适应性地改变并且把它们设置在与该实施例不同的一个或多个设备中。可以把实施例中的模块或单元或组件组合成一个模块或单元或组件，以及此外可以把它们分成多个子模块或子单元或子组件。除了这样的特征和/或过程或者单元中的至少一些是相互排斥之外，可以采用任何组合对本说明书(包括伴随的权利要求、摘要和附图)中公开的所有特征以及如此公开的任何方法或者设备的所有过程或单元进行组合。除非另外明确陈述，本说明书(包括伴随的权利要求、摘要和附图)中公开的每个特征可以由提供相同、等同或相似目的的替代特征来代替。

此外，本领域的技术人员能够理解，尽管在此所述的一些实施例包括其它实施例中所包括的某些特征而不是其它特征，但是不同实施例的特征的组合意味着处于本发明的范围之内并且形成不同的实施例。例如，在权利要求书中，所要求保护的实施例的任意之一都可以以任意的组合方式来使用。

本发明的各个部件实施例可以以硬件实现，或者以在一个或者多个处理器上运行的软件模块实现，或者以它们的组合实现。本领域的技术人员应当理解，可以在实践中使用微处理器或者数字信号处理器(DSP)来实现根据本发明实施例的网页制作方案中的一些或者全部部件的一些或者全部功能。本发明还可以实现为用于执行这里所描述的方法的一部分或者全部的设备或者装置程序(例如，计算机程序和计算机程序产品)。这样的实现本发明的程序可以存储在计算机可读介质上，或者可以具有一个或者多个信号的形式。这样的信号可以从因特网网站上下载得到，或者在载体信号上提供，或者以任何其他形式提供。

应该注意的是上述实施例对本发明进行说明而不是对本发明进行限制，并且本领域技术人员在不脱离所附权利要求的范围的情况下可设计出替换实施例。在权利要求中，不应将位于括号之间的任何参考符号构造成对权利要求的限制。单词“包含”不排除存在未列在权利要求中的元件或步骤。位于元件之前的单词“一”或“一个”不排除存在多个这样的元件。本发明可以借助于包括有若干不同元件的硬件以及借助于适当编程的计算机来实现。在列举了若干装置的单元权利要求中，这些装置中的若干个可以是通过同一个硬件项来具体体现。单词第一、第二、以及第三等的使用不表示任何顺序。可将这些单词解释为名称。

本发明实施例公开了A1、一种网页制作方法，包括：

在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；

通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；

根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；

将所述网页的网页源数据发送至服务器；

接收所述服务器返回的、依据所述网页源数据生成的网页源代码。

A2、根据A1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的所述网页的源代码的步骤之后，所述方法还包括：

接收第一请求，其中，所述第一请求用于请求对根据网页源代码生成的网页进行预览；

对所述网页源代码进行解析生成预览网页进行展示。

A3、根据A2所述的方法，其中，在对所述网页源代码进行解析生成预览网页进行展示的步骤之后，所述方法还包括：

接收对移动终端的类型的选择操作，将选择的移动终端的类型发送至所述服务器，以使所述服务器根据所述移动终端的类型修改所述网页源代码中的网页尺寸信息；

接收所述服务器返回的、修改后的网页源代码；

对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示。

A4、根据A3所述的方法，其中，在所述对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示的步骤之后，所述方法还包括：

接收通过移动终端进行预览的第二请求，生成二维码供移动终端进行扫描，以在所述移动终端侧进行网页预览。

A5、根据A1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的网页源代码的步骤之后，所述方法还包括：

显示接收到的所述网页源代码；

接收下载所述网页源代码的第三请求；

将所述网页源代码下载至所述第三请求所请求的下载路径下。

A6、根据A1所述的方法，其中，所述将所述网页的网页源数据发送至服务器的步骤包括：

向所述服务器发送所述网页的网页源数据，并在发送的所述网页源数据中携带用于指示对根据所述网页源数据生成的网页源代码进行压缩的信息，以使所述服务器返回经过压缩的网页源代码。

A7、根据A1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的网页源代码的步骤之后，所述方法还包括：

接收将所述网页源代码发布在预设服务器中的请求；

将所述网页源代码发布至所述预设服务器，在所述预设服务器中为根据所述网页源代码生成的网页生成统一资源定位符URL。

A8、根据A1所述的方法，其中，所述界面窗口中包含对网页进行设置的选项包括：网页全局设置选项和子页面设计选项；

所述对所述界面窗口中的选项的配置包括：

对所述界面窗口中的网页全局设置选项的配置和/或对所述界面窗口中的子网页的设计选项的配置。

A9、根据A8所述的方法，其中，所述界面窗口中包含对网页进行设置的选项还包括：移动终端的类型的设置选项，其中，所述移动终端的类型用于指示所述服务器生成与所述移动终端的类型相匹配的网页源代码中的网页尺寸信息。

A10、根据A8或A9所述的方法，其中，对所述界面窗口中的网页全局设置选项的配置包括以下至少之一：网页名称的配置、网页页面设置的配置、网页音乐的配置以及网页分辨率的配置。

A11、根据A8或A9所述的方法，其中，对所述界面窗口中的子网页的设计选项的配置包括以下至少之一：子页面背景图片的上传配置、子页面背景色的选择配置、添加页面元件配置。

A12、根据A11所述的方法，其中，当子网页的设计选项的配置包括添加页面元件配置时，所述对界面窗口中的子网页的设计选项的配置还包括：对添加的页面元件的选项的配置；

其中，所述对添加页面元件的选项的配置包括：页面元件类型的选择配置、和页面元件内容的配置。

A13、根据A12所述的方法，其中，所述对添加页面元件的选项的配置还包括以下至少之一：页面元件的动画效果的配置、页面元件的区域高度的配置以及所述页面元件在子页面中的位置的配置，以及为页面元件添加超链接的配置。

A14、根据A1所述的方法，其中，在所述根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据的步骤之后，所述方法还包括：

接收导出所述网页源数据的第四请求；

将生成的所述网页的网页源数据导出至所述第四请求所请求的路径下。

A15、根据A14所述的方法，其中，在所述将生成的所述网页的网页源数据导出至所述第四请求所请求的路径下的步骤之后，所述方法还包括：

接收导入所述网页源数据的第五请求；

根据导入的所述网页源数据，获取所述网页源数据对应的网页元素和所述对应的网页元素的属性信息；

根据所述对应的网页元素和所述对应的网页元素的属性信息，在所述界面窗口中显示对应的选项的配置；接收对包括所述选项在内的所述界面窗口的更新配置。

本发明实施例还公开了B16、一种网页制作装置，包括：

界面窗口加载模块，用于在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；

第一生成模块，用于通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；

第二生成模块，用于根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；

发送模块，用于将所述网页的网页源数据发送至服务器；

第一接收模块，用于接收所述服务器返回的、依据所述网页源数据生成的网页源代码。

B17、根据B16所述的装置，其中，所述网页制作装置还包括：

第一请求接收模块，用于在所述第一接收模块接收所述服务器返回的、依据所述网页源数据生成的所述网页的源代码之后，接收第一请求，其中，所述第一请求用于请求对根据网页源代码生成的网页进行预览；

第一网页展示模块，用于对所述网页源代码进行解析生成预览网页进行展示。

B18、根据B17所述的装置，其中，所述网页制作装置还包括：

类型选择接收模块，用于在所述第一网页展示模块对所述网页源代码进行解析生成预览网页进行展示之后，接收对移动终端的类型的选择操作，将选择的移动终端的类型发送至所述服务器，以使所述服务器根据所述移动终端的类型修改所述网页源代码中的网页尺寸信息；

第二接收模块，用于接收所述服务器返回的、修改后的网页源代码；

第二网页展示模块，用于对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示。

B19、根据B18所述的装置，其中，所述网页制作装置还包括：

第二请求接收模块，用于在所述第二网页展示模块对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示之后，接收通过移动终端进行预览的第二请求，生成二维码供移动终端进行扫描，以在所述移动终端侧进行网页预览。

B20、根据B16所述的装置，其中，所述网页制作装置还包括：

网页源代码显示模块，用于在所述第一接收模块接收所述服务器返回的、依据所述网页源数据生成的网页源代码之后，显示接收到的所述网页源代码；

第三请求接收模块，用于接收下载所述网页源代码的第三请求；将所述网页源代码下载至所述第三请求所请求的下载路径下。

B21、根据B16所述的装置，其中，所述发送模块用于向所述服务器发送所述网页的网页源数据，并在发送的所述网页源数据中携带用于指示对根据所述网页源数据生成的网页源代码进行压缩的信息，以使所述服务器返回经过压缩的网页源代码。

B22、根据B16所述的装置，其中，所述网页制作装置还包括：

发布请求接收模块，用于在所述第一接收模块接收所述服务器返回的、依据所述网页源数据生成的网页源代码之后，接收将所述网页源代码发布在预设服务器中的请求；

发布模块，用于将所述网页源代码发布至所述预设服务器，在所述预设服务器中为根据所述网页源代码生成的网页生成统一资源定位符URL。

B23、根据B16所述的装置，其中，所述界面窗口中包含对网页进行设置的选项包括：网页全局设置选项和子页面设计选项；

所述对所述界面窗口中的选项的配置包括：

对所述界面窗口中的网页全局设置选项的配置和/或对所述界面窗口中的子网页的设计选项的配置。

B24、根据B23所述的装置，其中，所述界面窗口中包含对网页进行设置的选项还包括：移动终端的类型的设置选项，其中，所述移动终端的类型用于指示所述服务器生成与所述移动终端的类型相匹配的网页源代码中的网页尺寸信息。

B25、根据B22或B23所述的装置，其中，对所述界面窗口中的网页全局设置选项的配置包括以下至少之一：网页名称的配置、网页页面设置的配置、网页音乐的配置以及网页分辨率的配置。

B26、根据B22或B23所述的装置，其中，对所述界面窗口中的子网页的设计选项的配置包括以下至少之一：子页面背景图片的上传配置、子页面背景色的选择配置、添加页面元件配置。

B27、根据B26所述的装置，其中，当子网页的设计选项的配置包括添加页面元件配置时，所述对界面窗口中的子网页的设计选项的配置还包括：对添加的页面元件的选项的配置；

其中，所述对添加页面元件的选项的配置包括：页面元件类型的选择配置、和页面元件内容的配置。

B28、根据B27所述的装置，其中，所述对添加页面元件的选项的配置还包括以下至少之一：页面元件的动画效果的配置、页面元件的区域高度的配置以及所述页面元件在子页面中的位置的配置，以及为页面元件添加超链接的配置。

B29、根据B16所述的装置，其中，所述网页制作装置还包括：

第四请求接收模块，用于在第一生成模块根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据之后，接收导出所述网页源数据的第四请求；

导出模块，用于将生成的所述网页的网页源数据导出至所述第四请求所请求的路径下。

B30、根据B16所述的装置，其中，所述网页制作装置还包括：

第五请求接收模块，用于在所述导出模块将生成的所述网页的网页源数据导出至所述第四请求所请求的路径下之后，接收导入所述网页源数据的第五请求；

导入模块，用于根据导入的所述网页源数据，获取所述网页源数据对应的网页元素和所述对应的网页元素的属性信息；

转换模块，用于根据所述对应的网页元素和所述对应的网页元素的属性信息，在所述界面窗口中显示对应的选项的配置；接收对包括所述选项在内的所述界面窗口的更新配置。

Claims (10)

1.一种网页制作方法，包括：

在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；

通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；

根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；

将所述网页的网页源数据发送至服务器；

接收所述服务器返回的、依据所述网页源数据生成的网页源代码。

2.根据权利要求1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的所述网页的源代码的步骤之后，所述方法还包括：

接收第一请求，其中，所述第一请求用于请求对根据网页源代码生成的网页进行预览；

对所述网页源代码进行解析生成预览网页进行展示。

3.根据权利要求2所述的方法，其中，在对所述网页源代码进行解析生成预览网页进行展示的步骤之后，所述方法还包括：

接收对移动终端的类型的选择操作，将选择的移动终端的类型发送至所述服务器，以使所述服务器根据所述移动终端的类型修改所述网页源代码中的网页尺寸信息；

接收所述服务器返回的、修改后的网页源代码；

对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示。

4.根据权利要求3所述的方法，其中，在所述对所述修改后的网页源代码进行解析，生成与所述类型的移动终端的屏幕尺寸相匹配预览网页进行展示的步骤之后，所述方法还包括：

接收通过移动终端进行预览的第二请求，生成二维码供移动终端进行扫描，以在所述移动终端侧进行网页预览。

5.根据权利要求1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的网页源代码的步骤之后，所述方法还包括：

显示接收到的所述网页源代码；

接收下载所述网页源代码的第三请求；

将所述网页源代码下载至所述第三请求所请求的下载路径下。

6.根据权利要求1所述的方法，其中，所述将所述网页的网页源数据发送至服务器的步骤包括：

向所述服务器发送所述网页的网页源数据，并在发送的所述网页源数据中携带用于指示对根据所述网页源数据生成的网页源代码进行压缩的信息，以使所述服务器返回经过压缩的网页源代码。

7.根据权利要求1所述的方法，其中，在所述接收所述服务器返回的、依据所述网页源数据生成的网页源代码的步骤之后，所述方法还包括：

接收将所述网页源代码发布在预设服务器中的请求；

将所述网页源代码发布至所述预设服务器，在所述预设服务器中为根据所述网页源代码生成的网页生成统一资源定位符URL。

8.根据权利要求1所述的方法，其中，所述界面窗口中包含对网页进行设置的选项包括：网页全局设置选项和子页面设计选项；

所述对所述界面窗口中的选项的配置包括：

对所述界面窗口中的网页全局设置选项的配置和/或对所述界面窗口中的子网页的设计选项的配置。

9.根据权利要求8所述的方法，其中，所述界面窗口中包含对网页进行设置的选项还包括：移动终端的类型的设置选项，其中，所述移动终端的类型用于指示所述服务器生成与所述移动终端的类型相匹配的网页源代码中的网页尺寸信息。

10.一种网页制作装置，包括：

界面窗口加载模块，用于在浏览器中加载网页制作的界面窗口，其中，所述界面窗口中包含对网页进行设置的选项；

第一生成模块，用于通过对所述界面窗口中的选项的配置，生成网页的网页元素和所述网页元素的属性信息；

第二生成模块，用于根据所述网页元素和所述网页元素的属性信息，生成所述网页的网页源数据；

发送模块，用于将所述网页的网页源数据发送至服务器；

第一接收模块，用于接收所述服务器返回的、依据所述网页源数据生成的网页源代码。