CN100444156C - 具样版辅助的网页实时编辑系统及其方法 - Google Patents

Abstract

本发明涉及一种具样版辅助的网页实时编辑系统，适用于一互联网系统，包括：网页内容数据库，用以储存所有使用者之网页；网页样版模块，用以提供进行网页编辑时之网页内容样版；撷取储存模块，用以撷取及储存使用者实时编辑之对应该网页内容；传送接收模块，用以接收使用者之请求，提供该网页内容及该网页内容样版；编辑处理模块，用以根据编辑作业内容，进行对应程序代码之编辑，产生处理后之该网页内容；及使用者端，具有与该互联网连接而起到显示作用的互联网浏览器，并用于利用样版的辅助及所见即所得的显示方式，达到对网页内容的实时编辑。通过本发明系统的动态处理、储存，完成对互联网网页的实时编辑。

Description

具样版辅助的网页实时编辑系统及其方法

发明领域

本发明系为一种网络应用服务系统及其方法，特别系指一种应用在网页内容编辑上，提供辅助样版以及所见即所得(What You See Is What YouGet，WYSIWYG)的实时网页内容编辑，具有动态处理更新特性的系统及其方法。

发明背景

过去，在网页内容编辑的工作上都是必须仰赖许多具有专业技术的人员，运用特殊的应用程序软件来进行，完成之后再将网页内容一一移至提供网站服务的服务器上适当的目录位置中去执行，然后才算是大功告成。然而，这样的方式，由于程序上相当繁复，不仅容易造成客户在编辑时的困扰，并且会浪费许多宝贵的时间；为了完成网页内容的编辑，客户往往必须具备许多的专业技术才能够胜任，这对于那些没有相当计算机专业技术背景的一般客户来说，这样的方式可能因进入门槛过高反而造成某种程度上的使用障碍；而且，这样的方式由于在网页内容编辑和网页内容执行上是分开进行的，因此客户往往无法在进行网页内容编辑的同时了解到网页内容执行所可能产生的结果，常常发生网页内容执行的效果与客户进行网页内容编辑时的预期有所差距，无形中网页内容的查看和编辑修改过程可能会不断的重复，这将使得网页内容编辑的时间增加许多，因而导致网页内容编辑的整体效率上大为低落。

虽然，目前市面上已经有些专业的网页内容编辑的应用程序软件，希望能够通过提供网页制作的样版来简化整个网页内容编辑的程序、减少网页内容编辑的时间，甚至希望藉此让更多的一般客户能够轻松进行网页内容的编辑，但是这样的方式仍然无法有效解决网页编辑和网页执行分开进行、效率低落的问题，并且在这些应用程序软件中所提供的网页制作样版，往往都是固定样式，无法让客户随意进行编排或更改，这使得客户对于网页内容编辑的创意受到极大的局限，常常不能够满足客户多样化的真正需求。

因此，在软硬件技术不断推陈出新的当前，要如何善用网络的特性及应用其相关软硬件技术，提出一套可以将网页内容编辑的程序化繁为简，减少编辑网页所花费的时间；让客户不需要具备太多专业技术，能够以所见即所得(What You See Is What You Get，WYSIWYG)的方式轻松进行网页内容编辑；并且能够提供进行动态处理更新特性的网页内容编辑环境，进而提升整体网页内容编辑效率的系统及其方法，应该是目前网络应用服务业者所急需思索解决的重要问题之一。

发明的内容

有鉴于此，本发明乃为解决上述问题而提出一种具样版辅助的网页实时编辑系统及其方法，主要的目的在于提供多样而可自行调整设定之网页内容样版，作为一般客户进行网页编辑时的辅助，让客户能够通过所见即所得(What You See Is What You Get，WYSIWYG)的方式，利用浏览器进行网页内容的编辑。

本发明的又一目的，在于提供网页内容编辑的动态处理及实时更新环境，达到编辑简化、减少时间及提升效率的目的。

所以为达上述目的，本发明所提之具样版辅助的网页实时编辑系统，适用于一互联网系统，包含：一网页样版模块，用以提供用于进行网页实时编辑的网页内容样版；

一网页内容数据库，用以储存编辑后的网页内容；一撷取储存模块，用以根据使用者请求，自所述网页内容数据库中撷取所述网页内容以进行编辑，还用以将进行编辑后的网页内容实时回存至所述网页内容数据库；

一互联网；

一使用者端，具有互联网浏览器，所述使用者端通过该互联网进行登录，建立联机，提取所述网页样版模块中的网页内容样版，或者撷取所述网页内容数据库中的编辑后的网页内容，并利用所述互联网浏览器进行显示，所述使用者端利用所见即所得的方式进行实时编辑，并发出编辑作业内容；

