CN1783085A

CN1783085A - 网页编辑设备、网页编辑方法及程序

Info

Publication number: CN1783085A
Application number: CNA2005101246813A
Authority: CN
Inventors: 浓沼雅史; 堀内芳雄; 大西真里; 齐藤将树; 中森工慈
Original assignee: International Business Machines Corp
Current assignee: International Business Machines Corp
Priority date: 2004-12-02
Filing date: 2005-11-14
Publication date: 2006-06-07
Anticipated expiration: 2025-11-14
Also published as: JP4796296B2; JP2006163535A; CN100410941C; US20060123330A1; US8756490B2

Abstract

本申请涉及网页编辑设备、网页编辑方法及程序。本发明的目的是提供一种网页编辑屏幕，允许编辑人员整体地编辑母文档和子文档，同时以适当的方式显示嵌在母文档中的子文档的内容。根据本发明，要编辑的网页的相关文档作为被管理文档125被单独管理。装置102导出单个文档结构信息126。装置103通过根据关于嵌入的代码将单个文档结构信息126连接起来而装配出网页结构信息127。根据被管理文档125的内容和网页结构信息生成编辑屏幕数据，以生成浏览器型编辑屏幕128。装置107使相关被管理文档125的内容与编辑屏幕128上的被编辑内容同步。生成装置105使编辑屏幕数据与编辑屏幕128上的被编辑内容匹配。

Description

网页编辑设备、网页编辑方法及程序

技术领域

本发明涉及用于编辑网页的网页编辑设备、方法和程序，尤其涉及使用改进的屏幕来编辑网页的网页编辑设备、方法和程序。

背景技术

作为公知的网页编辑工具的Page Designer和Dreamweaver提供的编辑屏幕上，HTML文档可以象网络客户机浏览器屏幕那样显示(下面称为“似浏览器的编辑屏幕”)。它们还提供用于直接编辑HTML文档的源代码的编辑屏幕，这样编辑人员就能够在似浏览器编辑屏幕上有效率地编辑HTML文档。

另一方面，JSP(JavaServer Pages^TM，Java服务器页面)文档被存储在网络服务器的存储器中，以生成作为网页的HTML文档。编辑人员可以在JSP文档中使用诸如<jsp：include>或者<jsp：directive.include>这样的代码来在JSP文档中嵌入其它任何文档。

为了说明方便起见，在构成或者建立网页的文档中，在其中要嵌入任何其它文档的文档被称为“母文档”，而要嵌入的其它文档被称为“子文档”。

图12图示了在传统的网页编辑工具600的似浏览器编辑屏幕601上母文档602的显示状态。子文档只是用一个在其插入母文档602的位置的图标603来表示，而没有其具体内容。

图13图示了根据传统的网页编辑工具600的浏览器型的框架编辑屏幕(frame editing screen)610。母文档包括将浏览器屏幕分为两个框比如左框和右框的指令，以及要分别嵌在右框和左框中的子文档611、612的标识。这样，编辑人员可以在以类似于实际浏览器的方式显示子文档的框架编辑屏幕610上编辑要嵌入到母文档的相应框架中的两个或多个子文档。

图14图示了MicrosoftWord(微软字处理器)的编辑屏幕630。假设母文档631是MicrosoftWord文档而子文档632是在不同于MicrosoftWord的应用程序中编辑的文档。在这种情况下，如果编辑人员双击嵌入在母文档631中的子文档632的显示区域，则会启动该不同的应用程序以便编辑人员能够在该不同的应用程序中编辑该子文档632。该子文档632的显示区域限于一个矩形框633内，也就是，该子文档无法显示在非矩形的框中。另一方面，如果子文档632也是MicrosoftWord文档，并且被嵌入到母文档631中，则该子文档632的内容就转变为母文档631的内容。因此，即使被嵌入的文本在母文档631中经过了编辑，被编辑的内容也不会反映到子文档632中。

日本公开专利申请07-56786公开了一种结构化文档处理器，其中，将集成文档分为多个文档组件(例如第1章文档组件，第2章文档组件，...)，这样，将一个文档组件用作一个保存和载入的单元，两个或者多个编辑人员能够编辑每一个文档组件，同时保持数据的一致性。结构化文档处理器构建了一个集成文档和文档组件的树形结构，基于文档组件的等级结构来控制文档组件之间的连接或者联系，管理文档组件在集成文档中的逻辑顺序(页面顺序)(见日本公开专利申请07-56786的图4、图5)。

图12中所示的网页编辑工具600的似浏览器编辑屏幕601只在子文档的嵌入位置显示图标603。因此，一旦子文档被嵌入母文档602的特定位置，编辑人员就不能在在浏览器屏幕上查看母文档602和子文档的显示状态的同时，在似浏览器编辑屏幕601上编辑这些文档。

另一方面，图13的网页编辑工具600允许编辑人员在查看嵌入在母文档中的子文档的显示状态的同时，也就是，在似浏览器编辑屏幕上查看它们的同时，在框架编辑屏幕610上编辑嵌在母文档中的子文档611和612。但是，在这种情况下，用于在母文档中嵌入子文档611和612的版面限于矩形。在网页框架中，例如使用下述代码语句在母文档中嵌入子文档LEFT.html和RIGHT.html：<FRAMESETCOLS＝“50％，50％″>，<FRAME SRC＝″LEFT.html″>以及<FRAME SRC＝″RIGHT.html″>。这样，母文档本身的文档和图像不能显示，每一个子文档的开始也不能位于母文档中的任何字符或者图像之前或者之后。并且，在框架编辑屏幕610上不显示指示母文档的主体的<BODY>(标记名称)。用于在母文档中的任何结构位置嵌入子文档的关于嵌入的代码可以是<jsp：include>或者<jsp：directive.include>。

