JP2008176777A - Web document style change system and its method - Google Patents
Web document style change system and its method Download PDFInfo
- Publication number
- JP2008176777A JP2008176777A JP2007331482A JP2007331482A JP2008176777A JP 2008176777 A JP2008176777 A JP 2008176777A JP 2007331482 A JP2007331482 A JP 2007331482A JP 2007331482 A JP2007331482 A JP 2007331482A JP 2008176777 A JP2008176777 A JP 2008176777A
- Authority
- JP
- Japan
- Prior art keywords
- user
- style
- css
- css data
- data
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 230000008859 change Effects 0.000 title claims abstract description 38
- 238000000034 method Methods 0.000 title claims description 20
- 230000010365 information processing Effects 0.000 claims abstract description 53
- 238000006243 chemical reaction Methods 0.000 claims description 15
- 239000000284 extract Substances 0.000 claims description 7
- 230000005540 biological transmission Effects 0.000 claims description 3
- 238000010586 diagram Methods 0.000 description 12
- 230000006870 function Effects 0.000 description 5
- 230000008569 process Effects 0.000 description 4
- 230000004913 activation Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 2
- 238000012423 maintenance Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000008439 repair process Effects 0.000 description 2
- 230000008901 benefit Effects 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 230000008676 import Effects 0.000 description 1
- 239000002184 metal Substances 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
- G06F16/986—Document structures and storage, e.g. HTML extensions
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
- G06F40/106—Display of layout of documents; Previewing
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Document Processing Apparatus (AREA)
- Information Transfer Between Computers (AREA)
Abstract
Description
本発明は、ウェブ文書スタイル変更システム及び方法に関するもので、より詳細には、ウェブ文書のレイアウト、背景イメージ、色相などのウェブ文書のスタイルを使用者の個性によって変更するためのシステム及びその方法に関する。 The present invention relates to a web document style changing system and method, and more particularly, to a system and method for changing the style of a web document such as the layout, background image, and hue of the web document according to the individuality of the user. .
従来のウェブサービスは、一方的に情報を提供する形態であったが、最近は、使用者の参加及び開放性が益々重要になりつつあり、特に、このような変化がブログ及び個人ホームページで起きている。 Conventional web services have been a form of unilaterally providing information, but recently, participation and openness of users are becoming more and more important. In particular, such changes occur on blogs and personal homepages. ing.
上記のような文化をウェブ２.０といい、サービスプロバイダーによって製作されたコンテンツよりも、使用者によって製作されたコンテンツ（Ｕｓｅｒ Ｃｒｅａｔｅｄ Ｃｏｎｔｅｎｔｓ：ＵＣＣ）がウェブ上で主要なコンテンツとして用いられている。 The above culture is called Web 2.0, and content (User Created Content: UCC) produced by a user is used as the main content on the web rather than content produced by a service provider.
図１は、従来のウェブ文書スタイル変更システムの構成を示したブロック図である。 FIG. 1 is a block diagram showing a configuration of a conventional web document style changing system.
図１を参照すると、従来のウェブ文書スタイル変更システムは、スタイル情報処理サーバー１００、ＣＳＳデータベース１０２及び使用者ＣＳＳデータベース１０４を含み、使用者クライアント１０６は、ネットワークを通してウェブ文書スタイル変更システムに連結される。 Referring to FIG. 1, a conventional web document style changing system includes a style information processing server 100, a CSS database 102, and a user CSS database 104, and a user client 106 is connected to the web document style changing system through a network. .
従来の場合、ウェブ文書のスタイルは、主にＣＳＳ（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔ）によって設定され、ＣＳＳによって設定されるウェブ文書スタイルと関連した多様な属性は、多数のパラメータによって管理された。 Conventionally, the style of a web document is mainly set by CSS (Cascading Style Sheet), and various attributes related to the web document style set by CSS are managed by a number of parameters.
ＣＳＳデータベース１０２には、使用者が選択可能な多様なウェブ文書スタイル情報が保存され、使用者ＣＳＳデータベース１０４には、使用者のウェブ文書スタイル情報がそれぞれ保存された。このようなスタイル情報は、多様なパラメータで管理されるが、前記ＣＳＳデータベース１０２及び前記使用者ＣＳＳデータベース１０４は、一般的に、上述した各パラメータを保存するために複雑なフィールド構造を有している。 The CSS database 102 stores various web document style information that can be selected by the user, and the user CSS database 104 stores user web document style information. Such style information is managed by various parameters, but the CSS database 102 and the user CSS database 104 generally have a complicated field structure for storing the above-described parameters. Yes.
また、スタイル変更を行うためのウェブ文書のスクリプトも、上記のようなパラメータに基づいてプログラミングされたが、パラメータが変更される場合、データベースのフィールド構造のみならず、ウェブ文書のスクリプトまで全て変更されるべきであるという問題点があった。 Also, the web document script for changing the style was programmed based on the parameters as described above. However, when the parameter is changed, not only the field structure of the database but also the web document script are all changed. There was a problem that it should be.
また、多様なスタイル属性が一々パラメータによって表現されるので、スクリプトのプログラミングが複雑なだけでなく、複雑なフィールド構造を要求するので、スタイル情報の保存空間を非常に多く占めるという問題点があった。 In addition, since various style attributes are expressed by parameters one by one, not only is the script programming complicated, but also requires a complicated field structure, which occupies a large amount of storage space for style information. .
本発明は、上記のような従来の問題点を解決するためのもので、その目的は、多数のパラメータを使用せずにも、ウェブ文書スタイルと関連した設定情報を管理することができるウェブ文書スタイル変更システム及び方法を提案することにある。 The present invention is to solve the above-described conventional problems, and an object of the present invention is to provide a web document that can manage setting information related to a web document style without using a large number of parameters. It is to propose a style change system and method.
本発明の他の目的は、ウェブ文書スタイルと関連した設定情報の管理時、データベースのフィールド構造及びウェブ文書スクリプトを単純化することができるウェブ文書スタイル変更システム及び方法を提案することにある。 Another object of the present invention is to propose a web document style changing system and method capable of simplifying a database field structure and a web document script when managing setting information related to a web document style.
本発明の更に他の目的は、ＣＳＳパーサーを用いてスタイル設定と関連した情報をパーシングすることで、データベースフィールド構造を単純化して維持補修の効率性を高め、スタイル設定情報が変更される場合にも、特別なソース修正なしに対応することができるウェブ文書スタイル変更システム及び方法を提案することにある。 Still another object of the present invention is to parse information related to style setting using a CSS parser, thereby simplifying the database field structure to improve the efficiency of maintenance and repair, and when style setting information is changed. Another object of the present invention is to propose a web document style changing system and method which can be handled without special source modification.
上記のような目的を達成するために、本発明の一側面によると、ウェブ文書のスタイル要素と関連したＣＳＳデータを維持するＣＳＳデータベースと、使用者のウェブ文書ＣＳＳデータを使用者別に維持する使用者ＣＳＳデータベースと、使用者によってウェブ文書スタイル編集が要請される場合、前記使用者ＣＳＳデータベースから該当の使用者ＣＳＳデータを抽出してパーシングするＣＳＳパーサーと、前記ＣＳＳパーサーによってパーシングされた使用者ＣＳＳデータ、及び使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを使用者クライアントに伝送するスタイル情報処理サーバーと、を含んでおり、前記使用者クライアントに伝送された使用者ＣＳＳデータが変更される場合、変更された使用者ＣＳＳデータを前記使用者クライアントから受信し、これを前記使用者ＣＳＳデータベースに保存するウェブ文書スタイル変更システムが提供される。 To achieve the above object, according to one aspect of the present invention, a CSS database that maintains CSS data associated with a style element of a web document, and a use that maintains a user's web document CSS data by user. A CSS database, a CSS parser that extracts and parses the corresponding user CSS data from the user CSS database, and a user CSS that is parsed by the CSS parser. And a style information processing server that transmits CSS data associated with the style element requested to be edited by the user to the user client, and the user CSS data transmitted to the user client is changed. The changed user CSS data Received from the serial user client, web document style change system that stores are providing it to the user CSS database.
前記ＣＳＳパーサーは、前記使用者クライアントから受信された前記変更された使用者ＣＳＳデータをパーシングし、これを前記スタイル情報処理サーバーに伝送し、前記スタイル情報処理サーバーは、前記ＣＳＳパーサーによってパーシングされた前記変更された使用者ＣＳＳデータを用いて、予め設定された規則に合わせてスタイルが設定されたかどうかを判断する。 The CSS parser parses the modified user CSS data received from the user client and transmits the parsed user CSS data to the style information processing server. The style information processing server is parsed by the CSS parser. Using the changed user CSS data, it is determined whether a style is set according to a preset rule.
前記ＣＳＳデータベースは、前記スタイル要素に対する前記ＣＳＳデータと関連したスタイルイメージを保存する。 The CSS database stores a style image associated with the CSS data for the style element.
一方、前記使用者クライアントは、前記使用者クライアントに設置されるスクリプトを通して前記スタイル情報処理サーバーから前記ＣＳＳデータ及び使用者ＣＳＳデータを受信し、前記受信されたＣＳＳデータのうち使用者によって選択されたスタイルに相応するＣＳＳデータをパーシングし、前記スクリプトが認識可能なオブジェクトモデルに変換し、前記オブジェクトモデル情報に基づいて前記受信された使用者ＣＳＳデータを変更する。このとき、前記スクリプトは、使用者によって前記変更されたＣＳＳデータの適用が要請される場合、前記変更された使用者ＣＳＳデータを統合し、統合された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送することができる。 Meanwhile, the user client receives the CSS data and the user CSS data from the style information processing server through a script installed in the user client, and is selected by the user from the received CSS data. The CSS data corresponding to the style is parsed, converted into an object model recognizable by the script, and the received user CSS data is changed based on the object model information. At this time, if the user is requested to apply the changed CSS data, the script integrates the changed user CSS data, and sends the integrated user CSS data to the style information processing server. Can be transmitted.
本発明の他の側面によると、スタイル情報処理サーバーとネットワークを通して連結される使用者クライアントに設置されてウェブ文書スタイル変更を実行するプログラムを記録した記録媒体であって、使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを受信するＣＳＳデータ受信部と、使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する使用者ＣＳＳデータ受信部と、前記ＣＳＳデータに含まれた多数のスタイル情報のうち使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングするＣＳＳパーサーと、前記ＣＳＳパーサーによってパーシングされたＣＳＳデータをプログラムが認識可能な形態に変換するオブジェクト文書変換部と、前記オブジェクト文書変換部によって変換された文書に基づいて、使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映する変更スタイル文書生成部として機能させるためのプログラムを記録した記録媒体が提供される。 According to another aspect of the present invention, a recording medium is installed on a user client connected to a style information processing server through a network and records a program for executing a web document style change, and requested to be edited by the user. Included in the CSS data is a CSS data receiving unit that receives CSS data associated with the style element, a user CSS data receiving unit that receives user CSS data defining style information of the entire user's web document, and A CSS parser that parses CSS data associated with a specific style selected by the user from among a large number of style information, and an object document conversion unit that converts the CSS data parsed by the CSS parser into a form that can be recognized by the program. And the object document conversion unit Thus, based on the converted document, the style element changed by the user and the changed style of the corresponding style element are determined, and the changed style information is reflected in the received user CSS data. A recording medium on which a program for causing the program to function is recorded is provided.
本発明の更に他の側面によると、使用者クライアントとネットワークを通して連結されるウェブ文書スタイル変更システムで行われるウェブ文書スタイル変更方法として、使用者によってウェブ文書スタイル編集が要請される場合、使用者と関連した使用者ＣＳＳデータをパーシングして前記使用者のクライアントに伝送する段階と、使用者によって特定のスタイル要素に対する編集が要請される場合、前記編集要請されたスタイル要素と関連した一つ以上のスタイルイメージ及び各スタイルイメージと関連したＣＳＳデータを前記使用者クライアントに伝送する段階と、前記使用者クライアントから伝送される変更された使用者ＣＳＳデータを受信して保存する段階と、を含むウェブ文書スタイル変更方法が提供される。 According to another aspect of the present invention, when a web document style editing is requested by a user as a web document style changing method performed in a web document style changing system connected to a user client through a network, Parsing relevant user CSS data and transmitting it to the user's client, and if the user requests editing for a particular style element, one or more associated with the requested style element A web document comprising: transmitting style images and CSS data associated with each style image to the user client; and receiving and storing modified user CSS data transmitted from the user client. A style change method is provided.
このとき、前記変更された使用者ＣＳＳデータの保存段階は、前記変更された使用者ＣＳＳデータをパーシングする段階と、前記パーシングされた前記変更された使用者ＣＳＳデータを分析し、予め設定された規則に合わせてスタイルが変更されたかどうかを判断する段階と、を含む。 At this time, the storage step of the modified user CSS data includes a step of parsing the modified user CSS data and analyzing the parsed modified user CSS data. Determining whether the style has been changed according to the rules.
一方、本発明の更に他の側面によると、スタイル情報処理サーバーとネットワークを通して連結された使用者クライアントに設置されるプログラムを用いてウェブ文書のスタイルを変更する方法として、使用者によって編集要請されたスタイル要素のＣＳＳデータ及び使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する段階と；前記受信されたＣＳＳデータに含まれた多数のスタイル情報のうち、使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングする段階と、前記パーシングされたＣＳＳデータをプログラムが認識可能な形態である文書オブジェクトモデル（ＤＯＭ）形態に変換する段階と、前記文書オブジェクトモデルに基づいて使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映することで、前記受信された使用者ＣＳＳデータを変更する段階と、前記変更された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送する段階と、を含むウェブ文書スタイル変更方法が提供される。 On the other hand, according to another aspect of the present invention, an edit request is made by a user as a method of changing the style of a web document using a program installed in a user client connected to a style information processing server through a network. Receiving CSS data of a style element and user CSS data defining style information of the entire web document of the user; and a plurality of style information included in the received CSS data is selected by the user. Parsing CSS data associated with a particular style, converting the parsed CSS data into a document object model (DOM) form, which is a form recognizable by a program, and based on the document object model Style elements modified by the user and the Changing the received user CSS data by determining a change style of the style element and reflecting the changed style information in the received user CSS data; and the changed user CSS Transmitting the data to the style information processing server.
本発明の各実施例によると、ウェブ文書スタイルと関連した設定情報を多数のパラメータによって管理しないので、ウェブ文書スタイルと関連した設定情報の管理時、データベースのフィールド構造及びウェブ文書スクリプトを単純化することができる。 According to each embodiment of the present invention, since setting information related to the web document style is not managed by a number of parameters, the field structure of the database and the web document script are simplified when managing the setting information related to the web document style. be able to.
また、本発明の各実施例によると、ＣＳＳパーサーを用いてスタイル設定と関連した情報をパーシングすることで、データベースフィールド構造を単純化して維持補修の効率性を高め、スタイル設定情報が変更される場合にも、特別なソース修正なしに対応することができる。 In addition, according to each embodiment of the present invention, parsing information related to style setting using a CSS parser simplifies the database field structure to improve the efficiency of maintenance and repair, and the style setting information is changed. In some cases, it can be handled without special source modification.
以下、添付された図面を参照して、本発明に係るウェブ文書スタイル変更システム及び方法の実施例を詳細に説明する。 Hereinafter, exemplary embodiments of a web document style changing system and method according to the present invention will be described in detail with reference to the accompanying drawings.
本発明は、多様な種類のウェブ文書のスタイルを変更するときに活用される。例えば、ブログウェブ文書、コミュニティウェブ文書、個人ホームページウェブ文書などの使用者コンテンツを中心に具現されるウェブ文書に効果的に活用される。 The present invention is utilized when changing the style of various types of web documents. For example, the present invention is effectively used for a web document embodied around user content such as a blog web document, a community web document, and a personal homepage web document.
以下、本発明がブログウェブ文書に適用される場合を例に挙げて説明する、本発明は、説明の便宜上、ブログウェブ文書に適用されたが、多様な種類のウェブ文書にも適用可能であることは当業者にとって自明である。 Hereinafter, the case where the present invention is applied to a blog web document will be described as an example. The present invention has been applied to a blog web document for convenience of explanation, but can also be applied to various types of web documents. This is obvious to those skilled in the art.
図９は、本発明におけるブログウェブ文書スタイル構造の一例を示した図である。 FIG. 9 is a diagram showing an example of a blog web document style structure in the present invention.
図９を参照すると、ブログウェブ文書は、全体背景９００、上端背景９０２、ブログタイトル９０４、プロフィール９０６、メニュー９０８、ポストタイトル９１０及びポストボックス９１２を含むことができる。 Referring to FIG. 9, the blog web document may include an overall background 900, a top background 902, a blog title 904, a profile 906, a menu 908, a post title 910 and a post box 912.
ブログウェブ文書の場合、図９に示すように、多様な領域に対して個別的にスタイルを設定することができる。以下、ブログなどのウェブ文書で使用者が独立的にスタイルを設定できるブログタイトルやプロフィールなどの領域を、スタイル要素と定義する。従来の場合、各スタイル要素のスタイルを設定するために、多様なパラメータが使用された。例えば、ブログタイトル領域のスタイル設定のために、ブログタイトルのサイズ、背景イメージ、テキスト書体または色相などが各パラメータによって管理された。 In the case of a blog web document, styles can be individually set for various areas as shown in FIG. Hereinafter, an area such as a blog title or profile in which a user can independently set a style in a web document such as a blog is defined as a style element. In the past, various parameters were used to set the style of each style element. For example, for the style setting of the blog title area, the size, background image, text typeface or hue of the blog title is managed by each parameter.
しかし、本発明の一実施例によると、スタイル情報を多数のパラメータで管理せずに、一つの統合的なＣＳＳデータで管理する。例えば、ブログタイトル領域やプロフィール領域などのスタイル要素のスタイル情報を多数のパラメータで管理せずに、各領域に対して統合されたＣＳＳデータで管理する。 However, according to an embodiment of the present invention, the style information is managed by one integrated CSS data without being managed by many parameters. For example, the style information of the style elements such as the blog title area and the profile area is not managed by a large number of parameters, but is managed by CSS data integrated for each area.
図２は、本発明の一実施例に係るウェブ文書スタイル変更システムの構成を示したブロック図である。 FIG. 2 is a block diagram illustrating a configuration of a web document style changing system according to an embodiment of the present invention.
図２を参照すると、ウェブ文書スタイル変更システムは、スタイル情報処理サーバー２００、ＣＳＳパーサー２０２、ＣＳＳデータベース２０４及び使用者ＣＳＳデータベース２０６を含むことができ、ウェブ文書スタイル変更システムは、ネットワークを通して使用者クライアント２１０と連結される。 Referring to FIG. 2, the web document style changing system may include a style information processing server 200, a CSS parser 202, a CSS database 204, and a user CSS database 206. The web document style changing system is connected to a user client through a network. 210 is connected.
本発明は、スタイル情報を定義するＣＳＳデータを従来のようにパラメータの形態で保存せずに、ＣＳＳデータ全体をデータベースに保存し、ＣＳＳパーサーを用いて使用者が変更した部分のスタイルのみが適用されるようにする。 The present invention does not store CSS data defining style information in the form of parameters as in the prior art, but saves the entire CSS data in a database and applies only the styles changed by the user using a CSS parser. To be.
ここで、ＣＳＳは、ウェブ文書のスタイルを編集するためのスタイルシートの一つである。 Here, CSS is one of style sheets for editing the style of a web document.
図２において、使用者ＣＳＳデータベース２０６には、ウェブ文書に対して使用者が設定したスタイル情報が保存される。一例として、使用者ＣＳＳデータベース２０６には、多数のスタイル要素からなるウェブ文書に対して一つのＣＳＳデータが保存される。 In FIG. 2, the user CSS database 206 stores style information set by the user for the web document. As an example, the user CSS database 206 stores one piece of CSS data for a web document composed of a number of style elements.
図６は、本発明の一実施例に係る使用者ＣＳＳデータベースのフィールド構成を示した図である。 FIG. 6 is a diagram illustrating a field configuration of a user CSS database according to an embodiment of the present invention.
図６を参照すると、使用者ＣＳＳデータベース２０６には、各使用者別に使用者ウェブ文書のスタイル情報が定義された、統合されたＣＳＳデータが保存される。従来の場合、ウェブ文書スタイル設定のために、使用者ＣＳＳデータベース２０６に多様なパラメータに対するフィールドが設定され、各フィールド別属性情報が保存されたが、本発明の一実施例によると、統合された一つのＣＳＳデータが保存される。もちろん、使用者ＣＳＳデータベース２０６には、文書全体でない各スタイル要素別にスタイル情報が定義されたＣＳＳデータが各使用者に対して保存されることもある。 Referring to FIG. 6, the user CSS database 206 stores integrated CSS data in which style information of the user web document is defined for each user. In the conventional case, fields for various parameters are set in the user CSS database 206 for setting a web document style, and attribute information for each field is stored. According to an embodiment of the present invention, the fields are integrated. One CSS data is stored. Of course, CSS data in which style information is defined for each style element that is not the entire document may be stored in the user CSS database 206 for each user.
また、ＣＳＳデータベース２０４には、ウェブ文書の各スタイル要素に対する多様なスタイル設定データが保存される。例えば、ＣＳＳデータベース２０４には、ウェブ文書のスタイル要素の一つである背景画面に対して使用者が選択可能な多様なスタイル設定ＣＳＳデータが保存されている。 The CSS database 204 stores various style setting data for each style element of the web document. For example, the CSS database 204 stores various style setting CSS data that can be selected by the user for the background screen that is one of the style elements of the web document.
図５は、本発明の一実施例に係るＣＳＳデータベースのフィールド構成を示した図である。 FIG. 5 is a diagram illustrating a field configuration of a CSS database according to an embodiment of the present invention.
図５に示すように、各スタイル要素別にＣＳＳデータが保存され、各ＣＳＳデータは、サムネイルなどのプレビューイメージと関連して保存される。このようなサムネイルイメージは、各ＣＳＳスタイル設定データによって各スタイル要素のスタイルがどのように具現されるかを使用者に表示するためのデータである。 As shown in FIG. 5, CSS data is stored for each style element, and each CSS data is stored in association with a preview image such as a thumbnail. Such a thumbnail image is data for displaying to the user how the style of each style element is embodied by each CSS style setting data.
ＣＳＳデータベース２０４に保存された多様な種類のスタイル設定データは、使用者がウェブ文書スタイルを編集する場合、使用者クライアント２１０に提供される。 Various types of style setting data stored in the CSS database 204 are provided to the user client 210 when the user edits the web document style.
上述したように、ウェブ文書編集のためのスタイル設定データ及び各使用者ウェブ文書のスタイルデータが多様なパラメータ別に管理されず、ＣＳＳデータ自体で管理されるので、データベースの構成が簡単になり、プログラミング時に多様な種類のパラメータを一々考慮する必要がないという長所がある。 As described above, the style setting data for editing the web document and the style data of each user web document are not managed by various parameters, but are managed by the CSS data itself, so that the configuration of the database is simplified and programming is performed. There is an advantage that sometimes it is not necessary to consider various kinds of parameters one by one.
スタイル情報処理サーバー２００は、使用者クライアント２１０からウェブ文書スタイル編集が要請される場合、ＣＳＳデータベース２０４から使用者が設定可能な多様な種類のスタイルが定義されたＣＳＳデータを抽出し、これを使用者クライアント２１０に提供する。例えば、使用者クライアント２１０からスタイル要素の一つであるブログタイトルに対する編集が要請された場合、スタイル情報処理サーバー２００は、スタイル要素であるブログタイトルと関連して保存された多様な種類のＣＳＳデータ及びこれらのサムネイルイメージを使用者クライアント２１０に提供する。 When web user style editing is requested from the user client 210, the style information processing server 200 extracts CSS data in which various types of styles that can be set by the user are defined from the CSS database 204 and uses them. To the client 210. For example, when the user client 210 requests editing of a blog title that is one of style elements, the style information processing server 200 stores various types of CSS data stored in association with the blog title that is a style element. And provide these thumbnail images to the user client 210.
ＣＳＳパーサー２０２は、文字列からなるＣＳＳデータを属性別にパーシングする。ＣＳＳデータ自体は、テキストデータとして、如何なる属性がどのように定義されているかを把握不可能なデータである。したがって、ＣＳＳパーサー２０２は、スタイル情報をパラメータによって管理せずにもスタイル情報の属性を把握できるように、各属性別にＣＳＳデータをパーシングする。 The CSS parser 202 parses CSS data composed of character strings by attribute. The CSS data itself is data that cannot be grasped as to what attribute is defined as text data. Accordingly, the CSS parser 202 parses CSS data for each attribute so that the attributes of the style information can be grasped without managing the style information by parameters.
ＣＳＳで具現される通常のスタイルシートは、選択者及び宣言文で構成され、宣言文は、プロパティ及びこれに相応するプロパティ値で構成される。 A normal style sheet embodied in CSS is composed of a selector and a declaration statement, and the declaration statement is composed of a property and a property value corresponding to the property.
例えば、ｂｏｄｙという選択者に対してサイズが設定されるとき、ｓｉｚｅというプロパティ及びサイズ値が設定される。 For example, when a size is set for a selector named “body”, a property “size” and a size value are set.
ＣＳＳパーサー２０２は、ＣＳＳデータから選択者、プロパティ及びプロパティ値をそれぞれ抽出し、一般の文字列であるＣＳＳデータを属性別にパーシングする。 The CSS parser 202 extracts a selector, a property, and a property value from the CSS data, and parses CSS data that is a general character string by attribute.
図２は、ＣＳＳパーサー２０２がスタイル情報処理サーバー２００と別個のモジュールで構成される場合を示したが、変形された実施例において、ＣＳＳパーサー２０２は、スタイル情報処理サーバー２００の内部モジュールで構成されることもある。ＣＳＳパーシングアルゴリズムは、公知されたアルゴリズムであるので、これに対する詳細な説明は省略する。 FIG. 2 shows a case where the CSS parser 202 is configured by a module separate from the style information processing server 200. However, in a modified embodiment, the CSS parser 202 is configured by an internal module of the style information processing server 200. Sometimes. Since the CSS parsing algorithm is a known algorithm, a detailed description thereof will be omitted.
サーバー端に備わるＣＳＳパーサー２０２は、使用者クライアント２１０からスタイル情報の編集が要請される場合、使用者ＣＳＳデータベース２０６から該当使用者のスタイル情報を定義するＣＳＳデータを抽出し、抽出されたＣＳＳデータをパーシングする。 The CSS parser 202 provided at the server end extracts CSS data defining style information of the corresponding user from the user CSS database 206 when the user client 210 requests editing of style information, and the extracted CSS data. Parsing.
ＣＳＳパーサー２０２は、使用者のＣＳＳデータをパーシングした情報を使用者クライアント２１０に提供し、使用者クライアント２１０は、ＣＳＳパーサー２０２によってパーシングされたデータを用いてウェブ文書のスタイル情報を編集する。 The CSS parser 202 provides information obtained by parsing the CSS data of the user to the user client 210, and the user client 210 edits the style information of the web document using the data parsed by the CSS parser 202.
使用者クライアント２１０によってスタイル情報編集が完了した場合、変更された使用者ＣＳＳデータがＣＳＳパーサー２０２に提供され、ＣＳＳパーサー２０２は、使用者ＣＳＳデータが使用者ＣＳＳデータベース２０６に保存される前に、変更されたＣＳＳデータをパーシングしてスタイル情報処理サーバー２００に提供する。 When the style information editing is completed by the user client 210, the modified user CSS data is provided to the CSS parser 202, and the CSS parser 202 can store the user CSS data before the user CSS data is stored in the user CSS database 206. The changed CSS data is parsed and provided to the style information processing server 200.
スタイル情報処理サーバー２００は、パーシングされたＣＳＳデータを用いて、予め設定された規則に合わせてスタイル情報が変更されたかどうかを判断した後、変更された使用者ＣＳＳデータを使用者ＣＳＳデータベース２０６に保存する。 The style information processing server 200 uses the parsed CSS data to determine whether the style information has been changed according to a preset rule, and then sends the changed user CSS data to the user CSS database 206. save.
例えば、スタイル情報処理サーバー２００は、使用者の乱用（ａｂｕｓｉｎｇ）を防止するために、予め設定された許容サイズ内にスタイルが設定されたかどうかを判断するか、許容されたイメージ形式が使用されたかどうかを判断する。 For example, the style information processing server 200 determines whether a style is set within a preset allowable size or whether an allowed image format is used in order to prevent user abuse. Judge whether.
ＣＳＳパーサー２０２によって選択者のプロパティ及びプロパティ値がパーシングされてスタイル情報処理サーバー２００に提供されるので、スタイル情報処理サーバー２００は、上記のように、予め設定された規則に合わせてスタイル情報が変更されたかどうかを確認することができる。 Since the CSS parser 202 parses the properties and property values of the selected person and provides them to the style information processing server 200, the style information processing server 200 changes the style information in accordance with a preset rule as described above. You can check whether it was done.
使用者クライアント２１０は、スタイル情報処理サーバー２００から編集要請されたスタイル要素のＣＳＳデータ、及び既存の使用者によって設定された使用者ＣＳＳデータを受信し、受信された情報を用いて使用者の設定によってウェブ文書のスタイルを編集する。 The user client 210 receives the CSS data of the style element requested to be edited from the style information processing server 200 and the user CSS data set by the existing user, and sets the user using the received information. Edit the style of the web document.
このとき、使用者クライアント２１０には、使用者の設定によってスタイル情報を編集するためのプログラムモジュールが実行され、このようなプログラムモジュールは、使用者に提供されるウェブ文書にスクリプト形態で提供されるか、アクティブエックスコントロール形態で提供されるか、または、スクリプトとアクティブエックスコントロールとの結合形態で提供される。 At this time, the user client 210 executes a program module for editing style information according to the setting of the user, and such a program module is provided in a script form in a web document provided to the user. Or provided in the form of an active X control, or provided in a combined form of a script and an active X control.
本発明の場合、ＣＳＳデータがパラメータ別に分化されていないので、使用者クライアントにもスクリプトまたはアクティブエックスコントロールを通してＣＳＳパーサーが提供され、スタイル情報の編集時に提供されたＣＳＳパーサーを用いる。 In the case of the present invention, since CSS data is not differentiated by parameter, a CSS parser is also provided to the user client through script or ActiveX control, and the CSS parser provided at the time of editing style information is used.
以下、スタイル情報の編集のために使用者クライアントに設置されるプログラムのモジュールを、図３を参照して詳細に説明する。 Hereinafter, a module of a program installed in the user client for editing style information will be described in detail with reference to FIG.
図３は、スタイル情報の編集のために使用者クライアントに設置される本発明の一実施例に係るプログラムのモジュール構成を示したブロック図である。 FIG. 3 is a block diagram showing a module configuration of a program according to an embodiment of the present invention installed in a user client for editing style information.
図３を参照すると、使用者クライアントに設置されるプログラムは、使用者ＣＳＳデータ受信部３００、ＣＳＳデータ受信部３０２、サムネイル表示部３０４、ＣＳＳパーサー３０６、オブジェクト文書変換部３０８、変更スタイル文書生成部３１０及び変更スタイル適用部３１２を含むことができる。 Referring to FIG. 3, the programs installed in the user client include a user CSS data reception unit 300, a CSS data reception unit 302, a thumbnail display unit 304, a CSS parser 306, an object document conversion unit 308, and a change style document generation unit. 310 and a change style application unit 312.
使用者からスタイル情報の編集が要請されると、スタイル情報の編集のためのインターフェースが提供される。使用者によってスタイル情報編集が要請され、スタイル情報編集インターフェースが活性化される場合、使用者によって既に設定された使用者ＣＳＳデータがスタイル情報処理サーバー２００に要請され、上述したように、サーバー側のＣＳＳパーサー２０２は、使用者ＣＳＳデータをパーシングし、使用者ＣＳＳデータ受信部３００は、パーシングされた使用者ＣＳＳデータをスタイル情報処理サーバー２００から受信する。受信されたパーシングされた使用者ＣＳＳデータは、メモリ（図示せず）またはローカル保存領域（図示せず）に一時的に保存される。 When editing of style information is requested by the user, an interface for editing style information is provided. When style information editing is requested by the user and the style information editing interface is activated, user CSS data already set by the user is requested to the style information processing server 200, and as described above, The CSS parser 202 parses the user CSS data, and the user CSS data receiving unit 300 receives the parsed user CSS data from the style information processing server 200. The received parsed user CSS data is temporarily stored in a memory (not shown) or a local storage area (not shown).
一方、活性化されたスタイル編集インターフェースを通して使用者から特定スタイル要素の編集が要請されると、ＣＳＳデータ受信部３０２は、使用者によって編集要請されたスタイル要素と関連したＣＳＳデータをスタイル情報処理サーバー２００から受信する。
例えば、図９に示すようなスタイル要素を含むブログウェブ文書があり、使用者によってスタイル要素のうちブログタイトルに対する編集が要請された場合、ＣＳＳデータ受信部３０２は、ブログタイトルと関連してＣＳＳデータベース２０４に保存されたＣＳＳデータ及び各ＣＳＳデータと関連したサムネイルイメージを受信する。
On the other hand, when the user requests editing of a specific style element through the activated style editing interface, the CSS data receiving unit 302 receives CSS data associated with the style element requested to be edited by the user as a style information processing server. 200.
For example, when there is a blog web document including a style element as shown in FIG. 9 and the user requests editing of the blog title among the style elements, the CSS data receiving unit 302 associates the CSS database with the blog title. The CSS data stored in 204 and the thumbnail image associated with each CSS data are received.
サムネイル表示部３０４は、ＣＳＳデータ受信部３０２が受信したＣＳＳデータのうちサムネイルイメージを表示する機能をする。上述した例のように、使用者によってスタイル要素のうちブログタイトルに対する編集が要請された場合、サムネイル表示部３０４は、ブログタイトルと関連して受信された多様なサムネイルイメージを表示する。使用者は、サムネイル表示部３０４によって表示されるスタイルと関連したサムネイルイメージのうち一つを選択することができる。もちろん、使用者は、イメージの選択と共に、細部的なスタイルを設定することもでき、例えば、テキスト書体、色相、背景色などを追加的に選択することができる。 The thumbnail display unit 304 has a function of displaying a thumbnail image of the CSS data received by the CSS data receiving unit 302. As in the example described above, when the user requests editing of the blog title among the style elements, the thumbnail display unit 304 displays various thumbnail images received in association with the blog title. The user can select one of the thumbnail images associated with the style displayed by the thumbnail display unit 304. Of course, the user can also set a detailed style along with the selection of the image, and for example, can additionally select a text typeface, a hue, a background color, and the like.
使用者が特定のイメージを選択し、細部的なスタイルを設定する場合、使用者クライアント２１０のＣＳＳパーサー３０６は、受信されたＣＳＳデータのうち使用者の設定と関連したＣＳＳデータに対するパーシングを行う。各サムネイルイメージとＣＳＳデータが関連しているので、ＣＳＳパーサー３０６は、使用者が選択したサムネイルイメージと関連したＣＳＳデータから選択者、プロパティ及びプロパティ値などをパーシングする。 When the user selects a specific image and sets a detailed style, the CSS parser 306 of the user client 210 parses the CSS data related to the user setting among the received CSS data. Since each thumbnail image is associated with the CSS data, the CSS parser 306 parses the selected person, property, property value, and the like from the CSS data associated with the thumbnail image selected by the user.
オブジェクト文書変換部３０８は、ＣＳＳパーサー３０６によってパーシングされたＣＳＳデータを、スクリプトなどのプログラムが処理可能なオブジェクト型文書に変換する。 The object document conversion unit 308 converts the CSS data parsed by the CSS parser 306 into an object type document that can be processed by a program such as a script.
本発明の一実施例によると、オブジェクト文書変換部３０８は、パーシングされたＣＳＳデータを文書オブジェクトモデル（Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ：ＤＯＭ）の形態に変換することができる。オブジェクト文書変換部３０８は、パーシングされたＣＳＳデータを文書オブジェクトモデルのツリー構造または連関配列構造に変換し、これをメモリまたはローカル保存装置に保存する。 According to an exemplary embodiment of the present invention, the object document conversion unit 308 may convert the parsed CSS data into a document object model (DOM) format. The object document conversion unit 308 converts the parsed CSS data into a tree structure or an associative array structure of the document object model, and stores it in a memory or a local storage device.
図４は、パーシングされたＣＳＳデータが本発明の一実施例に係るオブジェクト文書変換部３０８によって文書オブジェクトモデルに変換される一例を示した図である。 FIG. 4 is a diagram illustrating an example in which the parsed CSS data is converted into a document object model by the object document conversion unit 308 according to an embodiment of the present invention.
図４を参照すると、パーシングされたＣＳＳデータは、ツリー構造形態の文書オブジェクトモデルに変換される。具体的に、パーシングされたＣＳＳデータにおいて、選択者が最も上位ノードに位置し、各選択者の下位プロパティが選択者の下位ノードに位置し、各プロパティ値がプロパティの下位ノードに位置する。 Referring to FIG. 4, the parsed CSS data is converted into a document object model having a tree structure. Specifically, in the parsed CSS data, the selector is positioned at the highest node, the lower property of each selector is positioned at the lower node of the selector, and each property value is positioned at the lower node of the property.
上記のように、パーシングされたＣＳＳデータがツリー構造の文書オブジェクトモデルに変換される場合、スクリプトなどのプログラムは、パーシングされたＣＳＳデータから選択者及びプロパティ種類を把握することができ、各プロパティがどのように設定されたかを判断することができる。もちろん、上述したように、パーシングされたＣＳＳデータは、ツリー構造形態でない連関配列の構造に変換することもできる。 As described above, when the parsed CSS data is converted into a document object model having a tree structure, a program such as a script can grasp a selector and a property type from the parsed CSS data, and each property is It is possible to determine how the setting has been made. Of course, as described above, the parsed CSS data can also be converted into an associative array structure that is not in the form of a tree structure.
変更スタイル文書生成部３１０は、変換されたオブジェクト型文書を用いて使用者の新しい設定が反映されたウェブ文書を生成する。変更スタイル文書生成部３１０は、スクリプト形態で具現され、オブジェクト文書変換部３０８によって変換された文書を解析して如何なるスタイル要素が変更されたかを判断し、変更されたスタイル要素の新しいプロパティ値を判断する。 The change style document generation unit 310 generates a web document in which the new setting of the user is reflected using the converted object type document. The modified style document generation unit 310 is implemented in a script form, analyzes the document converted by the object document conversion unit 308, determines which style element is changed, and determines a new property value of the changed style element. To do.
一方、変更スタイル文書生成部３１０は、受信された使用者ＣＳＳデータのうち使用者によって変更されたスタイル要素に相応するＣＳＳデータを判断する。変更スタイル文書生成部３１０は、該当ＣＳＳデータのプロパティ及びプロパティ値を、使用者が設定した値に変換する。 On the other hand, the modified style document generation unit 310 determines CSS data corresponding to the style element changed by the user from the received user CSS data. The change style document generation unit 310 converts the property and property value of the corresponding CSS data into values set by the user.
変更スタイル文書生成部３１０は、変更されたスタイルのウェブ文書を使用者ディスプレイ装置にディスプレイし、変更されたスタイルの適用可否を使用者に問うインターフェースボタンを提供する。 The modified style document generation unit 310 displays the modified style web document on the user display device, and provides an interface button that asks the user whether or not the modified style is applicable.
変更スタイル適用部３１２は、使用者によってインターフェースボタンを通して変更スタイル適用が要請される場合、変更スタイル文書生成部３１０で生成された変更スタイル文書のＣＳＳデータを一つのデータに統合する。変更された使用者のＣＳＳデータは、スタイル情報処理サーバー２００に伝送される。 The change style application unit 312 integrates the CSS data of the change style document generated by the change style document generation unit 310 into one data when the user requests application of the change style through the interface button. The changed CSS data of the user is transmitted to the style information processing server 200.
図７は、本発明の一実施例において、使用者によってウェブ文書スタイル編集が要請される場合におけるスタイル情報処理サーバー及び使用者クライアントの動作を示したフローチャートである。 FIG. 7 is a flowchart showing the operations of the style information processing server and the user client when web user style editing is requested by the user in the embodiment of the present invention.
図７を参照すると、使用者によってスタイル編集が要請される場合、使用者クライアント２１０で動作するプログラムは、スタイル変更インターフェースを活性化させる（段階７００）。 Referring to FIG. 7, when style editing is requested by a user, a program running on the user client 210 activates a style change interface (step 700).
図１０は、本発明の一実施例に係るスタイル変更インターフェースの一例を示した図である FIG. 10 is a diagram illustrating an example of a style change interface according to an embodiment of the present invention.
図１０を参照すると、スタイル変更インターフェースは、ブログタイトル、ブログ背景、ブログメニュー、ポストタイトル、ポストボックス、及びポスト背景色を編集可能なボタンを提供し、スキン及びレイアウトを変更可能なインターフェースボタンを提供する。 Referring to FIG. 10, the style change interface provides buttons for editing the blog title, blog background, blog menu, post title, post box, and post background color, and provides an interface button for changing the skin and layout. To do.
使用者クライアント２１０において、スタイル変更インターフェースが活性化される場合、スタイル変更インターフェース活性化メッセージがスタイル情報処理サーバー２００に伝送される（段階７０２）。 When the style change interface is activated in the user client 210, a style change interface activation message is transmitted to the style information processing server 200 (step 702).
スタイル変更インターフェース活性化メッセージがスタイル情報処理サーバー２００に伝送されると、スタイル情報処理サーバー２００は、該当のメッセージをＣＳＳパーサー２０２に提供し（段階７０４）、ＣＳＳパーサー２０２は、スタイル編集を要請した使用者のＣＳＳデータを使用者ＣＳＳデータベース２０６から抽出した後、使用者ＣＳＳデータをパーシングする（段階７０６）。 When the style change interface activation message is transmitted to the style information processing server 200, the style information processing server 200 provides the corresponding message to the CSS parser 202 (step 704), and the CSS parser 202 requests the style editing. After the user CSS data is extracted from the user CSS database 206, the user CSS data is parsed (step 706).
パーシングされた使用者ＣＳＳデータは、スタイル情報処理サーバー２００に提供され（段階７０８）、スタイル情報処理サーバー２００は、パーシングされた使用者ＣＳＳデータを使用者クライアント２１０に伝送する（段階７１０）。もちろん、ＣＳＳパーサー２０２がスタイル情報処理サーバー２００の内部モジュールに含まれる場合、ＣＳＳパーサー２０２とスタイル情報処理サーバー２００との間の通信手順が省略される。 The parsed user CSS data is provided to the style information processing server 200 (step 708), and the style information processing server 200 transmits the parsed user CSS data to the user client 210 (step 710). Of course, when the CSS parser 202 is included in the internal module of the style information processing server 200, the communication procedure between the CSS parser 202 and the style information processing server 200 is omitted.
使用者から活性化されたスタイル変更インターフェースを通して特定スタイル要素の編集が要請されると（段階７１２）、例えば、使用者からスタイル変更インターフェースに表示されたブログタイトル、ブログ背景、ポストタイトルなどのスタイル要素のうち何れか一つに対する編集が要請されると、編集要請されたスタイル要素を含むスタイル編集要請情報がスタイル情報処理サーバー２００に伝送される（段階７１４）。 When editing of a specific style element is requested through a style change interface activated by the user (step 712), for example, style elements such as a blog title, a blog background, and a post title displayed on the style change interface from the user. When editing is requested for any one of them, style editing request information including the style element requested to be edited is transmitted to the style information processing server 200 (step 714).
スタイル情報処理サーバー２００は、ＣＳＳデータベース２０４から使用者によって選択されたスタイル要素のＣＳＳデータを抽出し（段階７１６）、抽出されたＣＳＳデータを使用者クライアント２１０に伝送する（段階７１８）。上述したように、編集要請されたスタイル要素のサムネイルイメージ及びこれと関連したＣＳＳデータが使用者クライアント２１０に伝送される。 The style information processing server 200 extracts CSS data of the style element selected by the user from the CSS database 204 (step 716), and transmits the extracted CSS data to the user client 210 (step 718). As described above, the thumbnail image of the style element requested to be edited and the CSS data associated therewith are transmitted to the user client 210.
図８は、本発明の一実施例において、使用者クライアントでスタイル要素に対するＣＳＳデータ及び使用者ＣＳＳデータを用いてウェブ文書スタイルを変更する過程を示したフローチャートである。 FIG. 8 is a flowchart illustrating a process of changing a web document style using CSS data for a style element and user CSS data in a user client according to an embodiment of the present invention.
図８を参照すると、ウェブ文書のスタイル変更のために使用者クライアント２１０で動作するプログラムは、スタイル情報処理サーバー２００から受信された編集要請されたスタイル要素のサムネイルイメージをディスプレイする（段階８００）。 Referring to FIG. 8, a program running on the user client 210 to change the style of a web document displays a thumbnail image of a requested style element received from the style information processing server 200 (step 800).
使用者が特定のサムネイルイメージを選択する場合、該当のサムネイルイメージと関連したＣＳＳデータに対するパーシングを行う（段階８０２）。パーシングによって、使用者が選択したサムネイルイメージと関連したＣＳＳデータの選択者、プロパティ及びプロパティ値などを抽出する。 When the user selects a specific thumbnail image, parsing is performed on CSS data associated with the thumbnail image (step 802). By parsing, a CSS data selector, a property, a property value, and the like associated with the thumbnail image selected by the user are extracted.
ＣＳＳデータに対するパーシングが行われると、パーシングされたＣＳＳデータをプログラムが認識可能な形態の文書オブジェクトモデルに変換する（段階８０４）。上述したように、パーシングされたＣＳＳデータをプログラムが認識できるようにツリー構造または連関配列の形態に変換し、このためのスクリプトの一例は、次の通りである。 When the CSS data is parsed, the parsed CSS data is converted into a document object model that can be recognized by the program (step 804). As described above, the parsed CSS data is converted into a tree structure or associative array form so that the program can recognize it. An example of a script for this purpose is as follows.
function css2obj(css){
var items=css.split(/；\s*/g);
var sty,obj={};
for(var i=0;i＜items.length;i++){
new RegExp(‘^([a-z0-9\-]+)\\s*:\\s*(.+)＄’,‘i’）．exec(items[i]);
obj[RegExp.$1]=RegExp.$2;
}
return obj;
}
function css2obj (css) {
var items = css.split (/; \ s * / g);
var sty, obj = {};
for (var i = 0; i <items.length; i ++) {
new RegExp ('^ ([a-z0-9 \-] +) \\ s *: \\ s * (. +) $', 'i'). exec (items [i]);
obj [RegExp. $ 1] = RegExp. $ 2;
}
return obj;
}
パーシングされたＣＳＳデータが文書オブジェクトモデルの形態に変換されると、使用者が選択したサムネイルイメージが如何なるスタイル要素に対する変更を要請したかを判断する（段階８０６）。 When the parsed CSS data is converted into a document object model, it is determined which style element the thumbnail image selected by the user has requested to be changed (step 806).
変更されたスタイル要素を判断した後、文書オブジェクトモデルに変換されたＣＳＳデータ設定値をスタイル情報処理サーバー２００から受信された使用者ＣＳＳデータに適用することで、使用者ＣＳＳデータを変更する。 After determining the changed style element, the CSS data setting value converted into the document object model is applied to the user CSS data received from the style information processing server 200 to change the user CSS data.
このとき、文書オブジェクトモデルに変換されたＣＳＳデータ設定値を使用者ＣＳＳデータに適用するスクリプトの一例は、次の通りである。 At this time, an example of a script for applying the CSS data setting value converted into the document object model to the user CSS data is as follows.
function applyRuleExec(cssRule,num){
var objs;
for(var x in cssRule){
objs=$s(x);
//save this rule
adaptedRule[x]=css2obj(cssRule[x][num]);
//apply
for(var i=0;i<objs.length;i++)objs[i].style.cssText=cssRule[x][num];
}
$('preview_loading').style.display='none';
}
//key値に該当するCSS規則を取り込む。
var getRule=function(key){
getRule.executed=true;
if(typeof adaptedRule[key]=='undefined'){
adaptedRule[key]={};
}
return adaptedRule[key];
}
getRule.executed=false;
function applyRuleExec (cssRule, num) {
var objs;
for (var x in cssRule) {
objs = $ s (x);
// save this rule
adaptedRule [x] = css2obj (cssRule [x] [num]);
// apply
for (var i = 0; i <objs.length; i ++) objs [i] .style.cssText = cssRule [x] [num];
}
$ ('preview_loading'). style.display = 'none';
}
// Import the CSS rule corresponding to the key value.
var getRule = function (key) {
getRule.executed = true;
if (typeof adaptedRule [key] == 'undefined') {
adaptedRule [key] = {};
}
return adaptedRule [key];
}
getRule.executed = false;
上述した過程を通してスタイル情報処理サーバー２００から受信された使用者ＣＳＳデータが変更されると、変更された使用者ＣＳＳデータに基づいて、スタイルが変更されたウェブ文書をディスプレイする（段階８１０）。 When the user CSS data received from the style information processing server 200 is changed through the above-described process, the style-changed web document is displayed based on the changed user CSS data (step 810).
ディスプレイされたウェブ文書などのスタイルを適用することを使用者が要請する場合、変更された統合使用者ＣＳＳデータを生成し、生成された統合使用者ＣＳＳデータをスタイル情報処理サーバー２００に伝送する（段階８１２）。 When the user requests to apply a style such as a displayed web document, the modified integrated user CSS data is generated, and the generated integrated user CSS data is transmitted to the style information processing server 200 ( Step 812).
本発明の実施例は多様なコンピュータで具現される動作を行うためのプログラム命令を含むコンピュータで読取可能な記録媒体を含む。当該記録媒体は、上述したように本発明の実施例による方法を実行させるためのプログラム又はプロセスを記録する。この記録媒体はプログラム命令、データファイル、データ構造などを単独又は組み合わせて含むことができる。このような記録媒体の例としては、ハードディスク、フロッピー（登録商標）ディスク及び磁気テープのような磁気媒体、ＣＤおよびＤＶＤのような光記録媒体、フロプティカルディスク（ｆｌｏｐｔｉｃａｌｄｉｓｋ）と磁気-光媒体、ＲＯＭ、ＲＡＭ、フラッシュメモリなどのようなプログラム命令を保存し遂行するように構成されたハードウェア装置などがある。また、このような記録媒体は、プログラム命令、データ構造などを指定する信号を伝送する搬送波を含む光又は金属線、導波管などの伝送媒体であってよい。プログラム命令の例としては、コンパイラーにより作られるような機械語コードだけでなく、インタープリタなどを使用してコンピュータにより実行され得る高級言語コードを含む。 Embodiments of the present invention include a computer-readable recording medium including program instructions for performing operations embodied in various computers. The recording medium records a program or a process for executing the method according to the embodiment of the present invention as described above. This recording medium may contain program instructions, data files, data structures, etc. alone or in combination. Examples of such recording media include magnetic media such as hard disks, floppy (registered trademark) disks and magnetic tapes, optical recording media such as CDs and DVDs, floppy disks and magneto-optical media, There are hardware devices configured to store and execute program instructions such as ROM, RAM, flash memory and the like. In addition, such a recording medium may be a transmission medium such as a light or a metal line or a waveguide including a carrier wave for transmitting a signal designating a program command, a data structure, or the like. Examples of program instructions include not only machine language code created by a compiler but also high-level language code that can be executed by a computer using an interpreter or the like.
以上、本発明の詳細な説明では具体的な実施形態について説明したが、本発明の要旨から逸脱しない範囲内で多様に変形できる。よって、本発明の権利範囲は、上述の実施形態に限定されるものではなく、特許請求の範囲の記載及びこれと均等なものに基づいて定められるべきである。 As mentioned above, although specific embodiment was described in detailed description of this invention, it can change variously within the range which does not deviate from the summary of this invention. Therefore, the scope of rights of the present invention should not be limited to the above-described embodiment, but should be determined based on the description of the scope of claims and equivalents thereof.
２００ スタイル情報処理サーバー
２０２ ＣＳＳパーサー
２０４ ＣＳＳ ＤＢ
２０６ 使用者ＣＳＳ ＤＢ
２１０ 使用者クライアント
200 style information processing server 202 CSS parser 204 CSS DB
206 User CSS DB
210 User client
Claims (17)
使用者のウェブ文書ＣＳＳデータを使用者別に維持する使用者ＣＳＳデータベースと、
使用者によってウェブ文書スタイル編集が要請される場合、前記使用者ＣＳＳデータベースから該当の使用者ＣＳＳデータを抽出してパーシングするＣＳＳパーサーと、
前記ＣＳＳパーサーによってパーシングされた使用者ＣＳＳデータ、及び使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを使用者クライアントに伝送するスタイル情報処理サーバーと、を含んでおり、
前記スタイル情報処理サーバーは、前記使用者クライアントに伝送された使用者ＣＳＳデータが変更される場合、変更された使用者ＣＳＳデータを前記使用者クライアントから受信し、これを前記使用者ＣＳＳデータベースに保存することを特徴とするウェブ文書スタイル変更システム。 A CSS database that maintains CSS data associated with web document style elements;
A user CSS database for maintaining user web document CSS data by user;
A CSS parser that extracts and parses corresponding user CSS data from the user CSS database when web document style editing is requested by the user;
A style information processing server that transmits user CSS data parsed by the CSS parser and CSS data associated with a style element requested to be edited by the user to a user client;
When the user CSS data transmitted to the user client is changed, the style information processing server receives the changed user CSS data from the user client and stores it in the user CSS database. A web document style change system characterized by:
前記スタイル情報処理サーバーは、前記ＣＳＳパーサーによってパーシングされた前記変更された使用者ＣＳＳデータを用いて、予め設定された規則に合わせてスタイルが設定されたかどうかを判断することを特徴とする請求項１に記載のウェブ文書スタイル変更システム。 The CSS parser parses the modified user CSS data received from the user client and transmits it to the style information processing server;
The style information processing server determines whether a style is set according to a preset rule using the changed user CSS data parsed by the CSS parser. 2. The web document style changing system according to 1.
使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを受信するＣＳＳデータ受信部と、
使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する使用者ＣＳＳデータ受信部と、
前記ＣＳＳデータに含まれた多数のスタイル情報のうち使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングするＣＳＳパーサーと、
前記ＣＳＳパーサーによってパーシングされたＣＳＳデータをプログラムが認識可能な形態に変換するオブジェクト文書変換部と、
前記オブジェクト文書変換部によって変換された文書に基づいて、使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映する変更スタイル文書生成部として機能させるためのプログラムを記録した記録媒体。 A recording medium that is installed on a user client connected to a style information processing server through a network and records a program for executing a web document style change,
A CSS data receiving unit for receiving CSS data associated with the style element requested to be edited by the user;
A user CSS data receiving unit for receiving user CSS data defining style information of the entire user's web document;
A CSS parser that parses CSS data associated with a specific style selected by a user among a plurality of style information included in the CSS data;
An object document conversion unit for converting CSS data parsed by the CSS parser into a form recognizable by a program;
Based on the document converted by the object document conversion unit, the style element changed by the user and the changed style of the corresponding style element are determined, and the changed style information is reflected in the received user CSS data. A recording medium on which a program for functioning as a change style document generation unit is recorded.
前記受信されたスタイルイメージを表示し、使用者からスタイル選択情報を受信するスタイルイメージ表示部をさらに含むことを特徴とする請求項６に記載のプログラムを記録した記録媒体。 The CSS data receiving unit receives together the CSS data for the style element requested to be edited by the user and a style image associated with the CSS data,
The recording medium according to claim 6, further comprising a style image display unit that displays the received style image and receives style selection information from a user.
使用者によってウェブ文書スタイル編集が要請される場合、使用者と関連した使用者ＣＳＳデータをパーシングして前記使用者のクライアントに伝送する段階と、
使用者によって特定のスタイル要素に対する編集が要請される場合、前記編集要請されたスタイル要素と関連した一つ以上のスタイルイメージ及び各スタイルイメージと関連したＣＳＳデータを前記使用者クライアントに伝送する段階と、
前記使用者クライアントから伝送される変更された使用者ＣＳＳデータを受信して保存する段階と、を含むことを特徴とするウェブ文書スタイル変更方法。 A web document style changing method performed in a web document style changing system connected to a user client through a network,
Parsing user CSS data associated with the user and transmitting it to the user's client if web document style editing is requested by the user;
If the user requests editing of a specific style element, transmitting one or more style images associated with the requested style element and CSS data associated with each style image to the user client; ,
Receiving and storing the modified user CSS data transmitted from the user client, the method for modifying a web document style.
前記変更された使用者ＣＳＳデータをパーシングする段階と、
前記パーシングされた前記変更された使用者ＣＳＳデータを分析し、予め設定された規則に合わせてスタイルが変更されたかどうかを判断する段階と、を含むことを特徴とする請求項１４に記載のウェブ文書スタイル変更方法。 The step of storing the modified user CSS data includes:
Parsing the modified user CSS data;
15. The web of claim 14, comprising analyzing the parsed modified user CSS data to determine whether a style has been modified according to a preset rule. How to change the document style.
使用者によって編集要請されたスタイル要素のＣＳＳデータ及び使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する段階と、
前記受信されたＣＳＳデータに含まれた多数のスタイル情報のうち、使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングする段階と、
前記パーシングされたＣＳＳデータをプログラムが認識可能な形態である文書オブジェクトモデル（ＤＯＭ）形態に変換する段階と、
前記文書オブジェクトモデルに基づいて使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映することで、前記受信された使用者ＣＳＳデータを変更する段階と、
前記変更された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送する段階と、を含むことを特徴とするウェブ文書スタイル変更方法。 A method for changing the style of a web document using a program installed in a user client connected to a style information processing server via a network,
Receiving CSS data of style elements requested to be edited by the user and user CSS data defining style information of the entire web document of the user;
Parsing CSS data associated with a specific style selected by a user among a plurality of style information included in the received CSS data;
Converting the parsed CSS data into a document object model (DOM) form that is recognizable by a program;
Based on the document object model, a style element changed by a user and a change style of the corresponding style element are determined, and the changed style information is reflected in the received user CSS data, thereby receiving the received Changing the user CSS data;
Transmitting the changed user CSS data to the style information processing server.
使用者の選択によって前記変更された使用者ＣＳＳデータを統合する段階をさらに含み、
前記変更された使用者ＣＳＳデータの伝送段階で、前記統合された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送することを特徴とする請求項１５に記載のウェブ文書スタイル変更方法。 Prior to the modified user CSS data transmission stage,
Further comprising integrating the modified user CSS data according to a user's choice;
16. The web document style changing method according to claim 15, wherein the integrated user CSS data is transmitted to the style information processing server in the transmission step of the changed user CSS data.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| KR10-2006-0135091 | 2006-12-27 | ||
| KR1020060135091A KR100850021B1 (en) | 2006-12-27 | 2006-12-27 | System and Method for Changing Web Document Style |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2008176777A true JP2008176777A (en) | 2008-07-31 |
| JP4909882B2 JP4909882B2 (en) | 2012-04-04 |
Family
ID=39703718
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2007331482A Active JP4909882B2 (en) | 2006-12-27 | 2007-12-25 | Web document style changing system and method |
Country Status (2)
| Country | Link |
|---|---|
| JP (1) | JP4909882B2 (en) |
| KR (1) | KR100850021B1 (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2014502385A (en) * | 2010-10-21 | 2014-01-30 | モノタイプ．イメージング．インコーポレイテッド | Extraction and management of font style elements |
| CN112270475A (en) * | 2020-10-29 | 2021-01-26 | 中国北方工业有限公司 | Information platform system integrated by built equipment system |
| JP2022033689A (en) * | 2020-09-10 | 2022-03-02 | ベイジン バイドゥ ネットコム サイエンス テクノロジー カンパニー リミテッド | Method, apparatus, electronic device, computer readable storage medium, and computer program for determining theme of page |
Families Citing this family (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR101809460B1 (en) * | 2017-05-15 | 2017-12-15 | 주식회사 한글과컴퓨터 | Client terminal device capable of pasting external content to a web document according to a style attribute supported by the web document editing tool and operating method thereof |
| EP3759623A4 (en) * | 2018-09-26 | 2021-10-06 | Hewlett-Packard Development Company, L.P. | Reconstitution of web assets |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11143874A (en) * | 1997-11-11 | 1999-05-28 | Fujitsu Ltd | Style definition supporting device of structured document |
| JP2000259640A (en) * | 1999-03-04 | 2000-09-22 | Nippon Telegr & Teleph Corp <Ntt> | Structured document customized display method, its system, server device and storage medium storing client device structured document cusomized display program |
| JP2001243181A (en) * | 2000-02-29 | 2001-09-07 | Matsushita Electric Works Ltd | Home page creation support system using communication web, and program recording medium |
| JP2002222181A (en) * | 2000-11-21 | 2002-08-09 | Bisket Kk | Information processing system and method therefor, and recording medium recording information processing software |
| JP2005004392A (en) * | 2003-06-10 | 2005-01-06 | Sun Corp | Webpage creation support system |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20030071244A (en) * | 2002-02-28 | 2003-09-03 | (주)한국지식웨어 | A Technique for Specifying Style Information of XML Document Using FOX Style |
| KR100473595B1 (en) * | 2002-08-20 | 2005-03-10 | 삼성전자주식회사 | Css style application method to ml document |
| JP2005031983A (en) | 2003-07-14 | 2005-02-03 | Hitachi Ltd | Method and system of changing structured document file display format |
-
2006
- 2006-12-27 KR KR1020060135091A patent/KR100850021B1/en active IP Right Grant
-
2007
- 2007-12-25 JP JP2007331482A patent/JP4909882B2/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH11143874A (en) * | 1997-11-11 | 1999-05-28 | Fujitsu Ltd | Style definition supporting device of structured document |
| JP2000259640A (en) * | 1999-03-04 | 2000-09-22 | Nippon Telegr & Teleph Corp <Ntt> | Structured document customized display method, its system, server device and storage medium storing client device structured document cusomized display program |
| JP2001243181A (en) * | 2000-02-29 | 2001-09-07 | Matsushita Electric Works Ltd | Home page creation support system using communication web, and program recording medium |
| JP2002222181A (en) * | 2000-11-21 | 2002-08-09 | Bisket Kk | Information processing system and method therefor, and recording medium recording information processing software |
| JP2005004392A (en) * | 2003-06-10 | 2005-01-06 | Sun Corp | Webpage creation support system |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2014502385A (en) * | 2010-10-21 | 2014-01-30 | モノタイプ．イメージング．インコーポレイテッド | Extraction and management of font style elements |
| JP2022033689A (en) * | 2020-09-10 | 2022-03-02 | ベイジン バイドゥ ネットコム サイエンス テクノロジー カンパニー リミテッド | Method, apparatus, electronic device, computer readable storage medium, and computer program for determining theme of page |
| JP7366078B2 (en) | 2020-09-10 | 2023-10-20 | ベイジン バイドゥ ネットコム サイエンス テクノロジー カンパニー リミテッド | Methods, devices, electronic devices, computer readable storage media and computer programs for determining page themes |
| CN112270475A (en) * | 2020-10-29 | 2021-01-26 | 中国北方工业有限公司 | Information platform system integrated by built equipment system |
Also Published As
| Publication number | Publication date |
|---|---|
| KR20080060690A (en) | 2008-07-02 |
| JP4909882B2 (en) | 2012-04-04 |
| KR100850021B1 (en) | 2008-08-01 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8370750B2 (en) | Technology for generating service program | |
| US7085999B2 (en) | Information processing system, proxy server, web page display method, storage medium, and program transmission apparatus | |
| JP4990302B2 (en) | Data processing method, data processing program, and data processing apparatus | |
| US20030237046A1 (en) | Transformation stylesheet editor | |
| US20030208473A1 (en) | Browsing electronically-accessible resources | |
| US8397157B2 (en) | Context-free grammar | |
| JPWO2006137565A1 (en) | Document processing apparatus and document processing method | |
| US20150254211A1 (en) | Interactive data manipulation using examples and natural language | |
| KR20040047657A (en) | Method and computer-readable medium for importing and exporting hierarchically structured data | |
| US20080270464A1 (en) | Document processing system and method therefor | |
| JP4909882B2 (en) | Web document style changing system and method | |
| JP3566457B2 (en) | Structured document version management method and apparatus | |
| US20040133595A1 (en) | Generation of persistent document object models | |
| CN110377371B (en) | Style sheet system management method based on Web tag | |
| US9250925B2 (en) | Adding inheritance support to a computer programming language | |
| JP2005135199A (en) | Automaton generating method, method, device, and program for xml data retrieval, and recording medium for xml data retrieval program | |
| KR100305363B1 (en) | Method for modeling metadata of electronic document, method and system for managing metadata | |
| US20080295013A1 (en) | Method and apparatus for performing semantically informed text operations | |
| CN102193789A (en) | Method and equipment for realizing configurable skip link | |
| JP2006127235A (en) | Structured document management system, structured document management method and program | |
| Joshi | Beginning XML with C# 7: XML Processing and Data Access for C# Developers | |
| US20100162094A1 (en) | Providing interactive forms in web application software | |
| JP2004303097A (en) | Partial document extraction program and partial document extraction method of structured document | |
| JP2003196194A (en) | Link processing method and device | |
| Fan et al. | Semantic Annotation of Office Documents. |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20100715 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20100803 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20101025 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20110308 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20110607 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20120110 |
|
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20120116 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20150120 Year of fee payment: 3 |
|
| R150 | Certificate of patent or registration of utility model |
Ref document number: 4909882 Country of ref document: JP Free format text: JAPANESE INTERMEDIATE CODE: R150 Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |
|
| R250 | Receipt of annual fees |
Free format text: JAPANESE INTERMEDIATE CODE: R250 |