一编辑处理模块，用以根据所述编辑作业内容，进行对应程序代码的编辑，产生所述编辑后的网页内容，并将所述编辑后的网页内容通过所述撷取储存模块在所述网页内容数据库中储存，同时发出所述编辑后的网页内容至所述互联网浏览器；

一传送接收模块，用以通过所述互联网，接收所述使用者端发出的使用者请求或编辑作业内容，并接收所述编辑处理模块发出的所述编辑后的网页内容，所述传送接收模块与所述编辑处理模块、所述网页样版模块、所述撷取储存模块相连接，用于根据所述使用者请求或者所述编辑作业内容向所述使用者端传送所述网页内容样版或编辑后的网页内容。同时，本发明系统分别包含侦测光标之一所在坐标位置，将涵盖该所在坐标位置之该可编辑区块进行范围提示的部分和对该可编辑区块进行增减、调整、移动及一类型替换的部分。该类型替换系指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

本发明还公开了一种进行网页实时编辑的方法，其步骤包括：

通过一登录程序建立使用者端与网页样版模块的联机；使用者从所述网页样版模块中选择一网页内容样版，所述网页内容样版被传回至所述使用者端；选择该网页内容样版中欲进行编辑的一可编辑区块；所述使用者端显示该可编辑区块的一编辑窗口并开始一编辑作业，发出编辑作业内容；及传送接收模块接收该编辑作业内容，传送给编辑处理模块执行一编辑处理后实时产生网页内容，并将该网页内容传送给撷取储存模块以储存至网页内容数据库，同时将该网页内容传送给传送接收模块以传回至所述使用者端显示。

本发明还提供一种具图层(layer)样版辅助的网页实时编辑系统，适用于一互联网系统，其特点在于，包括：一网页样版模块，用以提供用于进行网页实时编辑的网页内容样版；

一网页内容数据库，用以储存编辑后的网页内容；

一撷取储存模块，用以根据使用者请求，自所述网页内容数据库中撷取所述网页内容以进行编辑，还用以将进行编辑后的网页内容实时回存至所述网页内容数据库；

一互联网；

一使用者端，具有互联网浏览器，所述使用者端通过该互联网进行登录，建立联机，提取所述网页样版模块中的网页内容样版，或者撷取所述网页内容数据库中的编辑后的网页内容，并利用所述互联网浏览器进行显示，所述使用者端利用可编辑的图层样版及所见即所得的方式进行实时编辑，并发出编辑作业内容；

一编辑处理模块，用以根据所述编辑作业内容，进行对应程序代码的编辑，产生所述编辑后的网页内容，并将所述编辑后的网页内容通过所述撷取储存模块在所述网页内容数据库中储存，同时发出所述编辑后的网页内容至所述互联网浏览器；

一传送接收模块，用以通过所述互联网，接收所述使用者端发出的使用者请求或编辑作业内容，并接收所述编辑处理模块发出的所述编辑后的网页内容，所述传送接收模块与所述编辑处理模块、所述网页样版模块、所述撷取储存模块相连接，用于根据所述使用者请求或者所述编辑作业内容向所述使用者端传送所述网页内容样版或编辑后的网页内容。该网页内容样版包含复数个可编辑区块，每个该可编辑区块均运用一图层技术，来提供进行该可编辑区块的增减、调整、移动及一类型替换。本发明的该图层技术可以让不同之该可编辑区块之间重叠。而该类型替换系指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

本发明还公开了一种进行网页实时编辑的方法，其步骤包括：

通过一登录程序建立使用者端与网页样版模块的联机；使用者从所述网页样版模块中选择一网页内容样版，所述网页内容样版被传回至所述使用者端；选择该网页内容样版中欲进行编辑的一可编辑区块；所述使用者端显示该可编辑区块的一编辑窗口并开始一编辑作业，发出编辑作业内容；及传送接收模块接收该编辑作业内容，传送给编辑处理模块执行一编辑处理后实时产生网页内容，并将该网页内容传送给撷取储存模块以储存至网页内容数据库，同时将该网页内容传送给传送接收模块以传回至所述使用者端显示。

本发明之具样版辅助的网页实时编辑系统及其方法，让客户仅需要通过浏览器即可进行网页内容的实时编辑，配合上本发明所提供之多样且可自行调整设定的网页内容样版辅助，客户不再需要具备太多的计算机专业技术或知识，更不必浪费时间在繁复的网页内容编辑程序当中，同时客户还可以随心所欲的对网页内容样版中的可编辑区块进行任意的增减、调整、移动及类型替换，来创造出自己所偏好的网页内容。