由于在图14的字处理器的编辑屏幕630上用于向母文档631中嵌入子文档632的版面与图13的框架编辑屏幕610一样也限于矩形，难以将子文档632的开始设置在母文档631中的任何位置，进而在编辑屏幕630上显示设置位置。另外，如果子文档632是象母文档631一样的MicrosoftWord文档，并在将子文档632嵌入母文档631之后在编辑屏幕631上对子文档进行了编辑，则编辑的内容只反映在母文档631中，而不会反映在子文档632中。因此，如果子文档632也要被嵌入另一个母文档或者该母文档631中的另一个位置，则该另一个母文档中或者所述母文档631中另一个位置的所述子文档632就不得不单独重新编辑。

公知的作为网页编辑工具Page Designer和Dreamweaver具有预览屏幕，显示正在编辑屏幕上编辑的网页在实际的浏览器屏幕上是如何显示的。编辑人员能够从预览屏幕打开浏览器，查看正在被编辑的文档在浏览器上是如何实际显示的。但是，编辑人员在显示浏览器屏幕图像的预览屏幕上不能编辑文档。

发明内容

本发明的一个目的是提供一种网页编辑设备、网页编辑方法和程序，允许编辑人员在编辑屏幕上没有困难地编辑母文档和子文档，其中在母文档中嵌入子文档的版面不限于矩形，在母文档中嵌入子文档的实际状态按原样显示，标记的内容被转换为可视显示而不显示标记。

根据本发明的网页编辑设备包括：

单个文档管理装置，用于将形成要编辑的网页的各部分的文档的内容作为被管理文档单独地管理；

单个文档结构信息导出装置，用于：作为单个文档结构信息，从每一个被管理文档的内容导出每一个被管理文档的结构信息，包括用于将另一个文档嵌入预定嵌入位置的关于嵌入的代码；

网页结构信息装配装置，用于：通过基于每一个单个文档结构信息中的关于嵌入的代码将单个文档结构信息结合起来，来装配出要编辑的网页的结构信息，作为网页结构信息；

编辑屏幕数据生成装置，用于基于被管理文档的内容和所述网页结构信息生成用以创建编辑屏幕的编辑屏幕数据，在该编辑屏幕上，要编辑的文档的标记内容被转换为可视的显示；

编辑屏幕生成装置，用于基于所述编辑屏幕数据生成编辑屏幕；

相关被管理文档检测装置，用于检测包括对应于编辑屏幕上的被编辑部分的部分的被管理文档，作为相关被管理文档；以及

同步装置，用于：使所述相关被管理文档的内容与编辑屏幕上的基于在编辑屏幕上的编辑操作的被编辑内容同步，

其中，所述编辑屏幕数据生成装置使所述编辑屏幕数据与编辑屏幕上的基于编辑屏幕上的编辑操作的被编辑内容匹配。

根据本发明的网页编辑方法包括：

单个文档管理步骤，用于将形成要编辑的网页的各部分的文档的内容作为被管理文档单独地管理；

单个文档结构信息导出步骤，用于：作为单个文档结构信息，从每一个被管理文档的内容导出每一个被管理文档的结构信息，包括用于将另一个文档嵌入预定嵌入位置的关于嵌入的代码；

网页结构信息装配步骤，用于：通过基于每一个单个文档结构信息中的关于嵌入的代码将单个文档结构信息结合起来，来装配出要编辑的网页的结构信息，作为网页结构信息；

编辑屏幕数据生成步骤，用于基于被管理文档的内容和所述网页结构信息生成用以创建编辑屏幕的编辑屏幕数据，在该编辑屏幕上，要编辑的文档的标记内容被转换为可视的显示；

编辑屏幕生成步骤，用于基于所述编辑屏幕数据生成编辑屏幕；

相关被管理文档检测步骤，用于检测包括对应于编辑屏幕上的被编辑部分的部分的被管理文档，作为相关被管理文档；以及

同步步骤，用于：使所述相关被管理文档的内容与编辑屏幕上的基于在编辑屏幕上的编辑操作的被编辑内容同步，

其中，所述编辑屏幕数据生成步骤使所述编辑屏幕数据与编辑屏幕上的基于编辑屏幕上的编辑操作的被编辑内容匹配。

在本发明的一个方面，根据本发明的程序使得计算机作为上述的网页编辑设备的各个装置而工作。另一方面，根据本发明的程序使得计算机执行上述网页编辑方法的各个步骤。根据本发明的程序产品包括计算机可读记录介质，以及记录在记录介质上的上述程序。

本发明使用一种编辑屏幕，通过将要编辑的文档的标记内容转换为可视的显示来显示要编辑的文档。构成要编辑的网页的被管理文档就其内容而言被单独管理，而不是被集体管理。也就是，作为通过将被管理文档集成起来而构成的要被编辑的网页，基于网页结构信息生成用于生成编辑屏幕的编辑屏幕数据，所述网页结构信息根据关于嵌入的代码将每一个被管理文档的单个文档结构信息连接起来。这样，就建立了编辑屏幕数据，其包括指出子文档的开始结构部分被嵌入母文档中由关于嵌入的代码所指定的位置的信息，这样就能够生成用于嵌入子文档的版面不限于矩形的编辑屏幕，编辑屏幕上的被编辑内容能够被适当地反映为相关的母文档和子文档的被编辑内容。

