JP4909882B2 - ウェブ文書スタイル変更システム及びその方法 - Google Patents

Description

本発明は、ウェブ文書スタイル変更システム及び方法に関するもので、より詳細には、ウェブ文書のレイアウト、背景イメージ、色相などのウェブ文書のスタイルを使用者の個性によって変更するためのシステム及びその方法に関する。

従来のウェブサービスは、一方的に情報を提供する形態であったが、最近は、使用者の参加及び開放性が益々重要になりつつあり、特に、このような変化がブログ及び個人ホームページで起きている。

上記のような文化をウェブ２.０といい、サービスプロバイダーによって製作されたコンテンツよりも、使用者によって製作されたコンテンツ（Ｕｓｅｒ Ｃｒｅａｔｅｄ Ｃｏｎｔｅｎｔｓ：ＵＣＣ）がウェブ上で主要なコンテンツとして用いられている。

図１は、従来のウェブ文書スタイル変更システムの構成を示したブロック図である。

図１を参照すると、従来のウェブ文書スタイル変更システムは、スタイル情報処理サーバー１００、ＣＳＳデータベース１０２及び使用者ＣＳＳデータベース１０４を含み、使用者クライアント１０６は、ネットワークを通してウェブ文書スタイル変更システムに連結される。

従来の場合、ウェブ文書のスタイルは、主にＣＳＳ（Ｃａｓｃａｄｉｎｇ Ｓｔｙｌｅ Ｓｈｅｅｔ）によって設定され、ＣＳＳによって設定されるウェブ文書スタイルと関連した多様な属性は、多数のパラメータによって管理された。

ＣＳＳデータベース１０２には、使用者が選択可能な多様なウェブ文書スタイル情報が保存され、使用者ＣＳＳデータベース１０４には、使用者のウェブ文書スタイル情報がそれぞれ保存された。このようなスタイル情報は、多様なパラメータで管理されるが、前記ＣＳＳデータベース１０２及び前記使用者ＣＳＳデータベース１０４は、一般的に、上述した各パラメータを保存するために複雑なフィールド構造を有している。

また、スタイル変更を行うためのウェブ文書のスクリプトも、上記のようなパラメータに基づいてプログラミングされたが、パラメータが変更される場合、データベースのフィールド構造のみならず、ウェブ文書のスクリプトまで全て変更されるべきであるという問題点があった。

また、多様なスタイル属性が一々パラメータによって表現されるので、スクリプトのプログラミングが複雑なだけでなく、複雑なフィールド構造を要求するので、スタイル情報の保存空間を非常に多く占めるという問題点があった。

本発明は、上記のような従来の問題点を解決するためのもので、その目的は、多数のパラメータを使用せずにも、ウェブ文書スタイルと関連した設定情報を管理することができるウェブ文書スタイル変更システム及び方法を提案することにある。

本発明の他の目的は、ウェブ文書スタイルと関連した設定情報の管理時、データベースのフィールド構造及びウェブ文書スクリプトを単純化することができるウェブ文書スタイル変更システム及び方法を提案することにある。

本発明の更に他の目的は、ＣＳＳパーサーを用いてスタイル設定と関連した情報をパーシングすることで、データベースフィールド構造を単純化して維持補修の効率性を高め、スタイル設定情報が変更される場合にも、特別なソース修正なしに対応することができるウェブ文書スタイル変更システム及び方法を提案することにある。

上記のような目的を達成するために、本発明の一側面によると、ウェブ文書のスタイル要素と関連したＣＳＳデータを維持するＣＳＳデータベースと、使用者のウェブ文書ＣＳＳデータを使用者別に維持する使用者ＣＳＳデータベースと、使用者によってウェブ文書スタイル編集が要請される場合、前記使用者ＣＳＳデータベースから該当の使用者ＣＳＳデータを抽出してパーシングするＣＳＳパーサーと、前記ＣＳＳパーサーによってパーシングされた使用者ＣＳＳデータ、及び使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを使用者クライアントに伝送するスタイル情報処理サーバーと、を含んでおり、前記使用者クライアントに伝送された使用者ＣＳＳデータが変更される場合、変更された使用者ＣＳＳデータを前記使用者クライアントから受信し、これを前記使用者ＣＳＳデータベースに保存するウェブ文書スタイル変更システムが提供される。

前記ＣＳＳパーサーは、前記使用者クライアントから受信された前記変更された使用者ＣＳＳデータをパーシングし、これを前記スタイル情報処理サーバーに伝送し、前記スタイル情報処理サーバーは、前記ＣＳＳパーサーによってパーシングされた前記変更された使用者ＣＳＳデータを用いて、予め設定された規則に合わせてスタイルが設定されたかどうかを判断する。

前記ＣＳＳデータベースは、前記スタイル要素に対する前記ＣＳＳデータと関連したスタイルイメージを保存する。