另外，通过本发明所提供之所见即所得(What You See Is What YouGet，WYSIWYG)的显示方式，可以让客户同时掌握网页内容编辑和网页内容执行时的状况，提升网页内容编辑的效率。

最后，通过本发明系统的动态处理和实时更新环境，可以让客户执行的网页内容编辑实时产生最新的编辑结果，立即显示在客户的面前，达到网页内容真正实时编辑的功效。

附图说明

有关本发明之详细内容及技术，兹就配合图式说明如下：

图1系本发明所提之具样版辅助的网页实时编辑系统及其方法之系统架构图；

图2系本发明所提之具样版辅助的网页实时编辑系统及其方法之运作流程图；

图3a系本发明所提之具样版辅助的网页实时编辑系统及其方法之网页内容样版编辑示意图；

图3b系本发明所提之具样版辅助的网页实时编辑系统及其方法之网页内容样版编辑示意图；

图3c系本发明所提之具样版辅助的网页实时编辑系统及其方法之网页内容样版编辑示意图；及

图3d系本发明所提之具样版辅助的网页实时编辑系统及其方法之网页内容样版编辑示意图。

具体的实施例

本发明系为一种具样版辅助的网页实时编辑系统及其方法，提供客户通过网络50利用客户端的浏览器200，与本发明网页实时编辑系统100进行连结，来进行网页内容的实时编辑工作，以下先以图1来说明本发明之系统架构，该图系本发明所提之具样版辅助的网页实时编辑系统及其方法之系统架构图，说明如下：

(1)传送接收模块110，负责接收来自于客户端浏览器200的客户请求，并且根据请求内容传回对应的内容，其中包括：网页内容数据库130中储存的网页内容、网站样版模块150中提供的网页内容样版及经过编辑处理模块140动态编辑处理的新生成网页内容。

(2)撷取储存模块120，根据客户之请求自网页内容数据库130中撷取原本所储存的对应网页内容，以及负责在客户进行网页实时编辑的过程中，将经过动态编辑处理后的新生成网页内容实时回存至网页内容数据库130中。

(3)网页内容数据库130，用以储存所有之网页内容，其中网页可包含文字、图片、影片、语音、表格…等许多不同类型的内容元素。

(4)编辑处理模块140，主要系接收由客户端浏览器200所传送之编辑作业内容，然后进行对应程序代码之编辑，如包括：新增、修改和删除，动态产生处理后之网页内容，再传回至客户端浏览器200中供客户浏览以及进行后续其它编辑。

(5)网页样版模块150，负责提供客户进行网页内容编辑时的辅助样版。通常每个样版中都会包含有许多的可编辑区块，这些区块可以提供客户利用编辑作业的方式，自行调整和设定其内容及设定值产生符合客户所需求的网页内容，包括：增减、调整、移动及类型替换等等。其中，类型替换的部分系指改变可编辑区块的编辑属性，如：将文字可编辑区块替换成图片可编辑区块、将影片可编辑区块替换成文字可编辑区块…。

本发明网页实时编辑系统100为了能够确认客户的合法使用身分，还提供了通过客户端的客户名称及客户密码来进行认证的登录程序，客户唯有通过登录程序之后，才能够进入到本发明网页实时编辑系统100中执行网页实时编辑的工作。

图2则系本发明所提之具样版辅助的网页实时编辑系统及其方法之运作流程图，说明如下：

首先，客户必须通过客户端浏览器200来进行登录程序，即对客户名称及客户密码进行认证，然后建立起客户端浏览器200与网页实时编辑系统100间的联机后，进入到本发明网页实时编辑系统100，步骤300；然后客户由网页样版模块150所提供一系列的网页内容样版中选择偏好的一个之后，系统会将所选取的网页内容样版传回供客户进行网页实时编辑的动作，步骤310；而在每个网页内容样版中都包含有许多的可编辑区块，若是客户不满意所选定的网页内容样版中可编辑区块的编排组合方式时，还可以自行对其中可编辑区块进行增减、调整、移动及类型替换的动作，此时客户可以依照需求选择一个欲进行编辑的可编辑区块来进行编辑作业，步骤320，在选择的过程中，当客户的光标移动至任何的可编辑区块中时，本发明网页实时编辑系统100会自动侦测到光标的所在坐标位置，然后进行涵盖光标坐标位置之可编辑区块的范围提示功能；当客户通过点选确定所选取的可编辑区块时，系统会以弹出式窗口(popup window)的方式显示与选定之可编辑区块对应的编辑窗口，让客户开始进行编辑作业，步骤330，客户可以利用编辑窗口来对选定之可编辑区块的内容进行编辑和设定的工作；此时系统会判断客户是否选取编辑窗口中的确认键，确认是否完成该项编辑作业，步骤340，如果没有的话，则继续停留在步骤330的部分让客户继续进行编辑作业，否则若是客户已经确认完成编辑作业，则系统会将编辑作业内容接收，执行动态的编辑处理(即根据客户的编辑作业内容，将对应的程序代码自网页中作新增、修改或删除的动作)，实时产生新的网页内容加以储存并且传回至客户端浏览器200中加以显示，步骤350，让客户可以实时看到编辑后的结果；此时，系统会判断客户是否继续选择其它可编辑区块，步骤360如果有的话，则同样回到步骤330的地方，让客户进行其它的编辑作业，否则的话结束整个网页内容实时编辑的流程。

