网页制作方法及其系统技术方案

本发明专利技术公开了一种网页制作方法及其系统。所述网页制作方法包括：加载网页制作系统的界面窗口，其中所述界面窗口中包括对网页进行设置的多个选项；通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素和对应的代码；根据所述对应的代码的帮助信息，自定义编辑代码；以及显示对应于所述自定义编辑代码的网页元素的网页效果。所述网页制作方法及其系统能够灵活、快速地自定义编辑网页元素，减少网页制作人员的学习时间和成本，减少编码量和开发时间，并且提高代码的重复利用率和网页开发效率。

【技术实现步骤摘要】

本专利技术涉及网络
，尤其涉及一种能够灵活、快速地自定义编辑网页元素的网页制作方法及其系统。
技术介绍
近年来，随着计算机的普及和互联网的蓬勃发展，各种应用服务纷纷与互联网进行结合，例如：网络购物、网络论坛、网络应用软件、在线管理系统等等。而这些应用服务都是以网页的方式进行呈现。网页是由多种网页元素组成，例如：文字、图片、音频、动画、视频、文字等。实质上，网页是一种超级文本标记语言(HTML)，通过结合其它网络技术(例如：JavaScript脚本语言、公共网关接口、组件等)来生成功能强大的网页。目前，主要有两种网页制作方案：直接编码和定制模板。直接编码是指网页开发人员通过手动敲入逻辑代码生成网页对应的网页源代码来完成网页的制作；定制模板是指网页开发人员将相同的功能以模块化的方式撰写成程序对象，之后在需要此功能时，直接引用相应程序对象来减少人工输入代码。然而，这两种网页制作方案都仅限于具有编写代码能力的网页开发人员对网页进行制作，而不适合普通的无编写代码能力的网页制作者，因此不具有普适性。特别地，第一种网页制作方案不仅需要耗费大量的人力物力，由于完全依靠开发人员手动敲入代码，因此编写出的网页源代码易出现错误而无法制作出理想的网页；而第二种网页制作方案虽然可以减少网页开发人员的工作量，但是这种引入相应程序对象的方式无法任意选择欲使用的程序对象，并且还可能存在没有所需的程序对象的问题，因此仍然无法改善网页设计不方便的问题。在现有技术中也有不少对于网页制作方法的改进尝试。例如，在专利申请“网页制作支持系统、设备、方法、计算机程序和记录介质”(申请号：CN01804071.3)中记载的，网页制作支持服务器理与模板信息相关的、并存储于客户终端装置中的网页信息，和使得制作人终端装置响应于来自客户终端装置的制作请求，根据模板信息去制作网页信息，由此提供其中在网络上能够容易地实现网页制作的一种环境。然而，这种技术方案依赖网页模板，必须有上网条件，而且其最后的网络制作环境的好坏也依赖于网络带宽的影响。此外，例如在专利申请“网页制作的方法和系统，客户端、服务端”(申请号：CN201010151678.1)中记载的，通过预设具有可视化效果并且采用脚本语言进行标准化封装的组件，使得在网页制作的过程中，能够利用统一的接口对组件进行参数配置，减少了模板代码编写过程中非标准代码的产生，便于提高代码的重复利用率和正确率。然而，这种技术方案是针对网页组件，需要修改对网页组件的配置参数，对于没有网页制作基础的用户来说不好使用。由此可见，如何快速并且方便地开发网页已成为亟待解决的问题。因此，需要一种改进的网页制作方法及其系统。
技术实现思路
本专利技术的主要目的在于提供一种改进的网页制作方法及其系统，以便快速并且方便地开发网页。为实现上述目的，本专利技术提供一种网页制作方法，包括：加载网页制作系统的界面窗口，其中所述界面窗口中包括对网页进行设置的多个选项；通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素和对应的代码；根据所述对应的代码的帮助信息，自定义编辑代码；以及显示对应于所述自定义编辑代码的网页元素的网页效果。进一步地，通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素和对应的代码的所述步骤包括：通过对所述界面窗口中的所述多个选项的配置，选择所述网页元素并且显示对应于所述网页元素的网页效果；以及显示对应于所述网页元素的代码。进一步地，根据所述对应的代码的帮助信息，自定义编辑代码的所述步骤包括：显示所述对应的代码的帮助信息；根据所述对应的代码的帮助信息，自定义编辑代码；以及生成对应于所述自定义编辑代码的网页元素。进一步地，所述网页制作方法还包括：将所述对应的代码复制到暂存器。进一步地，所述帮助信息包括所述代码的使用方法和定义说明。本专利技术还提供一种网页制作系统，包括：界面窗口加载模块，配置为加载所述网页制作系统的界面窗口，其中所述界面窗口中包括对网页进行设置的多个选项；网页元素选择与显示模块，配置为通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素和对应的代码；帮助模块，配置为显示所述对应的代码的帮助信息；以及代码自定义模块，耦合于所述帮助模块以及所述网页元素选择与显示模块，配置为根据所述帮助信息来自定义编辑代码，其中所述网页元素选择与显示模块还配置为显示对应于所述自定义编辑代码的网页元素的网页效果。进一步地，所述网页元素选择与显示模块配置为：通过对所述界面窗口中的所述多个选项的配置，选择所述网页元素并且显示对应于所述网页元素的网页效果；以及显示对应于所述网页元素的代码。进一步地，所述代码自定义模块配置为：根据所述对应的代码的帮助信息，自定义编辑代码；以及生成对应于所述自定义编辑代码的网页元素。进一步地，所述网页制作系统还包括：代码暂存模块，耦合于所述网页元素选择与显示模块，配置为复制并且暂存所述对应的代码。进一步地，所述帮助信息包括所述代码的使用方法和定义说明。本专利技术所提供的网页制作方法及其系统能够灵活、快速地自定义编辑网页元素。对于没有任何网页制作基础的人员来说能够满足其快速使用网页元素的需要，减少学习的时间及成本。对于有一定基础的人员来说可以减少编码量和开发时间，提高代码的重复利用率进而提高开发效率。对于有网页制作基础的团队来说，可以通过扩展提供网页组件或模板式的支持，便于提高代码的重复利用率和正确率，形成统一的开发风格。附图说明图1为本专利技术实施例提供的一种网页制作方法的流程示意图；图2为本专利技术实施例提供的另一种网页制作方法的流程示意图；图3为本专利技术实施例提供的一种网页制作系统的结构示意图；图4为本专利技术实施例提供的另一种网页制作系统的结构示意图；图5为本专利技术实施例提供的一种网页制作系统的主界面示意图；以及图6为本专利技术实施例提供的一种用于自定义编辑代码的界面示意图。本专利技术的实现、功能特点及优点将结合实施例，参照附图作进一步说明。具体实施方式以下结合说明书附图对本专利技术的优选实施例进行说明，应当理解，此处所描述的优选实施例仅用于说明和解释本专利技术，并不用于限定本专利技术，并且在不冲突的情况下，本专利技术中的实施例及实施例中的特征可以相互组合。图1为本专利技术实施例提供的一种网页制作方法100的流程示意图。如图1所示，网页制作方法100包括以下步骤：在步骤102中，加本文档来自技高网...

