在网页的创作中用于支持对象选择的方法、系统和程序技术方案

本发明专利技术的课题是，在网页的创作中，容易进行标识符选择而不损害编辑画面的ＷＹＳＩＷＹＧ性。本发明专利技术在网页的创作中支持对象选择，根据网页的编辑画面中的用户行为，决定用于对象选择的基准点；设定包围基准点的基准区域；在基准区域所包含的浏览对象中，选择距基准点最近的浏览对象作为基准浏览对象；在基准区域所包含的浏览对象中，选择与基准浏览对象相关联的浏览对象；以及使表示基准浏览对象的第一矩形和表示关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制基准浏览对象和关联的浏览对象。

【技术实现步骤摘要】
【国外来华专利技术】
本专利技术涉及网页的创作，特别涉及在网页的创作中用于支持对象选择的 方法、系统和程序。
技术介绍
网页用基于标识符(tag base)的置标(markup)语言(HTML、 XML、 JSP等)记述。在网页的编辑中，标识符的插入或删除、标识符的特性(property ) 操作等编辑作业基本上通过选择标识符基础即编辑对象的标识符来进行。多 数工具提供与用浏览器看到标识符同等地进行了可视化的编辑画面(以下称 为WYSIWYG编辑画面)，提高方便性。但是，近来的网页非常复杂，并且 为了在视觉上无缝紧密地配置标识符来生成，在WYSIWYG编辑画面中难以 选择作为编辑对象的标识符。如果标识符的区域完全重叠，则对于用户来说， 极难得知在点击了某个地点时是否选择了该标识符。例如，即使在图1所示的简单的编辑画面中，该HTML的源文件为图2 所示的嵌套结构，有时在仅点击了编辑画面的 一部分时不能选择希望的标识 符。因此，以往的网页创作工具，例如本申请人的Page designer (参照非专 利文献1 )具有分级显示HTML的标识符的特别的用户界面(UI)。但是，该 UI是通常的树，而不是反映了 WYSIWYG编辑画面的布局(layout )的界面。如果直接显示图2那样的源代码，标识符的选择变得简单，但是源代码 显示与WYSIWYG编辑画面相差甚远，因此，不能^f又看一下就得知选择的标 识符的区域位于实际网页的哪个位置。而且，虽然还知道在编辑画面上显示 用于打开/关闭标识符的图标，提高在编辑画面内选择标识符的方便性的方 法，但这是将网页全体的WYSIWYG性置之度外的方法。非 专 利 文 献 1 : "Page Designer" , http:〃www-06.ibm.com/jp/software/websphere/developer/wsad/workshop/pdf/8.p df
技术实现思路
如前所述，以往的标识符选择或者损害网页编辑画面的WYSIWYG性， 或者忽略WYSIWYG性来进行。因此，本专利技术的目的是，在网页的创作中，容易地进行标识符选择而不 损害编辑画面的WYSIWYG性。用于解决课题的手段本专利技术用于解决在WYSIWYG编辑画面上如何选择网页的标识符的课 题。在网页的创作中选择标识符是指实际上选择由该标识符所指定的浏览对 象作为编辑对象，所以在本说明书中，标识符的选择和浏览对象(有时也简 称为对象)的选择为同义词。按照本专利技术的第一方案，提供一种方法，用于在网页的创作中支持对象 选择，该方法包括根据网页的编辑画面中的用户行为(user action),决定 用于对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在 所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为 基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选"^与所述基 准浏览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一 矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间， 分别绘制所述基准浏览对象和所述关联的浏览对象的步骤。按照本专利技术的第二方案，提供一种装置，用于在网页的创作中支持对象 选择，该装置包括基准点决定单元，根据网页的编辑画面中的用户行为， 决定用于对象选择的基准点；基准区域设定单元，设定包围所述基准点的基 准区域；基准浏览对象选择单元，在所述基准区域所包含的浏览对象中，选 择距所述基准点最近的浏览对象作为基准浏览对象；关联浏览对象选择单元， 在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏 览对象；以及绘制单元，使表示所述基准浏览对象的第一矩形和表示所述关 联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准 浏览对象和所述关联的浏览对象。按照本专利技术的第三方案，提供一种用于在网页的创作中支持对象选择的 程序，该程序使计算机执行根据网页的编辑画面中的用户行为，决定用于 对象选择的基准点的步骤；设定包围所述基准点的基准区域的步骤；在所述 基准区域所包含的浏览对象中，选择距所述基准点最近的浏览对象作为基准浏览对象的步骤；在所述基准区域所包含的浏览对象中，选择与所述基准浏 览对象相关联的浏览对象的步骤；以及使表示所述基准浏览对象的第一矩形 和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别 绘制所述基准浏览对象和所述关联的浏览对象的步骤。本专利技术是在网页的创作中，支持在该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),以共同的方式编辑网页。这样的编辑 方式被称为网络协同(Web collaboration)或者简单称为协同，其不限于网页 的创作，还灵活应用于各个领域。不言而喻，本专利技术的实施不仅在图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本文档来自技高网...

【技术保护点】
一种方法，用于在网页的创作中支持对象选择，该方法包括：　根据所述网页的编辑画面中的用户行为，决定用于对象选择的基准点的步骤；　设定包围所述基准点的基准区域的步骤；　在所述基准区域所包含的浏览对象中，选择距所述基准点最近的浏 览对象作为基准浏览对象的步骤；　在所述基准区域所包含的浏览对象中，选择与所述基准浏览对象相关联的浏览对象的步骤；以及　使表示所述基准浏览对象的第一矩形和表示所述关联的浏览对象的第二矩形之间隔开用于对象选择的空间，分别绘制所述基准 浏览对象和所述关联的浏览对象的步骤。

【技术特征摘要】
【国外来华专利技术】...

【专利技术属性】
技术研发人员：堀内芳雄，
申请(专利权)人：国际商业机器公司，
类型：发明
国别省市：US[美国]