一方、前記使用者クライアントは、前記使用者クライアントに設置されるスクリプトを通して前記スタイル情報処理サーバーから前記ＣＳＳデータ及び使用者ＣＳＳデータを受信し、前記受信されたＣＳＳデータのうち使用者によって選択されたスタイルに相応するＣＳＳデータをパーシングし、前記スクリプトが認識可能なオブジェクトモデルに変換し、前記オブジェクトモデル情報に基づいて前記受信された使用者ＣＳＳデータを変更する。このとき、前記スクリプトは、使用者によって前記変更されたＣＳＳデータの適用が要請される場合、前記変更された使用者ＣＳＳデータを統合し、統合された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送することができる。

本発明の他の側面によると、スタイル情報処理サーバーとネットワークを通して連結される使用者クライアントに設置されてウェブ文書スタイル変更を実行するプログラムを記録したコンピュータ読み取り可能な記録媒体であって、使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを受信するＣＳＳデータ受信部と、使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する使用者ＣＳＳデータ受信部と、前記ＣＳＳデータに含まれた多数のスタイル情報のうち使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングするＣＳＳパーサーと、前記ＣＳＳパーサーによってパーシングされたＣＳＳデータをプログラムが認識可能な形態に変換するオブジェクト文書変換部と、前記オブジェクト文書変換部によって変換された文書に基づいて、使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映する変更スタイル文書生成部として機能させるためのプログラムを記録したコンピュータ読み取り可能な記録媒体が提供される。

本発明の更に他の側面によると、使用者クライアントとネットワークを通して連結されるウェブ文書スタイル変更システムで行われるウェブ文書スタイル変更方法として、使用者によってウェブ文書スタイル編集が要請される場合、使用者と関連した使用者ＣＳＳデータをパーシングして前記使用者のクライアントに伝送する段階と、使用者によって特定のスタイル要素に対する編集が要請される場合、前記編集要請されたスタイル要素と関連した一つ以上のスタイルイメージ及び各スタイルイメージと関連したＣＳＳデータを前記使用者クライアントに伝送する段階と、前記使用者クライアントから伝送される変更された使用者ＣＳＳデータを受信して保存する段階と、を含むウェブ文書スタイル変更方法が提供される。

このとき、前記変更された使用者ＣＳＳデータの保存段階は、前記変更された使用者ＣＳＳデータをパーシングする段階と、前記パーシングされた前記変更された使用者ＣＳＳデータを分析し、予め設定された規則に合わせてスタイルが変更されたかどうかを判断する段階と、を含む。

一方、本発明の更に他の側面によると、スタイル情報処理サーバーとネットワークを通して連結された使用者クライアントに設置されるプログラムを用いてウェブ文書のスタイルを変更する方法として、使用者によって編集要請されたスタイル要素のＣＳＳデータ及び使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する段階と；前記受信されたＣＳＳデータに含まれた多数のスタイル情報のうち、使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングする段階と、前記パーシングされたＣＳＳデータをプログラムが認識可能な形態である文書オブジェクトモデル（ＤＯＭ）形態に変換する段階と、前記文書オブジェクトモデルに基づいて使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映することで、前記受信された使用者ＣＳＳデータを変更する段階と、前記変更された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送する段階と、を含むウェブ文書スタイル変更方法が提供される。

本発明の各実施例によると、ウェブ文書スタイルと関連した設定情報を多数のパラメータによって管理しないので、ウェブ文書スタイルと関連した設定情報の管理時、データベースのフィールド構造及びウェブ文書スクリプトを単純化することができる。

また、本発明の各実施例によると、ＣＳＳパーサーを用いてスタイル設定と関連した情報をパーシングすることで、データベースフィールド構造を単純化して維持補修の効率性を高め、スタイル設定情報が変更される場合にも、特別なソース修正なしに対応することができる。

発明を実施するための最良の態様

以下、添付された図面を参照して、本発明に係るウェブ文書スタイル変更システム及び方法の実施例を詳細に説明する。

本発明は、多様な種類のウェブ文書のスタイルを変更するときに活用される。例えば、ブログウェブ文書、コミュニティウェブ文書、個人ホームページウェブ文書などの使用者コンテンツを中心に具現されるウェブ文書に効果的に活用される。

以下、本発明がブログウェブ文書に適用される場合を例に挙げて説明する、本発明は、説明の便宜上、ブログウェブ文書に適用されたが、多様な種類のウェブ文書にも適用可能であることは当業者にとって自明である。

図９は、本発明におけるブログウェブ文書スタイル構造の一例を示した図である。

図９を参照すると、ブログウェブ文書は、全体背景９００、上端背景９０２、ブログタイトル９０４、プロフィール９０６、メニュー９０８、ポストタイトル９１０及びポストボックス９１２を含むことができる。