【技术保护点】
一种网页制作方法，包括：加载网页制作系统的界面窗口，其中所述界面窗口中包括对网页进行设置的多个选项；通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素和对应的代码；根据所述对应的代码的帮助信息，自定义编辑代码；以及显示对应于所述自定义编辑代码的网页元素的网页效果。

【技术特征摘要】
1.一种网页制作方法，包括：
加载网页制作系统的界面窗口，其中所述界面窗口中包括对网页进行设
置的多个选项；
通过对所述界面窗口中的所述多个选项的配置，选择并且显示网页元素
和对应的代码；
根据所述对应的代码的帮助信息，自定义编辑代码；以及
显示对应于所述自定义编辑代码的网页元素的网页效果。
2.如权利要求1所述的网页制作方法，其特征在于，通过对所述界面窗
口中的所述多个选项的配置，选择并且显示网页元素和对应的代码的所述步
骤包括：
通过对所述界面窗口中的所述多个选项的配置，选择所述网页元素并且
显示对应于所述网页元素的网页效果；以及
显示对应于所述网页元素的代码。
3.如权利要求1所述的网页制作方法，其特征在于，根据所述对应的代
码的帮助信息，自定义编辑代码的所述步骤包括：
显示所述对应的代码的帮助信息；
根据所述对应的代码的帮助信息，自定义编辑代码；以及
生成对应于所述自定义编辑代码的网页元素。
4.如权利要求1所述的网页制作方法，还包括：
将所述对应的代码复制到暂存器。
5.如权利要求1所述的网页制作方法，其特征在于，所述帮助信息包括
所述代码的使用方法和定义说明。
6.一种网页制作系统，包括：
界面窗口加载模块，配置为加载所述网页制作系统的...

【专利技术属性】
技术研发人员：王畅，
申请(专利权)人：上海斐讯数据通信技术有限公司，
类型：发明
国别省市：上海;31