附图说明

图1是根据本发明的网页编辑设备的功能框图；

图2是具有附加功能的网页编辑设备的主要部分的功能框图；

图3是根据本发明的网页编辑方法的流程图；

图4是具有附加处理步骤的网页编辑方法的主要部分的流程图；

图5图示了在网页编辑工具的源屏幕上的母文档和子文档的显示状态；

图6图示了在网页编辑工具的源屏幕上的子文档的显示状态；

图7图示了在网页编辑工具的设计屏幕上母文档的显示状态；

图8是用于说明网页编辑工具的处理功能的示意图；

图9图示了网页文档中的CSS说明的一个例子；

图10图示了网页编辑工具的浏览器型编辑屏幕的一个显示举例；

图11是在其中实现本发明的程序的计算机的示意框图；

图12图示了传统的网页编辑工具的似浏览器编辑屏幕上的母文档的显示状态；

图13图示了传统的网页编辑工具的浏览器型框架编辑屏幕；

图14图示了MicrosoftWord的编辑屏幕。

具体实施方式

图1是网页编辑设备100的功能框图。网页编辑设备100包括单个文档管理装置101、单个文档结构信息导出装置102、网页结构信息装配装置103、浏览器型编辑屏幕数据生成装置104、浏览器型编辑屏幕生成装置105、相关被管理文档检测装置106以及同步装置107。这里，构成或者生成网页的每一个文档被称为该网页的关联文档。所述单个文档管理装置101单独地管理要被编辑的网页的关联文档的内容，作为被管理文档125。要被编辑的文档根据该文档中所包含的关于嵌入的代码指定要被编辑的另一个文档，以将要编辑的该另一个文档嵌入预定嵌入位置。要被编辑的网页完全由根据所述关于嵌入的代码组合起来的两个或者多个被管理文档125构成。所述文档结构信息导出装置102从每一个被管理文档125的内容导出每一个被管理文档125的结构信息，作为单个文档结构信息126。所述网页结构信息装配装置103通过基于每一个单个文档结构信息126中的关于嵌入的代码将单个文档结构信息126组合起来而装配出要被编辑的网页的结构信息，作为网页结构信息127。

这里，将要被编辑的文档的标记内容转换为可视显示而不显示标记，从而使得容易在编辑屏幕上编辑要被编辑的文档的编辑屏幕被称为浏览器型编辑屏幕。尽管一般的要被编辑的文档是用标记语言比如HTML或者XML描述的，但是在浏览器型编辑屏幕上并不直接显示标记语言的标记(例如<...>)。浏览器型编辑屏幕数据生成装置104基于被管理文档125的内容和网页结构信息127生成用于生成浏览器型编辑屏幕128的浏览器型编辑屏幕数据。浏览器型编辑屏幕生成装置105基于所述浏览器型编辑屏幕数据生成浏览器型编辑屏幕128。相关被管理文档检测装置106检测包括对应于浏览器型编辑屏幕128上的编辑部分的部分的文档，作为相关被管理文档125。同步装置107使相关被管理文档125的内容与浏览器型编辑屏幕128上基于浏览器型编辑屏幕128上的编辑操作的被编辑内容同步。浏览器型编辑屏幕数据生成装置104使浏览器型编辑屏幕数据与浏览器型编辑屏幕128上基于浏览器型编辑屏幕128上的编辑操作的被编辑内容匹配。

图3是网页编辑方法140的流程图。在单个文档管理步骤S141，单独地管理与要被编辑的网页相关的文档，作为被管理文档125。在单个文档结构信息导出步骤S142，从被管理文档125的内容导出每一个被管理文档125的结构信息，作为单个文档结构信息126。在网页结构信息装配步骤S143步骤中，通过基于每一个单个文档结构信息126中的关于嵌入的代码将单个文档结构信息126组合起来，而装配出要被编辑的网页的结构信息，作为网页结构信息。在浏览器型编辑屏幕数据生成步骤S144中，基于被管理文档125的内容和网页结构信息生成用于生成浏览器型编辑屏幕128的浏览器型编辑屏幕数据。在浏览器型编辑屏幕生成步骤S145中，基于所述浏览器型编辑屏幕数据生成浏览器型编辑屏幕128。在检测相关被管理文档125的步骤S146中，检测包括对应于浏览器型编辑屏幕128上的编辑部分的部分的被管理文档，作为相关被管理文档125。在同步步骤S147中，使相关被管理文档125的内容与浏览器型编辑屏幕128上基于浏览器型编辑屏幕128上的编辑操作的被编辑内容同步。然后，在浏览器型编辑屏幕数据生成步骤S144中，使浏览器型编辑屏幕数据与浏览器型编辑屏幕128上基于浏览器型编辑屏幕128上的编辑操作的被编辑内容匹配。

由于图1的网页编辑设备100和图3的网页编辑方法140具有相同的技术效果，只不过一个被实现为设备发明，另一个是方法发明。也就是，它们只不过是发明种类不同。因此下面对这两个发明合并说明。