ブログウェブ文書の場合、図９に示すように、多様な領域に対して個別的にスタイルを設定することができる。以下、ブログなどのウェブ文書で使用者が独立的にスタイルを設定できるブログタイトルやプロフィールなどの領域を、スタイル要素と定義する。従来の場合、各スタイル要素のスタイルを設定するために、多様なパラメータが使用された。例えば、ブログタイトル領域のスタイル設定のために、ブログタイトルのサイズ、背景イメージ、テキスト書体または色相などが各パラメータによって管理された。

しかし、本発明の一実施例によると、スタイル情報を多数のパラメータで管理せずに、一つの統合的なＣＳＳデータで管理する。例えば、ブログタイトル領域やプロフィール領域などのスタイル要素のスタイル情報を多数のパラメータで管理せずに、各領域に対して統合されたＣＳＳデータで管理する。

図２は、本発明の一実施例に係るウェブ文書スタイル変更システムの構成を示したブロック図である。

図２を参照すると、ウェブ文書スタイル変更システムは、スタイル情報処理サーバー２００、ＣＳＳパーサー２０２、ＣＳＳデータベース２０４及び使用者ＣＳＳデータベース２０６を含むことができ、ウェブ文書スタイル変更システムは、ネットワークを通して使用者クライアント２１０と連結される。

本発明は、スタイル情報を定義するＣＳＳデータを従来のようにパラメータの形態で保存せずに、ＣＳＳデータ全体をデータベースに保存し、ＣＳＳパーサーを用いて使用者が変更した部分のスタイルのみが適用されるようにする。

ここで、ＣＳＳは、ウェブ文書のスタイルを編集するためのスタイルシートの一つである。

図２において、使用者ＣＳＳデータベース２０６には、ウェブ文書に対して使用者が設定したスタイル情報が保存される。一例として、使用者ＣＳＳデータベース２０６には、多数のスタイル要素からなるウェブ文書に対して一つのＣＳＳデータが保存される。

図６は、本発明の一実施例に係る使用者ＣＳＳデータベースのフィールド構成を示した図である。

図６を参照すると、使用者ＣＳＳデータベース２０６には、各使用者別に使用者ウェブ文書のスタイル情報が定義された、統合されたＣＳＳデータが保存される。従来の場合、ウェブ文書スタイル設定のために、使用者ＣＳＳデータベース２０６に多様なパラメータに対するフィールドが設定され、各フィールド別属性情報が保存されたが、本発明の一実施例によると、統合された一つのＣＳＳデータが保存される。もちろん、使用者ＣＳＳデータベース２０６には、文書全体でない各スタイル要素別にスタイル情報が定義されたＣＳＳデータが各使用者に対して保存されることもある。

また、ＣＳＳデータベース２０４には、ウェブ文書の各スタイル要素に対する多様なスタイル設定データが保存される。例えば、ＣＳＳデータベース２０４には、ウェブ文書のスタイル要素の一つである背景画面に対して使用者が選択可能な多様なスタイル設定ＣＳＳデータが保存されている。

図５は、本発明の一実施例に係るＣＳＳデータベースのフィールド構成を示した図である。

図５に示すように、各スタイル要素別にＣＳＳデータが保存され、各ＣＳＳデータは、サムネイルなどのプレビューイメージと関連して保存される。このようなサムネイルイメージは、各ＣＳＳスタイル設定データによって各スタイル要素のスタイルがどのように具現されるかを使用者に表示するためのデータである。

ＣＳＳデータベース２０４に保存された多様な種類のスタイル設定データは、使用者がウェブ文書スタイルを編集する場合、使用者クライアント２１０に提供される。

上述したように、ウェブ文書編集のためのスタイル設定データ及び各使用者ウェブ文書のスタイルデータが多様なパラメータ別に管理されず、ＣＳＳデータ自体で管理されるので、データベースの構成が簡単になり、プログラミング時に多様な種類のパラメータを一々考慮する必要がないという長所がある。

スタイル情報処理サーバー２００は、使用者クライアント２１０からウェブ文書スタイル編集が要請される場合、ＣＳＳデータベース２０４から使用者が設定可能な多様な種類のスタイルが定義されたＣＳＳデータを抽出し、これを使用者クライアント２１０に提供する。例えば、使用者クライアント２１０からスタイル要素の一つであるブログタイトルに対する編集が要請された場合、スタイル情報処理サーバー２００は、スタイル要素であるブログタイトルと関連して保存された多様な種類のＣＳＳデータ及びこれらのサムネイルイメージを使用者クライアント２１０に提供する。

ＣＳＳパーサー２０２は、文字列からなるＣＳＳデータを属性別にパーシングする。ＣＳＳデータ自体は、テキストデータとして、如何なる属性がどのように定義されているかを把握不可能なデータである。したがって、ＣＳＳパーサー２０２は、スタイル情報をパラメータによって管理せずにもスタイル情報の属性を把握できるように、各属性別にＣＳＳデータをパーシングする。

ＣＳＳで具現される通常のスタイルシートは、選択子及び宣言文で構成され、宣言文は、プロパティ及びこれに相応するプロパティ値で構成される。