最后，我们以图3a、图3b、图3c及图3d作为实施例来说明本发明之具体可行性，说明如下：

在图3a中，我们可以见到客户选定网页内容样版210中包含有四个可编辑区块，包括：可编辑区块A220、可编辑区块B230、可编辑区块C240及可编辑区块D250，当客户欲进行可编辑区块B230的编辑作业时，可以将光标移至可编辑区块B230之上，此时系统会提示出可编辑区块B230的范围所在，例如：图3a中可编辑区块B230以粗实线作为提示方式，其余可编辑区块A220、可编辑区块C240及可编辑区块D250则均为系虚线表示，显示出目前客户可进行编辑作业的范围，进入可编辑区块B230的编辑作业时，系统会以弹出式窗口(popup window)的方式显示与选定之可编辑区块对应的编辑窗口画面260，如：图3b所示，让客户开始进行编辑作业，客户可以利用编辑窗口画面260来对选定之可编辑区块B230的内容进行编辑和设定的工作，如：图3b中客户新增“Build your ownsite on-line”的文字，选取确认键270后表示完成该项编辑作业，或者客户可以选择取消键280放弃编辑作业，经过系统的动态处理之后，会将新产生的网页内容再传回客户端浏览器200中供客户进行其它的编辑作业，如：图3c所示，倘若客户对于选定网页内容样版210所提供的编排组合方式不满意，客户可以自行做任意增减、调整、移动及类型替换的动作，如：图3d中，客户将可编辑区块A220删除、移动可编辑区块B230以及修改可编辑区块D250)，而由图3a、图3b、图3c及图3d中亦可得知，整个网页实时编辑的过程中都是以所见即所得(What You See Is WhatYou Get，WYSIWYG)的方式让客户进行编辑作业。

事实上，本发明网页实时编辑系统100更可以在其所提供的网页内容样版中运用到图层(layer)技术的概念，使每一个可编辑区块之间除了可以提供客户任意进行增减、调整、移动及类型替换之外，还可以彼此重叠，使整个网页内容样版的编排组合方式更加的具有弹性，如：将文字可编辑区块重叠在图片可编辑区块之中，可以产生出图含文的编辑效果；或者将图片可编辑区块重叠在文字可编辑区块之中，可以产生出文绕图的编辑效果。

虽然本发明以前述之较佳实施例揭露如上，然其并非用以限定本发明，故任何熟悉此技艺者，在不脱离本发明之精神和范围内，当可作些许之更动与润饰，因此本发明之保护范围当视后附之申请专利范围所界定者为准。

Claims (24)

1、一种具样版辅助的网页实时编辑系统，其特征在于，包括：

一网页样版模块，用以提供用于进行网页实时编辑的网页内容样版；

一网页内容数据库，用以储存编辑后的网页内容；

一撷取储存模块，用以根据使用者请求，自所述网页内容数据库中撷取所述网页内容以进行编辑，还用以将进行编辑后的网页内容实时回存至所述网页内容数据库；

一互联网；

一使用者端，具有互联网浏览器，所述使用者端通过该互联网进行登录，建立联机，提取所述网页样版模块中的网页内容样版，或者撷取所述网页内容数据库中的编辑后的网页内容，并利用所述互联网浏览器进行显示，所述使用者端利用所见即所得的方式进行实时编辑，并发出编辑作业内容；

一编辑处理模块，用以根据所述编辑作业内容，进行对应程序代码的编辑，产生所述编辑后的网页内容，并将所述编辑后的网页内容通过所述撷取储存模块在所述网页内容数据库中储存，同时发出所述编辑后的网页内容至所述互联网浏览器；