例如，网页是一种结构化文档，而该网页的每一个关联文档或者是结构化文档，或者是用于生成结构化文档的文档。更具体地，要编辑的网页例如是HTML文档，而被管理文档125例如是JSP、HTML或者XML文档。假设在一个嵌入关系中有两个文档，其中，在一个文档中有关于嵌入的代码以嵌入另一个文档，该一个文档被称为母文档，该另一个文档被称为子文档。与那些只支持母文档的编辑的设备不同，网页编辑设备100同时支持母文档和子文档的编辑。

在典型的网络系统中，网页是HTML文档。当一个网页由两个或者多个要被编辑的文档(它们是该网页的关联文档)构成时，这些要被编辑的文档中在顶层的母文档例如是JSP文档。子文档是JSP、HTML或者XML文档。在JSP文档中，以合适的方式在HTML中嵌入Java^TM代码。因此，如果子文档是JSP文档，则其它文档可以用关于嵌入的代码嵌入该子文档。这样，从与要编辑的公共网页相关的文档中抽取的任意两个被管理文档可以是直接母子关系，或者可以是这样的关系：位于一个母子关系链的两端(也就是相隔多于两代的祖先和后代的关系)。

存在下列情况：(a)一个子文档可以嵌入母文档中的两个或者多个位置；或者，(b)由于网页编辑设备100和网页编辑方法140允许通过在两个或者多个网页之间进行切换而编辑两个或者多个网页，作为子文档的文档可以被嵌入用于不同网页的母文档。在网页编辑设备100和网页编辑方法140中，单个文档管理装置101以集成的方式将子文档作为一个被管理文档125进行管理。因此，如果在一个母文档中的多个嵌入位置之一编辑情况(a)中的子文档，则可以省略其它地方的同一编辑操作。另一方面，如果在与一个母文档相关的浏览器型编辑屏幕128上编辑情况(b)中的子文档，则可以省略对其它母文档中的该子文档的编辑。

图5和图6分别图示了在网页编辑工具338的源(SOURCE)屏幕339上母文档340和子文档344的显示状态。网页编辑工具338是网页编辑设备100的一个例子。母文档340和子文档344是与要编辑的网页相关的预定文档的例子。网页编辑工具338可以在源(SOURCE)屏幕339、设计(DESIGN)屏幕347(图7)和预览(PREVIEW)屏幕上显示要编辑的文档。

源屏幕339显示要编辑的文档的源代码，其中显示的母文档340不仅带有其标记内容，而且带有指示嵌入子文档344的标记。母文档340和子文档344都是JSP文档，母文档340的名称是normalPage.jsp。子文档344的名称是fragment.jsp，这从下面的关于嵌入的代码341明显可见：<％@include file＝″fragment.jsp″％>。在本说明书中，文档可以是除可执行文件之外的任何文件。尽管关于嵌入的代码341说明了子文档344被嵌入关于嵌入的代码341作指示的节点位置，但是应当注意，本发明还可应用于这样的情况：在将来可以重写该关于嵌入的代码，以指定不同于该嵌入节点位置的节点。

网页编辑工具338在预览屏幕上启动浏览器，从而该浏览器会描绘要编辑的该文档的实际状态。网页编辑工具338的预览屏幕与浏览器的相同。在源屏幕339上显示单独的文档，在设计和预览屏幕上显示通过基于关于嵌入的代码而将文档组合起来而生成的要编辑的网页。

由于屏幕空间的限制，图5中的源屏幕339只显示了母文档340的最后一段，而没有在源屏幕339上显示母文档340的开始部分。编辑人员可以将滚动块拖到右手侧滚动条上的任何位置，以编辑母文档340的任何部分。关于嵌入的代码341被置于母文档340中在开始标记<body>和结束标记</body>之间的主体(BODY)部分中。

图7图示了母文档340在网页编辑工具338的设计屏幕347上的显示状态。该设计屏幕347是浏览器型编辑屏幕128的一个例子(图1和图3)。在图7中只是添加了一个嵌入框348来清楚地说明在设计屏幕347上嵌入子文档344的位置，但是该嵌入框不在实际的设计屏幕347上出现。但是，用预定的操作可以实际显示该嵌入框348，以让编辑人员知道在编辑时子文档344位于何处。网页编辑工具338在设计屏幕347和预览屏幕中将要编辑的网页显示为视觉上看起来一样。不同点在于当点击预览屏幕上的链接嵌入文本或者图像时，视图就切换到链接的网页，而在设计屏幕347上不会出现这样的事。编辑人员能够在源屏幕339(图5和图6)上直接编辑母文档340和子文档344的源代码，同时，即使编辑人员不熟悉具体的HTML标记或者JSP命令，编辑人员也能够在设计屏幕347上以与要编辑的文档(其中母文档340和子文档344是相关联的文档)的浏览器屏幕相同的显示状态编辑母文档340和子文档344。

图8的示意图用于说明网页编辑工具338的处理功能。在图8中假设要编辑的网页被表示为网页W(尽管没有图示出W，但是为了说明的方便，用W来指称特定的网页)，文档A、B和C是与网页W相关联的文档。进一步假设文档A是母文档，文档B和C是嵌入文档A中不同位置的子文档。这里，假设文档A、B和C已经存储在文件系统355中。换句话说，该编辑对话期是要重新编辑网页W。文件系统355是辅助存储器116的一个例子，典型的例子是上面安装了网页编辑工具338的个人计算机的本地驱动器。当编辑人员指定文档A或者网页W时，网页编辑工具338从文件系统355载入文档A。网页编辑工具338在载入的文档A中搜索关于嵌入的代码，如果找到了关于嵌入的代码，则从文件系统355载入文档B和C，作为要嵌入文档A中的文档。如果文档B和C中的任何一个或者二者都还有子文档，则以与文档A相同的方式处理它们。在文档A中对关于嵌入的代码的搜索可以结合关于文档A的DOM信息361a的创建而进行。