例えば、ｂｏｄｙという選択子に対してサイズが設定されるとき、ｓｉｚｅというプロパティ及びサイズ値が設定される。

ＣＳＳパーサー２０２は、ＣＳＳデータから選択子、プロパティ及びプロパティ値をそれぞれ抽出し、一般の文字列であるＣＳＳデータを属性別にパーシングする。

図２は、ＣＳＳパーサー２０２がスタイル情報処理サーバー２００と別個のモジュールで構成される場合を示したが、変形された実施例において、ＣＳＳパーサー２０２は、スタイル情報処理サーバー２００の内部モジュールで構成されることもある。ＣＳＳパーシングアルゴリズムは、公知されたアルゴリズムであるので、これに対する詳細な説明は省略する。

サーバー端に備わるＣＳＳパーサー２０２は、使用者クライアント２１０からスタイル情報の編集が要請される場合、使用者ＣＳＳデータベース２０６から該当使用者のスタイル情報を定義するＣＳＳデータを抽出し、抽出されたＣＳＳデータをパーシングする。

ＣＳＳパーサー２０２は、使用者のＣＳＳデータをパーシングした情報を使用者クライアント２１０に提供し、使用者クライアント２１０は、ＣＳＳパーサー２０２によってパーシングされたデータを用いてウェブ文書のスタイル情報を編集する。

使用者クライアント２１０によってスタイル情報編集が完了した場合、変更された使用者ＣＳＳデータがＣＳＳパーサー２０２に提供され、ＣＳＳパーサー２０２は、使用者ＣＳＳデータが使用者ＣＳＳデータベース２０６に保存される前に、変更されたＣＳＳデータをパーシングしてスタイル情報処理サーバー２００に提供する。

スタイル情報処理サーバー２００は、パーシングされたＣＳＳデータを用いて、予め設定された規則に合わせてスタイル情報が変更されたかどうかを判断した後、変更された使用者ＣＳＳデータを使用者ＣＳＳデータベース２０６に保存する。

例えば、スタイル情報処理サーバー２００は、使用者の乱用（ａｂｕｓｉｎｇ）を防止するために、予め設定された許容サイズ内にスタイルが設定されたかどうかを判断するか、許容されたイメージ形式が使用されたかどうかを判断する。

ＣＳＳパーサー２０２によって選択子のプロパティ及びプロパティ値がパーシングされてスタイル情報処理サーバー２００に提供されるので、スタイル情報処理サーバー２００は、上記のように、予め設定された規則に合わせてスタイル情報が変更されたかどうかを確認することができる。

使用者クライアント２１０は、スタイル情報処理サーバー２００から編集要請されたスタイル要素のＣＳＳデータ、及び既存の使用者によって設定された使用者ＣＳＳデータを受信し、受信された情報を用いて使用者の設定によってウェブ文書のスタイルを編集する。

このとき、使用者クライアント２１０には、使用者の設定によってスタイル情報を編集するためのプログラムモジュールが実行され、このようなプログラムモジュールは、使用者に提供されるウェブ文書にスクリプト形態で提供されるか、アクティブエックスコントロール形態で提供されるか、または、スクリプトとアクティブエックスコントロールとの結合形態で提供される。

本発明の場合、ＣＳＳデータがパラメータ別に分化されていないので、使用者クライアントにもスクリプトまたはアクティブエックスコントロールを通してＣＳＳパーサーが提供され、スタイル情報の編集時に提供されたＣＳＳパーサーを用いる。

以下、スタイル情報の編集のために使用者クライアントに設置されるプログラムのモジュールを、図３を参照して詳細に説明する。

図３は、スタイル情報の編集のために使用者クライアントに設置される本発明の一実施例に係るプログラムのモジュール構成を示したブロック図である。

図３を参照すると、使用者クライアントに設置されるプログラムは、使用者ＣＳＳデータ受信部３００、ＣＳＳデータ受信部３０２、サムネイル表示部３０４、ＣＳＳパーサー３０６、オブジェクト文書変換部３０８、変更スタイル文書生成部３１０及び変更スタイル適用部３１２を含むことができる。

使用者からスタイル情報の編集が要請されると、スタイル情報の編集のためのインターフェースが提供される。使用者によってスタイル情報編集が要請され、スタイル情報編集インターフェースが活性化される場合、使用者によって既に設定された使用者ＣＳＳデータがスタイル情報処理サーバー２００に要請され、上述したように、サーバー側のＣＳＳパーサー２０２は、使用者ＣＳＳデータをパーシングし、使用者ＣＳＳデータ受信部３００は、パーシングされた使用者ＣＳＳデータをスタイル情報処理サーバー２００から受信する。受信されたパーシングされた使用者ＣＳＳデータは、メモリ（図示せず）またはローカル保存領域（図示せず）に一時的に保存される。