一传送接收模块，用以通过所述互联网，接收所述使用者端发出的使用者请求或编辑作业内容，并接收所述编辑处理模块发出的所述编辑后的网页内容，所述传送接收模块与所述编辑处理模块、所述网页样版模块、所述撷取储存模块相连接，用于根据所述使用者请求或者所述编辑作业内容向所述使用者端传送所述网页内容样版或编辑后的网页内容。

2、如权利要求1所述的具样版辅助的网页实时编辑系统，其特征在于该系统还包含通过一使用者名称及一使用者密码，来进行使用者一登录程序认证的部分。

3、如权利要求1所述的具样版辅助的网页实时编辑系统，其特征在于该网页内容样版包含复数个可编辑区块。

4、如权利要求3所述的具样版辅助的网页实时编辑系统，其特征在于该编辑作业是指通过呼叫与该可编辑区块对应的一编辑窗口，来进行该可编辑区块中内容设定值的编辑。

5、如权利要求1所述的具样版辅助的网页实时编辑系统，其特征在于该编辑处理是指根据该编辑作业内容，将所对应的程序代码自该网页中新增、修改及删除。

6、如权利要求3所述的具样版辅助的网页实时编辑系统，其特征在于该系统还包含侦测光标的一所在坐标位置，将涵盖该所在坐标位置的该可编辑区块进行范围提示的部分。

7、如权利要求3所述的具样版辅助的网页实时编辑系统，其特征在于该系统还包含对该可编辑区块进行增减、调整、移动及一类型替换的部分。

8、如权利要求7所述的具样版辅助的网页实时编辑系统，其特征在于该类型替换是指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

9、如权利要求1所述的具样版辅助的网页实时编辑系统，其特征在于，所述使用者端利用所述网页内容样版中的可编辑的图层样版的方式进行实时编辑，并发出编辑作业内容。

10、如权利要求9所述的具图层样版辅助的网页实时编辑系统，其特征在于该网页内容样版包含复数个可编辑区块，每个该可编辑区块均运用一图层技术，来提供进行该可编辑区块的增减、调整、移动及一类型替换。

11、如权利要求10所述的具图层样版辅助的网页实时编辑系统，其特征在于该图层技术让不同之该可编辑区块之间重叠。

12、如权利要求10所述的具图层样版辅助的网页实时编辑系统，其特征在于该类型替换是指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

13、一种利用权利要求1所述系统进行网页实时编辑的方法，其特征在于，其步骤包括：

通过一登录程序建立使用者端与网页样版模块的联机；

使用者从所述网页样版模块中选择一网页内容样版，所述网页内容样版被传回至所述使用者端；

选择该网页内容样版中欲进行编辑的一可编辑区块；

所述使用者端显示该可编辑区块的一编辑窗口并开始一编辑作业，发出编辑作业内容；及

传送接收模块接收该编辑作业内容，传送给编辑处理模块执行一编辑处理后实时产生网页内容，并将该网页内容传送给撷取储存模块以储存至网页内容数据库，同时将该网页内容传送给传送接收模块以传回至所述使用者端显示。

14、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于还包括一根据一使用者名称及一使用者密码进行登录的步骤。

15、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于该网页内容样版包含复数个可编辑区块。

16、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于该编辑作业是指通过呼叫与该可编辑区块对应的该编辑窗口，来进行该可编辑区块中内容设定值的编辑。

17、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于该编辑处理是指根据该编辑作业内容，将所对应的程序代码自该网页中新增、修改及删除。

18、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于该方法还包含侦测光标的一所在坐标位置，将涵盖该所在坐标位置的该可编辑区块进行范围提示的步骤。

19、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于该方法还包含对该可编辑区块进行增减、调整、移动及一类型替换的步骤。

20、如权利要求19所述的具样版辅助的网页实时编辑方法，其特征在于该类型替换是指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

21、如权利要求13所述的具样版辅助的网页实时编辑方法，其特征在于，所述使用者端利用所述网页内容样版中的可编辑的图层样版的方式进行实时编辑，并发出编辑作业内容。

22、如权利要求21所述的具图层样版辅助的网页实时编辑方法，其特征在于该网页内容样版包含复数个可编辑区块，每个该可编辑区块均运用一图层技术，来提供进行该可编辑区块的增减、调整、移动及一类型替换。

23、如权利要求22所述的具图层样版辅助的网页实时编辑方法，其特征在于该图层技术让不同之该可编辑区块之间重叠。

24、如权利要求22所述的具图层样版辅助的网页实时编辑方法，其特征在于该类型替换是指对该可编辑区块进行至少包含文字、图片、影片及语音不同编辑属性之间的转换。

Images