网页编辑工具338创建关于每一个载入的文档的DOM(Document Object Model，文档对象模型)信息361a、361b和361c，并在DOM列表362中管理这样的DOM信息。DOM本身是公知的XML结构信息。DOM列表362还管理与母文档中的关于嵌入的代码相关联的与嵌入相关的节点363b和363c，以及到通过关于嵌入的代码嵌入到母文档中的子文档的链接信息364b和364c。DOM列表362中的每一个文档A、B和C的内容的管理对应于网页编辑设备100的单个文档管理装置101的、以及网页编辑方法140的步骤S141中的对被管理文档的管理。DOM信息361a、361b和361c的导出对应于网页编辑设备100的文档结构信息导出装置102以及网页编辑方法140的步骤S142中对单个文档结构信息126的导出。与嵌入相关的节点363b和363c以及链接信息364b和364c，是作为网页编辑设备100的网页结构信息装配装置103以及网页编辑方法140的步骤S143中装配网页结构信息127的处理的基础的信息的例子。

视图对象树(view object tree)370对应于整个网页W的DOM信息，是基于DOM信息361a、361b和361c、与嵌入相关的节点363以及链接信息364创建的。在视图对象树370中，作为母文档的文档A的与嵌入相关的节点363b和363c与分别作为链接到该母文档的子文档的文档B和C的根节点371b和371c一起整体地被管理。视图对象树370是网页结构信息127的一个例子。

由于视图对象树370中的每一个节点还包含文档A、B或C的内容，由之生成设计屏幕347的编辑屏幕数据是基于该视图对象树370生成的。基于所述编辑屏幕数据生成设计屏幕347。图8中的设计屏幕347具有与图7中的设计屏幕347相同的内容。但是，图8中的实际显示的设计屏幕347以几乎与浏览器屏幕一样的可视呈现方式，也就是按照浏览器型编辑屏幕的可视呈现模式，显示了在要在网页上显示的每一个文档A、B和C中定义的视图对象，比如文本和图像。

编辑人员在设计屏幕347上编辑网页W。设计屏幕347上的编辑包括对文本和字体(版面、字形、字体等)的编辑，以及关于其它文档的嵌入的编辑。被编辑内容也可以包括图像和文本。具有充分的编辑功能的网页编辑工具338允许编辑人员在设计屏幕347上编辑图像内容本身，并对图像进行一些简单的编辑，比如插入或者删除图像。另外，编辑人员能够在设计屏幕347上进行编辑工作，而不用考虑被编辑的部分属于文档A、B和C中的哪一个。

编辑功能部分380监视编辑人员在设计屏幕347上进行的编辑。编辑功能部分380中的处理对应于网页编辑设备100的被管理文档检测装置106和同步装置107中的，以及网页编辑方法140中的步骤S146和S147中的具体过程。基于监视结果，编辑功能部分380检测文档A、B和C中的哪一个包括在设计屏幕347上编辑的部分所对应的部分。然后，一旦在设计屏幕347上更新了内容，则被更新的内容在对应的文档A、B或者C的内容中得到反映。当在设计屏幕347上进行对应于节点的添加或者删除的编辑时，对DOM信息361a、361b或361c执行节点的添加或者删除。当在设计屏幕347上改变嵌入位置时，与设计屏幕347上的变化同步，改变DOM列表362中对应的与嵌入相关的节点363b或363c以及对应的链接信息364b或364c等。当在设计屏幕347上进行对应于新的子文档的嵌入或者已有子文档的删除的编辑时，与设计屏幕347上的编辑操作同步地进行新DOM信息向DOM列表362的添加或者对应的链接信息从DOM列表362的删除。

当在DOM列表362中更新DOM信息361a、361b或361c时，更新视图对象树370。这样，就保持了设计屏幕347的内容和视图对象树370的内容之间的一致性。更具体地，这个匹配过程包括下列步骤。在第一步骤(a)，编辑人员在设计屏幕347上进行编辑工作。在步骤(a)，被编辑内容还没有被反映到设计屏幕347上。在下一个步骤(b)，对应的DOM信息361a、361b或361c被更新。结果，在DOM信息361a、361b或361c的内容和设计屏幕347的内容之间出现了差异。在步骤(c)，基于DOM信息361a、361b或361c的更新后的内容更新视图对象树370。步骤(a)到(c)是瞬间完成的，因此编辑人员会感觉到设计屏幕347反映了编辑人员刚刚输入或者编辑的内容。

如上所述，当有母子关系的多个文档A、B和C是一个网页W的相关联文档时，网页编辑工具338以与显示网页W的浏览器几乎相同的呈现模式生成设计屏幕347，这样，编辑人员能够在设计屏幕347上整体地编辑文档A、B和C。

回到图1和图3，下面描述网页编辑设备100和网页编辑方法140的附加功能和附加处理。

为了使浏览器型编辑屏幕数据与在浏览器型编辑屏幕上编辑的内容匹配，网页编辑设备100的浏览器型编辑屏幕数据生成装置104使被管理文档125的内容与网页结构信息127的内容同步，以更新浏览器型编辑屏幕数据。类似地，为了使浏览器型编辑屏幕数据与在浏览器型编辑屏幕上编辑的内容匹配，基于被管理文档125的内容与网页结构信息127的内容之间的同步，在网页编辑方法140的步骤S144中更新浏览器型编辑屏幕数据。