一方、活性化されたスタイル編集インターフェースを通して使用者から特定スタイル要素の編集が要請されると、ＣＳＳデータ受信部３０２は、使用者によって編集要請されたスタイル要素と関連したＣＳＳデータをスタイル情報処理サーバー２００から受信する。
例えば、図９に示すようなスタイル要素を含むブログウェブ文書があり、使用者によってスタイル要素のうちブログタイトルに対する編集が要請された場合、ＣＳＳデータ受信部３０２は、ブログタイトルと関連してＣＳＳデータベース２０４に保存されたＣＳＳデータ及び各ＣＳＳデータと関連したサムネイルイメージを受信する。

サムネイル表示部３０４は、ＣＳＳデータ受信部３０２が受信したＣＳＳデータのうちサムネイルイメージを表示する機能をする。上述した例のように、使用者によってスタイル要素のうちブログタイトルに対する編集が要請された場合、サムネイル表示部３０４は、ブログタイトルと関連して受信された多様なサムネイルイメージを表示する。使用者は、サムネイル表示部３０４によって表示されるスタイルと関連したサムネイルイメージのうち一つを選択することができる。もちろん、使用者は、イメージの選択と共に、細部的なスタイルを設定することもでき、例えば、テキスト書体、色相、背景色などを追加的に選択することができる。

使用者が特定のイメージを選択し、細部的なスタイルを設定する場合、使用者クライアント２１０のＣＳＳパーサー３０６は、受信されたＣＳＳデータのうち使用者の設定と関連したＣＳＳデータに対するパーシングを行う。各サムネイルイメージとＣＳＳデータが関連しているので、ＣＳＳパーサー３０６は、使用者が選択したサムネイルイメージと関連したＣＳＳデータから選択子、プロパティ及びプロパティ値などをパーシングする。

オブジェクト文書変換部３０８は、ＣＳＳパーサー３０６によってパーシングされたＣＳＳデータを、スクリプトなどのプログラムが処理可能なオブジェクト型文書に変換する。

本発明の一実施例によると、オブジェクト文書変換部３０８は、パーシングされたＣＳＳデータを文書オブジェクトモデル（Ｄｏｃｕｍｅｎｔ Ｏｂｊｅｃｔ Ｍｏｄｅｌ：ＤＯＭ）の形態に変換することができる。オブジェクト文書変換部３０８は、パーシングされたＣＳＳデータを文書オブジェクトモデルのツリー構造または連関配列構造に変換し、これをメモリまたはローカル保存装置に保存する。

図４は、パーシングされたＣＳＳデータが本発明の一実施例に係るオブジェクト文書変換部３０８によって文書オブジェクトモデルに変換される一例を示した図である。

図４を参照すると、パーシングされたＣＳＳデータは、ツリー構造形態の文書オブジェクトモデルに変換される。具体的に、パーシングされたＣＳＳデータにおいて、選択子が最も上位ノードに位置し、各選択子の下位プロパティが選択子の下位ノードに位置し、各プロパティ値がプロパティの下位ノードに位置する。

上記のように、パーシングされたＣＳＳデータがツリー構造の文書オブジェクトモデルに変換される場合、スクリプトなどのプログラムは、パーシングされたＣＳＳデータから選択子及びプロパティ種類を把握することができ、各プロパティがどのように設定されたかを判断することができる。もちろん、上述したように、パーシングされたＣＳＳデータは、ツリー構造形態でない連関配列の構造に変換することもできる。

変更スタイル文書生成部３１０は、変換されたオブジェクト型文書を用いて使用者の新しい設定が反映されたウェブ文書を生成する。変更スタイル文書生成部３１０は、スクリプト形態で具現され、オブジェクト文書変換部３０８によって変換された文書を解析して如何なるスタイル要素が変更されたかを判断し、変更されたスタイル要素の新しいプロパティ値を判断する。

一方、変更スタイル文書生成部３１０は、受信された使用者ＣＳＳデータのうち使用者によって変更されたスタイル要素に相応するＣＳＳデータを判断する。変更スタイル文書生成部３１０は、該当ＣＳＳデータのプロパティ及びプロパティ値を、使用者が設定した値に変換する。

変更スタイル文書生成部３１０は、変更されたスタイルのウェブ文書を使用者ディスプレイ装置にディスプレイし、変更されたスタイルの適用可否を使用者に問うインターフェースボタンを提供する。

変更スタイル適用部３１２は、使用者によってインターフェースボタンを通して変更スタイル適用が要請される場合、変更スタイル文書生成部３１０で生成された変更スタイル文書のＣＳＳデータを一つのデータに統合する。変更された使用者のＣＳＳデータは、スタイル情報処理サーバー２００に伝送される。

図７は、本発明の一実施例において、使用者によってウェブ文書スタイル編集が要請される場合におけるスタイル情報処理サーバー及び使用者クライアントの動作を示したフローチャートである。

