专利名称：：在网页的创作中用于支持对象选择的方法、系统和程序的制作方法
技术领域：
：本发明涉及网页的创作，特别涉及在网页的创作中用于支持对象选择的方法、系统和程序。
背景技术：
：网页用基于标识符(tagbase)的置标(markup)语言(HTML、XML、JSP等)记述。在网页的编辑中，标识符的插入或删除、标识符的特性(property)操作等编辑作业基本上通过选择标识符基础即编辑对象的标识符来进行。多数工具提供与用浏览器看到标识符同等地进行了可视化的编辑画面(以下称为WYSIWYG编辑画面)，提高方便性。但是，近来的网页非常复杂，并且为了在视觉上无缝紧密地配置标识符来生成，在WYSIWYG编辑画面中难以选择作为编辑对象的标识符。如果标识符的区域完全重叠，则对于用户来说，极难得知在点击了某个地点时是否选择了该标识符。例如，即使在图1所示的简单的编辑画面中，该HTML的源文件为图2所示的嵌套结构，有时在仅点击了编辑画面的一部分时不能选择希望的标识符。因此，以往的网页创作工具，例如本申请人的Pagedesigner(参照非专利文献1)具有分级显示HTML的标识符的特别的用户界面(UI)。但是，该UI是通常的树，而不是反映了WYSIWYG编辑画面的布局(layout)的界面。如果直接显示图2那样的源代码，标识符的选择变得简单，但是源代码显示与WYSIWYG编辑画面相差甚远，因此，不能^f又看一下就得知选择的标识符的区域位于实际网页的哪个位置。而且，虽然还知道在编辑画面上显示用于打开/关闭标识符的图标，提高在编辑画面内选择标识符的方便性的方法，但这是将网页全体的WYSIWYG性置之度外的方法。非专利文献1:"PageDesigner",http:〃www-06.ibm.com/jp/software/websphere/developer/wsad/workshop/pdf/8.pdf
发明内容如前所述，以往的标识符选择或者损害网页编辑画面的WYSIWYG性，或者忽略WYSIWYG性来进行。因此，本发明的目的是，在网页的创作中，容易地进行标识符选择而不损害编辑画面的WYSIWYG性。用于解决课题的手段本发明用于解决在WYSIWYG编辑画面上如何选择网页的标识符的课题。在网页的创作中选择标识符是指实际上选择由该标识符所指定的浏览对象作为编辑对象，所以在本说明书中，标识符的选择和浏览对象(有时也简称为对象)的选择为同义词。按照本发明的第一方案，提供一种方法，用于在网页的创作中支持对象选择，该方法包括根据网页的编辑画面中的用户行为(useraction),决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选"^与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。按照本发明的第二方案，提供一种装置，用于在网页的创作中支持对象选择，该装置包括基准点决定单元，根据网页的编辑画面中的用户行为，决定用于对象选择的基准点；基准区域设定单元，设定包围所述基准点的基准区域；基准浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象；关联浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象；以及绘制单元，使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象。按照本发明的第三方案，提供一种用于在网页的创作中支持对象选择的程序，该程序使计算机执行根据网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。本发明是在网页的创作中，支持在该WYSIWYG编辑画面下的对象选择的发明，而在网页的创作中，编辑对象始终是WYSIWYG编辑画面，所以，本发明可以将编辑工作中自始至终与结果物同等的画面作为编辑对象。图1是表示本发明的支持对象的网页的简单的例子的图。图2是表示图1所示的网页的HTML源文件的图。图3是表示本发明的一例实施环境的图。图4是表示按照本发明的客户端的功能结构例的方框图。图5是表示按照本发明的客户端的动作的流程图。图6是表示同时显示图1所示的网页和标识符结构的图。图7是表示在图1所示的网页中设定基准区域时的状况的图。图8是以树形式表示图2所示的HTML源文件的图。图9是表示按照本发明的客户端的绘制单元进行的选择对象以及关联图标的绘制的基本概念的图。图10是表示按照本发明的客户端的绘制单元进行的一例实际的绘制结果的图。图11是作为按照本发明的客户端表示一例可安装的数据处理系统的方框图。具体实施例方式图3表示本发明的一例实施环境。图示的系统10包括与网络12连接的服务器14和客户端16，存储在服务器14中的网页在客户端16中进行编辑。网络12可以是因特网、局域网(LAN)、广域网(WAN)等任意的网络。能够在网络上连接多个客户端(client),以共同的方式编辑网页。这样的编辑方式被称为网络协同(Webcollaboration)或者简单称为协同，其不限于网页的创作，还灵活应用于各个领域。不言而喻，本发明的实施不仅在图3那样的网络环境中，还可以在孤立(standalone)的客户端中进行。图4表示按照本发明进行网页的创作的客户端16的功能结构例。客户端16具有存储单元20、基准点决定单元22、基准区域设定单元24、基准浏览对象选择单元26、关联浏览对象选择单元28、以及绘制单元30。存储单元20存储经由网络12从服务器14获得的网页的数据(例如HTML源文件)。基准点决定单元22#4居网页的编辑画面中的用户行为，决定用于选择对象的基准点。基准区域设定单元24设定包围了由基准点决定单元22决定的基准基准浏览对象选择单元26选择距基准点最近的浏览对象作为基准浏览对象。在由基准区域设定单元设定的基准区域中包含的浏览对象中，关联浏览对象选择单元28选择与基准浏览对象相关联的浏览对象。绘制单元30使表示基准浏览对象的第一矩形和表示关联的浏览对象的第二矩形之间保持用于选择对象的空间，分别绘制基准浏览对象和关联的浏览对象，并将绘制结杲输出到客户端16的显示器(未图示)。接着，参照图5的流程图，说明在客户端16中执行的网页的创作中的对象选择动作的细节。作为前提，假设在客户端16的显示器上，图l所示的网页被显示为WYSIWYG编辑画面，图2的源代码被存储在客户端16的存储单元20中。这里，图中源代码中的从1至62的行号是为了说明而适当附加的，在实际的源代码中并不包含。在转移到动作的细节之前，参照图6简单地说明图1的网页的标识符结构。图6是用矩形表示从图2的源代码中的打开标识符到对应的关闭标识符为止的区域的图。构成网页的表50包括具有"菜单"和"内容"两个标题52A、52B的第一行54A(与图2的源代码的第8~11行对应)、不包含标题的第二行54B(与图2的源代码的第12~58行对应)。行54B包括在内部包含了六个字符串的第一数据单元(cell)(与图2的源代码的第13-44行对应)、在内部包含三个图形(image)的第二数据单元(表)56B(与图2的源代码的第4557行对应)。而且，表50虽然实际上在其内部包含tbody的区域，但是这里加以省略。其它的表也一样。第一数据单元56A包含表58(与图2的源代码的第14~43行对应)，表58包含四个行，即60A(与图2的源代码的第16~32行对应)、60B(与图2的源代码的第33~35行对应)、60C(与图2的源代码的第36~38行对应)、和60D(与图2的源代码的第3941行对应)。行60A在其内部包含数据单元61(与图2的源代码的第17~31行对应)、以及表63(与图2的源代码的第18~30行对应)，表63包含分别包含"Sun(太阳)，，、"Cloud(云)，，、和"Moon(月亮)，，的数据单元的三个行。行60B包含"Iteml"的数据单元(图2的源代码第34行)，行60C包含"Item2"的数据单元(图2的源代码第37行)，行60D包含"Item3"的数据单元(图2的源代码第40行)。第二数据单元56B包含表62(与图2的源代码的行46~56对应)，表62包含两个行，即64A(与图2的源代码的行48~51对应)和64B(与图2的源代码的行52~54对应)。行64A包含数据单元66A和数据单元66B，数据单元66A包含Sun的图形(与图2的源代码的行49对应)，数据单元66B包含Cloud的图形(与图2的源代码的行50对应)，行64B包含了包含有Moon的图形的数据单元68(与图2的源代码的行53对应)。返回到图5,在最初的步骤S1中，客户端16检查是否有用于在图1的编辑画面上进行对象(标识符)选择的用户行为。该用户行为在事前被定义，例如，可以将在点击了鼠标的右按钮的状态下按压Ctrl键的动作作为对象选择的触发。当然，也可以预先定义其它的鼠标/键操作作为对象选择的触发。在有用户行为时，在步骤S2中，基准点决定单元22决定用于进行对象选择的基准点。基准点决定单元22例如可以将脱字符号或者鼠标指针的位置决定为基准点。若决定了基准点时，则在以下的步骤S3中，基准区域设定单元24设定包围基准点的基准区域。该基准区域被设定为能够选择基准区域附近的几个对象的规定的大小。例如，可以设定为以基准点为中心，编辑画面的纵横三分之一的大小。图7表示其一例。在图7中，在编辑画面70上光标74位于图示的位置时，设定以粗线76表示的基准区域。在图7的例子中，基准区域76是矩形，也可以不一定是矩形。返回到图5，若设定了基准区域时，则在下一个步骤S4中，基准浏览对象选择单元26在基准区域所包含的浏览对象中，选择距基准点最近的对象作为基准浏览对象。所谓离基准点最近的对象，相当于包含基准点的对象、在基准点的旁边存在边界线的对象等，通过考虑图2那样的树结构来选择。用图6和图7的例子说明时，由于通过光标74的位置所表示的基准点位于包含字符串"Sun，，的数据单元58A的位置，所以基准浏览对象选择单元26也可以将数据单元58A选择为基准浏览对象。若选择了基准浏览对象时，则在下一步的步骤S5中，关联浏览对象选择单元28从基准区域中包含的浏览对象中，选择与由基准浏览对象选择单元26选择的基准浏览对象相关联的浏览对象。该关联浏览对象是基准浏览对象的兄弟对象、父对象、子对象中的至少一个。以下，一边参照图8所示的树结构，一边说明关联浏览对象的选择。图8以树形式表示了图2的源代码，存储单元20也存储有该树结构。树的各个节点和源代码的行号的关系如下所示。body82(根节点):行5~61table84:行6~60tr86A:行8~11tr86B:行12-58趣A:行9細B:行10td90A:行13-44td90B:行45-57Menu91:行9Contents92:行10table93:行14-43table94:行46~56tr96A:行16~32tr96B:行33~35tr96C:行36~38tr96D:行39-41tr98A:行48~51tr98B:行52~54td99:行17-31tdl01:行34tdl02:行37tdl03:行40tdl05A:行49tdl05B:行509劇4:行53table100:行18_-30Iteml108:行34Iteml110:行37Iteml112:行40Sun的图形114:行49Cloud的图形116:行50Moon的图形118:行53謹6A:行20--22trl06B:行23--25trl06C:行26--28tdl20:行21tdl22:行24tdl24:行27Sun126:行21Cloud128:行24Moonl30:行27关联浏览对象选择单元28从存储单元20中存储的源代码的树结构，在基准区域中包含的多个浏览对象中依次搜索基准浏览对象的兄弟对象、父对象和子对象，在发现父对象或者子对象时，依次搜索该兄弟对象、父对象和子对象，以下重复同样的步骤，直至不再发现对象为止。若以具体例进行说明，则在图6和图7的例子中，包含字符串"Sun"的数据单元58A被选择为基准浏览对象，所以关联浏览对象选择单元28首先从图7的基准区域76所包含的对象中，搜索数据单元58A的兄弟对象。数据单元58A在图8中与节点120对应，但是由于节点120没有兄弟，所以关联浏览对象选择单元28接着搜索节点120的父和子。节点120将节点106A和节点126分别作为父和子，它们都包含在基准区域76中，所以关联浏览对象选择单元28选择它们作为关联浏览对象。接着，关联浏览对象选择单元28搜索父节点106A的兄弟节点。在图8的例子中，节点106A将节点106B和106C作为兄弟节点，并且它们包含在基准区域76中，所以关联浏览对象选择单元28选择它们作为关联浏览对象。进而，关联浏览对象选择单元28搜索节点106A、106B和106C的父、节点106B和106C的子，选4奪100、122、124、128和130。以下相同，关耳关浏览对象选择单元28继续搜索兄弟、父和子，直到基准区域中包含的关联浏览对象已没有为止。而且，在本发明中，也可以以任意的顺序进行兄弟、父和子的搜索，不一定必须在最初搜索兄弟。在搜索结束时，关联浏览对象选择单元28将选择出的对象以图8所示的树结构的形式存储在存储单元20中，还将表示哪个是基准浏览对象的指针提供给绘制单元30。在关联浏览对象的选择结束时，在最后的步骤S6中，绘制单元30使表示基准浏览对象的第一矩形和表示关联浏览对象的第二矩形之间具有用于选择对象的空间，将基准浏览对象和关联的浏览对象例如分别绘制为弹出(p叩up)UI。或者，也可以暂时改写WYSIWYG编辑画面的关联部分。在图9表示绘制的一例。绘制单元30首先在最初利用原来的基准浏览对象的布局结果，绘制用于表示由指针指定的基准浏览对象的第一矩形200。矩形200的大小考虑网页编辑画面的大小、基准浏览对象和关联浏览对象的位置而适当决定即可。例如在字符串"AAAAAAABBBBBBBBCCCC，，通过折叠而被分为"AAAAAAABBBBB"和"BBBCCCC"的情况下，矩形200成为两个矩形，但是本发明也包含这样的矩形的组合。接着，在关联浏览对象为父对象的情况下，绘制单元30空出用于选择对象的空间(在图9中用斜线表示)而绘制表示该关联浏览对象的第二矩形20厶用户例如可以通过点击矩形202的边界线，虚拟选择关联浏览对象，从而选择希望的标识符。因此，最好以某种程度的粗度来绘制边界线。空间的宽度适当决定即可。例如，可以将网页的默认字体的高度决定为基准。由于通过向上追溯关联浏览对象选择单元28作成的树结构而得到的父的数目较多，所以在弹出UI过大的情况下，在中途停止父的绘制，取而代之，例如在左上显示表示还有父的事实的图标204。在子对象的情况下，在基准浏览对象的矩形200内部绘制第二矩形，但是这时也在其与矩形200之间空出规定的空间来绘制。同样，由于通过向下追溯关联浏览对象选择单元28作成的树结构而得到的子(子孙)的数目较多，所以在不能在矩形200内部绘制完的情况下，例如在矩形200内部显示用于表示还有子的事实的图标206。在用户点击图标204或者206时，绘制单元ii30将被省略的父对象或者子对象作为新的基准浏览对象，再绘制全部。而且，如果矩形200内部有余量，则也可以在最终的子对象中绘制对应的字符或者图形。而且，基准浏览对象具有分别为兄弟的多个子对象，而它们具有了多个子孙节点，所以在矩形200内部不能绘制完的情况下，在各个子的矩形的内部显示图标206。在兄弟对象的情况下，由于不与基准浏览对象重合，所以不需要上述那样的考虑，但是基准浏览对象的矩形和兄弟对象的矩形之间的空间如上所述那样决定即可。图10表示绘制单元30绘制的最终的弹出UI的例子。图示的弹出UI250可以显示在与包含图1的编辑画面的窗口不同的位置，还可以在不与基准区域重叠的范围内一部分重叠来显示。弹出UI250包含绘制了基准浏览对象和关联浏览对象的矩形的标识符窗口、和表示被选择的标识符的状况的领域(field)254和256。领域254包含当前正由用户虚拟选4奪的标识符的名称，领域256是表示被虛拟选择的标识符的预览区域。在图IO的例子中，以强调显示用的粗线252表示的标识符纟皮虛拟选择。用户通过点击^^皮显示在标识符窗口中的特定的矩形，或者以在领域254的右端显示的向上或者向下的三角的形式向高位方向或者低位方向追溯选择标识符，可以虚拟选择特定的标识符。用户在达到了希望的标识符的情况下，例如通过按压Enter键，可以确定选择。这时，如果在图1的编辑画面中，以某种形式强调显示与确定了选择的标识符对应的区域，则用户可以容易地得知选^^了实际的画面的哪个部分。图11表示作为客户端16可安装的数据处理系统的结构例。数据处理系统300釆用PCI局域(local)总线结构。在图示的例子中，虽然采用PCI总线，但是也可以采用AGP或ISA等其它的总线结构。处理器302和主存储器304经由PCI桥接电路308与PCI局域总线306连接。PCI桥接电路308也可以包含处理器302用的综合存储器控制器和高速緩冲存储器。对PCI局域总线306追加的连接可以通过组件的直接连接或者通过扩展端口来进行。在图示的例子中，LAN适配器310、SCSI主机(host)总线适配器312以及扩展总线接口314以组件的直接连接方式连接到PCI局域总线306。与此相反，音频适配器316、图4象适配器318以及音频A见频适配器319通过纟皮插入到扩展槽的扩展端口而连接到PCI局域总线306。扩展总线接口314提供用于键盘兼鼠标适配器320、调制解调器322以及追加的存储器324的连接。SCSI主机总线适配器312提供用于硬盘驱动器326、磁带驱动器328以及CD-ROM驱动器330的连接。在典型的PCI局域总线的实际安装中，具有三个或者四个PCI扩展用端口或者扩展用连接器。操作系统通过处理器302进行动作，控制图3的数据处理系统300中的各种组件。操作系统也可以是可从微软公司买到的Windows(R)XP的市面销售的操作系统。按照本发明的程序，基于操作系统而运行，实现前述的各种功能。操作系统和本发明的程序被存储在硬盘驱动器326等存储装置中，在通过处理器302执行时被装载到主存储器304中。本
技术领域：
的技术人员可以充分理解，图11的硬件可以由安装而改变。闪存ROM(或者同等的非易失性存储器)或光盘驱动器等其它内部硬件或外围装置可以增加到或取代图11所示的硬盘来使用。以上，参照附图详细地说明了本发明的实施方式，但是上述说明的实施方式不过是例示，并不限定权利要求范围中记载的本发明的范围。本
技术领域：
的技术人员容易理解，在不脱离本发明的精神的情况下，可以对前述的实施方式进行各种修正和变更。权利要求1、一种方法，用于在网页的创作中支持对象选择，该方法包括根据所述网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。2、如权利要求l所述的方法，决定所述基准点的步骤决定脱字符号或者鼠标指针的位置作为基准点。3、如权利要求1或2所述的方法，设定所述基准区域的步骤设定以所述基准点为中心的规定的大小的区域。4、如权利要求1至3的任意一项所述的方法，选择所述关联的浏览对象的步骤选择所述基准浏览对象的兄弟对象、父对象和子对象中的至少一个。5、如权利要求4所述的方法，在与选择出的关联浏览对象相关联的浏览对象被包含在所述基准区域中的情况下，选择所述关联的浏览对象的步骤还选择该相关联的浏览对象。6、如权利要求1至5的任意一项所述的方法，还包括以树形式存储所述网页的数据的步骤。7、如权利要求6所述的方法，选择所述关联的浏览对象的步骤通过搜索所述树结构来选择关联的浏览对象。8、如权利要求1至7的任意一项所述的方法，在所述关联的浏览对象为所述基准浏览对象的父对象的情况下，所述进行绘制的步骤在所述第一矩形的外侧绘制所述第二矩形。9、如权利要求1至8的任意一项所述的方法，在所述关联的浏览对象为所述基准浏览对象的子对象的情况下，所述进行绘制的步骤在所述第一矩形的内侧绘制所述第二矩形。10、如权利要求1至9的任意一项所述的方法，所述进行绘制的步骤绘制包含了所述第一矩形和所迷第二矩形的弹出UI。11、如权利要求IO所述的方法，所述弹出UI除了所述第一矩形和所述第二矩形，还有表示所选择的浏览对象的领域。12、一种装置，用于在网页的创作中支持对象选择，该装置包括基准点决定单元，根据所述网页的编辑画面中的用户行为，决定用于对象选择的基准点；基准区域设定单元，设定包围所述基准点的基准区域；基准浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象；关联浏览对象选择单元，在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象；以及绘制单元，使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象。13、一种用于在网页的创作中支持对象选择的程序，该程序使计算机执行根据网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。全文摘要本发明的课题是，在网页的创作中，容易进行标识符选择而不损害编辑画面的WYSIWYG性。本发明在网页的创作中支持对象选择，根据网页的编辑画面中的用户行为，决定用于对象选择的基准点；设定包围基准点的基准区域；在基准区域所包含的浏览对象中，选择距基准点最近的浏览对象作为基准浏览对象；在基准区域所包含的浏览对象中，选择与基准浏览对象相关联的浏览对象；以及使表示基准浏览对象的第一矩形和表示关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制基准浏览对象和关联的浏览对象。文档编号G06T11/60GK101578576SQ20078004839公开日2009年11月11日申请日期2007年12月20日优先权日2006年12月28日发明者堀内芳雄申请人:国际商业机器公司