下面描述在浏览器型编辑屏幕上反映被编辑的内容的处理的典型例子。

(a)在相关被管理文档125的内容上反映编辑人员在浏览器型编辑屏幕128上进行的编辑的内容。此时，浏览器型编辑屏幕128还没有改变。

(b)基于被管理文档125的更新内容更新网页结构信息127。

(c)更新浏览器型编辑屏幕数据，以更新浏览器型编辑屏幕128。

图2是网页编辑设备100的主要部分的功能框图，其中图示了附加功能。图4是网页编辑方法140的主要部分的流程图，其中图示了附加处理步骤。当将要编辑的网页保存到辅助存储器116中时，网页编辑设备100的保存装置112保存与要编辑的网页相关的其内容被更新的至少一个被管理文档125(一般是所有被管理文档125)。当在开始编辑之前从辅助存储器116载入要编辑的网页时，载入装置113载入要编辑的网页的所有相关文档。单个文档管理装置101将载入的相关文档的内容单独地作为被管理文档125加以管理。类似地，当将要编辑的网页保存到辅助存储器116中时，与要编辑的网页相关的、其内容被更新的至少一个被管理文档125(一般是所有被管理文档125)在网页编辑方法140的保存步骤S150中被保存。另一方面，当在开始编辑之前从辅助存储器116载入要编辑的网页时，与要编辑的网页相关的所有文档在载入步骤S151被载入。然后，在步骤S141，将载入的相关文档的内容单独地作为被管理文档125加以管理。如上所述，在浏览器型编辑屏幕128上编辑的网页相关文档被保存在辅助存储器116中，在重新编辑时，它们从辅助存储器116被载入网页编辑设备100。从而，保存和载入操作可以没有困难地执行。

这里，这样定义文档之间的等级关系，使得要嵌入另一个文档的文档的等级高于该另一个文档的等级。在与要编辑的网页相关联的被管理文档125中，在等级结构的顶端的文档称为顶级被管理文档125。网页编辑设备100的载入装置113首先载入要重新编辑的网页的相关被管理文档125中的顶级被管理文档125。然后，当所载入的被管理文档125要嵌入比所载入的被管理文档125低一级的被管理文档125时，载入装置113从辅助存储器116载入该低级被管理文档125。类似地，在网页编辑方法140的步骤S151中，首先载入要重新编辑的网页的相关被管理文档125中的顶级被管理文档125。然后，当所载入的被管理文档125要嵌入比所载入的被管理文档125低一级的被管理文档125时，在步骤S151中从辅助存储器116载入该低级被管理文档125。如上所述，当要重新编辑已经存储在辅助存储器116中的要编辑的网页时，可以没有困难地从辅助存储器116载入相关文档。

在图1中，当在浏览器型编辑屏幕128上执行添加要编辑的新文档这样的编辑操作时，同步装置107使对应于要编辑的文档的被管理文档125的添加与浏览器型编辑屏幕128上的文档添加同步，从而添加被管理文档125。类似地，在图3中，当在浏览器型编辑屏幕128上执行添加要编辑的新文档这样的编辑操作时，在步骤S147使对应于要编辑的文档的被管理文档125的添加与浏览器型编辑屏幕128上的文档添加同步，从而添加被管理文档125。当创建要编辑的新网页时，需要添加新的母文档，而当创建要嵌入母文档中的新子文档时，需要添加新的子文档。每当向浏览器型编辑屏幕128添加文档时，就添加新的被管理文档125。这允许通过在浏览器型编辑屏幕128上的编辑操作添加新的要编辑的文档。

另外，当在浏览器型编辑屏幕128上执行删除要编辑的新文档这样的编辑操作时，同步装置107使对应于要编辑的文档的被管理文档125的删除与浏览器型编辑屏幕128上要编辑的文档的删除同步，从而删除被管理文档125。类似地，在步骤147，当在浏览器型编辑屏幕128上执行删除要编辑的新文档这样的编辑操作时，使对应于要编辑的文档的被管理文档125的删除与浏览器型编辑屏幕128上的要编辑的文档的删除同步，从而删除被管理文档125。这允许通过在浏览器型编辑屏幕128上的编辑操作删除要编辑的文档。

注意，在浏览器型编辑屏幕128上还可以执行取消嵌入要编辑的文档作为子文档这样的编辑操作。在这种情况下，应当考虑两种不同的情况：(a)当子文档有两个或者多个嵌入位置时，以及(b)当子文档只有一个嵌入位置时。在情况(a)中，网页编辑设备100和网页编辑方法140一般使相关被管理文档125的嵌入的取消与浏览器型编辑屏幕128上要编辑的文档的嵌入的取消同步，以仅删除链接信息364b或者364c(图8)。在情况(b)中，同步装置107使相关被管理文档125的删除与浏览器型编辑屏幕128上要编辑的文档的嵌入的取消同步，以删除被管理文档125。

文档结构信息126是树结构信息，而网页结构信息127是将关于被管理文档125的所有树结构信息以这样一种管理关系链接起来的树结构信息，该管理关系是这样的：关于特定被管理文档125的树结构信息中与关于嵌入的代码相关的节点被连接到根据该关于嵌入的代码要嵌入该特定被管理文档125中的另一个被管理文档125的根。DOM信息361a、361b、361c是作为树结构信息的文档结构信息126的一个例子，而视图对象树370是作为树结构信息的网页结构信息127的一个例子。