図７を参照すると、使用者によってスタイル編集が要請される場合、使用者クライアント２１０で動作するプログラムは、スタイル変更インターフェースを活性化させる（段階７００）。

図１０は、本発明の一実施例に係るスタイル変更インターフェースの一例を示した図である

図１０を参照すると、スタイル変更インターフェースは、ブログタイトル、ブログ背景、ブログメニュー、ポストタイトル、ポストボックス、及びポスト背景色を編集可能なボタンを提供し、スキン及びレイアウトを変更可能なインターフェースボタンを提供する。

使用者クライアント２１０において、スタイル変更インターフェースが活性化される場合、スタイル変更インターフェース活性化メッセージがスタイル情報処理サーバー２００に伝送される（段階７０２）。

スタイル変更インターフェース活性化メッセージがスタイル情報処理サーバー２００に伝送されると、スタイル情報処理サーバー２００は、該当のメッセージをＣＳＳパーサー２０２に提供し（段階７０４）、ＣＳＳパーサー２０２は、スタイル編集を要請した使用者のＣＳＳデータを使用者ＣＳＳデータベース２０６から抽出した後、使用者ＣＳＳデータをパーシングする（段階７０６）。

パーシングされた使用者ＣＳＳデータは、スタイル情報処理サーバー２００に提供され（段階７０８）、スタイル情報処理サーバー２００は、パーシングされた使用者ＣＳＳデータを使用者クライアント２１０に伝送する（段階７１０）。もちろん、ＣＳＳパーサー２０２がスタイル情報処理サーバー２００の内部モジュールに含まれる場合、ＣＳＳパーサー２０２とスタイル情報処理サーバー２００との間の通信手順が省略される。

使用者から活性化されたスタイル変更インターフェースを通して特定スタイル要素の編集が要請されると（段階７１２）、例えば、使用者からスタイル変更インターフェースに表示されたブログタイトル、ブログ背景、ポストタイトルなどのスタイル要素のうち何れか一つに対する編集が要請されると、編集要請されたスタイル要素を含むスタイル編集要請情報がスタイル情報処理サーバー２００に伝送される（段階７１４）。

スタイル情報処理サーバー２００は、ＣＳＳデータベース２０４から使用者によって選択されたスタイル要素のＣＳＳデータを抽出し（段階７１６）、抽出されたＣＳＳデータを使用者クライアント２１０に伝送する（段階７１８）。上述したように、編集要請されたスタイル要素のサムネイルイメージ及びこれと関連したＣＳＳデータが使用者クライアント２１０に伝送される。

図８は、本発明の一実施例において、使用者クライアントでスタイル要素に対するＣＳＳデータ及び使用者ＣＳＳデータを用いてウェブ文書スタイルを変更する過程を示したフローチャートである。

図８を参照すると、ウェブ文書のスタイル変更のために使用者クライアント２１０で動作するプログラムは、スタイル情報処理サーバー２００から受信された編集要請されたスタイル要素のサムネイルイメージをディスプレイする（段階８００）。

使用者が特定のサムネイルイメージを選択する場合、該当のサムネイルイメージと関連したＣＳＳデータに対するパーシングを行う（段階８０２）。パーシングによって、使用者が選択したサムネイルイメージと関連したＣＳＳデータの選択子、プロパティ及びプロパティ値などを抽出する。

ＣＳＳデータに対するパーシングが行われると、パーシングされたＣＳＳデータをプログラムが認識可能な形態の文書オブジェクトモデルに変換する（段階８０４）。上述したように、パーシングされたＣＳＳデータをプログラムが認識できるようにツリー構造または連関配列の形態に変換し、このためのスクリプトの一例は、次の通りである。

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 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;

上述した過程を通してスタイル情報処理サーバー２００から受信された使用者ＣＳＳデータが変更されると、変更された使用者ＣＳＳデータに基づいて、スタイルが変更されたウェブ文書をディスプレイする（段階８１０）。

ディスプレイされたウェブ文書などのスタイルを適用することを使用者が要請する場合、変更された統合使用者ＣＳＳデータを生成し、生成された統合使用者ＣＳＳデータをスタイル情報処理サーバー２００に伝送する（段階８１２）。

本発明の実施例は多様なコンピュータで具現される動作を行うためのプログラム命令を含むコンピュータで読取可能な記録媒体を含む。当該記録媒体は、上述したように本発明の実施例による方法を実行させるためのプログラム又はプロセスを記録する。この記録媒体はプログラム命令、データファイル、データ構造などを単独又は組み合わせて含むことができる。このような記録媒体の例としては、ハードディスク、フロッピー（登録商標）ディスク及び磁気テープのような磁気媒体、ＣＤおよびＤＶＤのような光記録媒体、フロプティカルディスク（ｆｌｏｐｔｉｃａｌｄｉｓｋ）と磁気-光媒体、ＲＯＭ、ＲＡＭ、フラッシュメモリなどのようなプログラム命令を保存し遂行するように構成されたハードウェア装置などがある。プログラム命令の例としては、コンパイラーにより作られるような機械語コードだけでなく、インタープリタなどを使用してコンピュータにより実行され得る高級言語コードを含む。

以上、本発明の詳細な説明では具体的な実施形態について説明したが、本発明の要旨から逸脱しない範囲内で多様に変形できる。よって、本発明の権利範囲は、上述の実施形態に限定されるものではなく、特許請求の範囲の記載及びこれと均等なものに基づいて定められるべきである。

従来のウェブ文書スタイル変更システムの構成を示したブロック図である。 本発明の一実施例に係るウェブ文書スタイル変更システムの構成を示したブロック図である。 スタイル情報編集のために使用者クライアントに設置される本発明の一実施例に係るプログラムモジュール構成を示したブロック図である。 パーシングされたＣＳＳデータが本発明の一実施例に係るオブジェクト文書変換部３０８によって文書オブジェクトモデルに変換される一例を示した図である。 本発明の一実施例に係るＣＳＳデータベースのフィールド構成を示した図である。 本発明の一実施例に係る使用者ＣＳＳデータベースのフィールド構成を示した図である。 本発明の一実施例において、使用者がウェブ文書スタイル編集を要請する場合におけるスタイル情報処理サーバー及び使用者クライアントの動作を示したフローチャートである。 本発明の一実施例において、使用者クライアントでスタイル要素に対するＣＳＳデータ及び使用者ＣＳＳデータを用いてウェブ文書スタイルを変更する過程を示したフローチャートである。 本発明におけるブログウェブ文書スタイル構造の一例を示した図である。 本発明の一実施例に係るスタイル変更インターフェースの一例を示した図である。

符号の説明

２００ スタイル情報処理サーバー
２０２ ＣＳＳパーサー
２０４ ＣＳＳ ＤＢ
２０６ 使用者ＣＳＳ ＤＢ
２１０ 使用者クライアント

Claims (17)

1. ウェブ文書のスタイル要素と関連したＣＳＳデータを維持するＣＳＳデータベースと、
   使用者のウェブ文書ＣＳＳデータを使用者別に維持する使用者ＣＳＳデータベースと、
   使用者によってウェブ文書スタイル編集が要請される場合、前記使用者ＣＳＳデータベースから該当の使用者ＣＳＳデータを抽出してパーシングするＣＳＳパーサーと、
   前記ＣＳＳパーサーによってパーシングされた使用者ＣＳＳデータ、及び使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを使用者クライアントに伝送するスタイル情報処理サーバーと、を含んでおり、
   前記スタイル情報処理サーバーは、前記使用者クライアントに伝送された使用者ＣＳＳデータが変更される場合、変更された使用者ＣＳＳデータを前記使用者クライアントから受信し、これを前記使用者ＣＳＳデータベースに保存することを特徴とするウェブ文書スタイル変更システム。
2. 前記ＣＳＳパーサーは、前記使用者クライアントから受信された前記変更された使用者ＣＳＳデータをパーシングし、これを前記スタイル情報処理サーバーに伝送し、
   前記スタイル情報処理サーバーは、前記ＣＳＳパーサーによってパーシングされた前記変更された使用者ＣＳＳデータを用いて、予め設定された規則に合わせてスタイルが設定されたかどうかを判断することを特徴とする請求項１に記載のウェブ文書スタイル変更システム。
3. 前記ＣＳＳデータベースは、前記スタイル要素に対する前記ＣＳＳデータと関連したスタイルイメージを保存することを特徴とする請求項１に記載のウェブ文書スタイル変更システム。
4. 前記使用者クライアントは、前記使用者クライアントに設置されるスクリプトを通して前記スタイル情報処理サーバーから前記ＣＳＳデータ及び使用者ＣＳＳデータを受信し、前記受信されたＣＳＳデータのうち使用者によって選択されたスタイルに相応するＣＳＳデータをパーシングし、前記スクリプトが認識可能なオブジェクトモデルに変換し、前記オブジェクトモデル情報に基づいて前記受信された使用者ＣＳＳデータを変更することを特徴とする請求項１に記載のウェブ文書スタイル変更システム。
5. 前記スクリプトは、使用者によって前記変更されたＣＳＳデータの適用が要請される場合、前記変更された使用者ＣＳＳデータを統合することを特徴とする請求項４に記載のウェブ文書スタイル変更システム。
6. スタイル情報処理サーバーとネットワークを通して連結される使用者クライアントに設置されてウェブ文書スタイル変更を実行するプログラムを記録したコンピュータ読み取り可能な記録媒体であって、
   使用者によって編集要請されたスタイル要素と関連したＣＳＳデータを受信するＣＳＳデータ受信部と、
   使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する使用者ＣＳＳデータ受信部と、
   前記ＣＳＳデータに含まれた多数のスタイル情報のうち使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングするＣＳＳパーサーと、
   前記ＣＳＳパーサーによってパーシングされたＣＳＳデータをプログラムが認識可能な形態に変換するオブジェクト文書変換部と、
   前記オブジェクト文書変換部によって変換された文書に基づいて、使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映する変更スタイル文書生成部として機能させるためのプログラムを記録したコンピュータ読み取り可能な記録媒体。