图9图示了网页文档中CSS(Cascading Style Sheet，级联式样单)说明的一个例子。该CSS说明是描述浏览期中视图对象的式样的外部文件的一个例子。图9A图示了CSS的作为外部文件的直接描述的一个例子。在这个例子中，在JSP文档401的<HEAD>部分描述<LINK href＝″mystyle.css″rel＝″stylesheet″>，这样就指定了一个文件名为″mystyle.css″的文件作为CSS。图9B图示了CSS的作为外部文件的间接描述的一个例子。在该例子中，基于JSP文档404的<HEAD>中的<％@include file＝″fragment2.jsp″％>解释片断文件405的语句，片断文件405中的描述<LINK href＝″mystyle.css″ref＝″stylesheet″>指定了一个文件名为″mystyle.css″的文件作为CSS。

图10图示了网页编辑工具410的浏览器型编辑屏幕411的一个显示例子。该网页编辑工具410是网页编辑设备100的另一个例子，浏览器型编辑屏幕411是浏览器型编辑屏幕128的另一个例子。在该例子中，应用了不同的段落式样，也就是，对段落415应用了标题样式，对段落416应用了普通样式，对段落417应用了项目符号列表样式。显示在浏览器型编辑屏幕411上的要编辑的网页使用CSS作为外部文件来对每一个段落指定颜色。在CSS中，段落415的文本颜色被设置为蓝色，段落416的文本颜色被设置为绿色，段落417的背景颜色被设置为红色。尽管图10中的黑白显示使得难以区分颜色的不同，但是实际的浏览器型编辑屏幕411是用设定的颜色显示每一个段落的。

网页编辑设备100和网页编辑方法140中的被管理文档125可以包括CSS说明或者样式标记。在这种情况下，这些样式不仅应用于与浏览器型编辑屏幕128上的母文档相关的视图对象，而且应用于与子文档相关的视图对象。

图11是实现本发明的程序的计算机550的示意框图。本发明的网页编辑程序使得计算机550作为网页编辑设备100的各个装置而工作。或者，本发明的网页编辑程序使得计算机550执行网页编辑方法140的各个处理步骤。

本发明可以实现于硬件、软件或者它们的组合中。作为硬件和软件的组合的典型例子，本发明实现于具有预定程序的计算机系统中。在这种情况下，所述预定程序被装入计算机系统并在其中执行，以控制计算机系统执行根据本发明的处理操作。该程序由可以用任何语言、代码和符号表示的一组指令构成。所述指令组允许计算机系统直接地执行具体功能，或者在下述任意一个或者两个操作之后执行具体功能：(a)转换为另一种语言、代码或者符号；(b)复制到另一种介质上。除了程序本身之外，记录有程序的介质和程序产品也包括在本发明的范围之内。执行本发明的功能的程序可以存储在任何计算机可读介质上，比如软盘、MO、CD-ROM、DVD、硬盘、ROM、MRAM或者RAM。本发明的程序也可以通过从通过通信线路连接的另一个计算机系统下载，或者从另一种记录介质复制而被存储到记录介质上。另外，本发明的程序可以通过将其压缩或者分割为两个或者多个程序部件而被存储在一个或者多个记录介质上。

如图11所示，计算机主体551包括CPU 552和主存储器553。CPU 552包括运算器554和控制器555。运算器554执行计算、比较和判断等，控制器555控制主存储器553、运算器554等。系统总线560由数据总线、地址总线和控制总线构成，以连接CPU 552、主存储器553、输入接口565、输入输出接口566和输出接口567。输入设备570例如包括键盘、只读CD驱动器等，以通过输入接口565向系统总线560发送数据。辅助存储器571例如是HDD(硬盘驱动器)或者CD-R/W驱动器，以通过I/O接口566与系统总线560交换数据。输出设备572例如包括显示器和打印机，以通过输出接口567从系统总线560接收数据。本发明的程序例如存储在辅助存储器571比如HDD中，并被读入主存储器以执行各项功能。

Claims

1.一种网页编辑设备，包括：

单个文档结构信息导出装置，用于：从每一个被管理文档的内容导出每一个被管理文档的结构信息，作为单个文档结构信息，所述结构信息包括用于将另一个文档嵌入预定嵌入位置的关于嵌入的代码；

网页结构信息装配装置，用于：通过基于每一个单个文档结构信息中的关于嵌入的代码将单个文档结构信息结合起来，装配出要编辑的网页的结构信息，作为网页结构信息；

2.如权利要求1所述的设备，其中，所述编辑屏幕数据生成装置基于被管理文档的内容和网页结构信息之间的同步来更新所述编辑屏幕数据，以使编辑屏幕数据与编辑屏幕上的被编辑内容匹配。

3.如权利要求1所述的设备，还包括：

保存装置，用于保存与要编辑的网页相关联的、其内容被更新了的至少一个被管理文档，以在辅助存储器中保存要编辑的网页；以及

载入装置，在开始编辑之前，从辅助存储器载入与要编辑的网页相关联的所有文档，以载入要编辑的网页；

其中，所述单个文档管理装置将所载入的关联文档的内容作为被管理文档单独地进行管理。

4.如权利要求3所述的设备，其中，所述载入装置包括：

用于载入与要编辑的网页相关联的被管理文档中的顶级文档的装置，以及

当要在载入的被管理文档中嵌入比载入的被管理文档低一级的被管理文档时，从辅助存储器载入该低一级的被管理文档的装置。

5.如权利要求1所述的设备，其中，当在编辑屏幕上执行添加新的要编辑的文档这样的编辑操作时，所述同步装置使对应于要编辑的文档的被管理文档的添加与编辑屏幕上的文档添加同步，以添加所述被管理文档。

6.如权利要求1所述的设备，其中，当在编辑屏幕上执行删除要编辑的文档这样的编辑操作时，所述同步装置使对应于要编辑的文档的被管理文档的删除与编辑屏幕上要编辑的文档的删除同步，以删除所述被管理文档。

7.如权利要求1所述的设备，其中，所述网页是结构化文档，该网页的每一个相关联文档是结构化文档或者用于生成结构化文档的文档。

8.如权利要求7所述的设备，其中，所述单个文档结构信息是树结构信息，所述网页结构信息是按照一种被管理文档关系将所有的被管理文档树结构信息连接起来的树结构信息，在所述被管理文档关系中，特定被管理文档的树结构信息中的用于关于嵌入的代码的节点被连接到根据用于关于嵌入的代码的该节点要嵌入该特定被管理文档的另一个被管理文档的根。

9.如权利要求1到8之一所述的设备，其中，所述编辑屏幕是浏览器型编辑屏幕。

10.一种网页编辑方法，包括：

单个文档管理步骤，将形成要编辑的网页的各部分的文档的内容作为被管理文档单独地管理；

单个文档结构信息导出步骤，从每一个被管理文档的内容导出每一个被管理文档的结构信息，作为单个文档结构信息，所述结构信息包括用于将另一个文档嵌入预定嵌入位置的关于嵌入的代码；

网页结构信息装配步骤，通过基于每一个单个文档结构信息中的关于嵌入的代码将单个文档结构信息结合起来，装配出要编辑的网页的结构信息，作为网页结构信息；

编辑屏幕数据生成步骤，基于被管理文档的内容和所述网页结构信息生成用以创建编辑屏幕的编辑屏幕数据，在该编辑屏幕上，要编辑的文档的标记内容被转换为可视的显示；

编辑屏幕生成步骤，基于所述编辑屏幕数据生成编辑屏幕；

相关被管理文档检测步骤，检测包括对应于编辑屏幕上的被编辑部分的部分的被管理文档，作为相关被管理文档；以及

同步步骤，使所述相关被管理文档的内容与编辑屏幕上的基于在编辑屏幕上的编辑操作的被编辑内容同步，

11.如权利要求10所述的方法，其中，所述编辑屏幕数据生成步骤基于被管理文档的内容和网页结构信息之间的同步来更新所述编辑屏幕数据，以使编辑屏幕数据与编辑屏幕上的被编辑内容匹配。

12.如权利要求10所述的方法，还包括：

保存步骤，保存与要编辑的网页相关联的、其内容被更新了的至少一个被管理文档，以在辅助存储器中保存要编辑的网页；以及

载入步骤，在开始编辑之前，从辅助存储器载入与要编辑的网页相关联的所有文档，以载入要编辑的网页；

其中，所述单个文档管理步骤将所载入的关联文档的内容作为被管理文档单独地进行管理。

13.如权利要求12所述的方法，其中，所述载入步骤包括：

载入与要编辑的网页相关联的被管理文档中的顶级文档的步骤，以及

当要在载入的被管理文档中嵌入比载入的被管理文档低一级的被管理文档时，从辅助存储器载入该低一级的被管理文档的步骤。

14.如权利要求10所述的方法，其中，当在编辑屏幕上执行添加新的要编辑的文档这样的编辑操作时，所述同步步骤使对应于要编辑的文档的被管理文档的添加与编辑屏幕上的文档添加同步，以添加所述被管理文档。

15.如权利要求10所述的方法，其中，当在编辑屏幕上执行删除要编辑的文档这样的编辑操作时，所述同步步骤使对应于要编辑的文档的被管理文档的删除与编辑屏幕上要编辑的文档的删除同步，以删除所述被管理文档。

16.如权利要求10所述的方法，其中，所述网页是结构化文档，该网页的每一个相关联文档是结构化文档或者用于生成结构化文档的文档。

17.如权利要求16所述的方法，其中，所述文档结构信息是树结构信息，所述网页结构信息是按照一种被管理文档关系将所有的被管理文档树结构信息连接起来的树结构信息，在所述被管理文档关系中，特定被管理文档的树结构信息中的用于关于嵌入的代码的节点被连接到根据用于关于嵌入的代码的该节点要嵌入该特定被管理文档的另一个被管理文档的根。

18.如权利要求10到17之一所述的方法，其中，所述编辑屏幕是浏览器型编辑屏幕。

19.一种使得计算机作为如权利要求1到9之一所述的网页编辑设备的各个装置而工作的程序。

20.一种程序产品，包括计算机可读记录介质以及记录在记录介质上的程序，该程序使得计算机执行网页编辑方法的每一个步骤，该网页编辑方法包括：

网页结构信息装配步骤，通过基于每一个单个文档结构信息中的关于嵌入的代码将单个文档结构信息结合起来，来装配出要编辑的网页的结构信息，作为网页结构信息；

编辑屏幕生成步骤，基于所述编辑屏幕数据生成编辑屏幕；