7. 前記使用者ＣＳＳデータ受信部によって受信される前記使用者ＣＳＳデータは、前記スタイル情報処理サーバーによってパーシングされて受信されることを特徴とする請求項６に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
8. 前記オブジェクト文書変換部は、前記パーシングされたＣＳＳデータを文書オブジェクトモデル（ＤＯＭ）形態に変換することを特徴とする請求項６に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
9. 前記オブジェクト文書変換部は、前記パーシングされたＣＳＳデータをツリー構造または連関配列形態の構造に変換することを特徴とする請求項６に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
10. 前記変更スタイル文書生成部は、前記オブジェクト文書変換部によって変換された文書を解析し、変更されたスタイル要素及び該当スタイル要素のスタイル情報を判断し、前記受信された使用者ＣＳＳデータのうち前記変更されたスタイル要素と関連したＣＳＳデータを変更することを特徴とする請求項６に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
11. 前記変更された使用者ＣＳＳデータを統合して前記スタイル情報処理サーバーに伝送する変更スタイル適用部をさらに含むことを特徴とする請求項１０に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
12. 前記ＣＳＳデータ受信部は、使用者によって編集要請されたスタイル要素に対する前記ＣＳＳデータ及び前記ＣＳＳデータと関連したスタイルイメージを一緒に受信し、
    前記受信されたスタイルイメージを表示し、使用者からスタイル選択情報を受信するスタイルイメージ表示部をさらに含むことを特徴とする請求項６に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
13. 前記ＣＳＳパーサーは、使用者によって選択されたスタイルイメージと関連したＣＳＳデータから選択子、プロパティ及びプロパティ値を抽出し、前記オブジェクト文書変換部は、前記選択子、プロパティ及びプロパティ値を用いて前記パーシングされたＣＳＳデータをプログラムが認識可能な形態に変換することを特徴とする請求項１２に記載のプログラムを記録したコンピュータ読み取り可能な記録媒体。
14. 使用者クライアントとネットワークを通して連結されるウェブ文書スタイル変更システムで行われるウェブ文書スタイル変更方法であって、
    使用者によってウェブ文書スタイル編集が要請される場合、使用者と関連した使用者ＣＳＳデータをパーシングして前記使用者のクライアントに伝送する段階と、
    使用者によって特定のスタイル要素に対する編集が要請される場合、前記編集要請されたスタイル要素と関連した一つ以上のスタイルイメージ及び各スタイルイメージと関連したＣＳＳデータを前記使用者クライアントに伝送する段階と、
    前記使用者クライアントから伝送される変更された使用者ＣＳＳデータを受信して保存する段階と、を含むことを特徴とするウェブ文書スタイル変更方法。
15. 前記変更された使用者ＣＳＳデータの保存段階は、
    前記変更された使用者ＣＳＳデータをパーシングする段階と、
    前記パーシングされた前記変更された使用者ＣＳＳデータを分析し、予め設定された規則に合わせてスタイルが変更されたかどうかを判断する段階と、を含むことを特徴とする請求項１４に記載のウェブ文書スタイル変更方法。
16. スタイル情報処理サーバーとネットワークを通して連結された使用者クライアントに設置されるプログラムを用いてウェブ文書のスタイルを変更する方法であって、
    使用者によって編集要請されたスタイル要素のＣＳＳデータ及び使用者のウェブ文書全体のスタイル情報を定義した使用者ＣＳＳデータを受信する段階と、
    前記受信されたＣＳＳデータに含まれた多数のスタイル情報のうち、使用者によって選択された特定のスタイルと関連したＣＳＳデータをパーシングする段階と、
    前記パーシングされたＣＳＳデータをプログラムが認識可能な形態である文書オブジェクトモデル（ＤＯＭ）形態に変換する段階と、
    前記文書オブジェクトモデルに基づいて使用者によって変更されたスタイル要素及び該当スタイル要素の変更スタイルを判断し、変更されたスタイル情報を前記受信された使用者ＣＳＳデータに反映することで、前記受信された使用者ＣＳＳデータを変更する段階と、
    前記変更された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送する段階と、を含むことを特徴とするウェブ文書スタイル変更方法。
17. 前記変更された使用者ＣＳＳデータ伝送段階以前に、
    使用者の選択によって前記変更された使用者ＣＳＳデータを統合する段階をさらに含み、
    前記変更された使用者ＣＳＳデータの伝送段階で、前記統合された使用者ＣＳＳデータを前記スタイル情報処理サーバーに伝送することを特徴とする請求項１５に記載のウェブ文書スタイル変更方法。