JP2011197840A - Ｗｅｂページ処理装置、ｗｅｂページ処理方法、およびプログラム - Google Patents

Abstract

【課題】デザイン情報と、ＷＥＢページ情報との対応関係を適切に管理することができるＷＥＢページ処理装置を提供する。
【解決手段】コンテンツ情報が配置された情報であるデザイン情報が格納されるデザイン情報格納部１０１と、デザイン情報を識別する情報であるデザイン識別情報と、デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報が格納されるＷＥＢページ管理情報格納部１０２と、デザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成部１０４と、ＷＥＢページ情報生成部１０４が生成したデザイン情報が示すＷＥＢページ情報を、デザイン情報に対応付けられるＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部１０５とを備えた。
【選択図】図１

Description

本発明は、ＷＥＢページを処理する装置等に関するものである。

従来のＷＥＢページ処理装置として、ＷＥＢページ用ドキュメントに設定されていてブラウザ画面に表示されるビューオブジェクトについて、直接スタイルだけでなく、間接スタイルも検出し、編集画面では、ビューオブジェクトが、直接スタイルおよび間接スタイルが適用されて表示されるようにしたものが知られている（例えば、特許文献１参照）。

特開２００６−１６３５３６号公報（第１頁、第１図等）

しかしながら、従来のＷＥＢページ処理装置においては、ＷＥＢページ用ドキュメントの作成に用いられるコンテンツ等の配置や外観等がデザインされた情報と、ＷＥＢサーバ等に出力されたＷＥＢページの閲覧等に用いられるＷＥＢページ用ドキュメントとの対応関係が分からなくなってしまい、デザインされた情報を変更しても、その変更内容をＷＥＢページ用ドキュメントに適切に反映させることが困難であるという課題があった。

また、従来のＷＥＢページ処理装置においては、出力されるＷＥＢページ用ドキュメント（例えば、ＷＥＢページのコンテンツが配置される情報や、ＷＥＢページのレイアウト等を示す情報等）の仕様等が、古くなってしまったり、技術的な本流でなくなってしまった場合、出力されたＷＥＢページ用ドキュメントを最新のブラウザ等で表示する際に、表示処理速度が遅くなったり、出力されたＷＥＢページ用ドキュメントがブラウザの表示アルゴリズムに最適化されなくなってしまう等の問題が生じる恐れがある。この結果、ＷＥＢ関連の技術変化に対応したＷＥＢページ用の情報を提供できないという課題があった。

また、ＷＥＢページ用ドキュメントの作成に用いられるコンテンツ等の配置を行うＷＥＢページ処理装置は、従来、ブラウザと同様のレイアウトエンジンを備えており、このレイアウトエンジンで編集中のＷＥＢページ用ドキュメントをレンダリングして編集中のＷＥＢページのプレビュー画像を表示していた。このため、ＷＥＢページ処理装置のレイアウトエンジンが、ＷＥＢページを閲覧するためのブラウザ等のレイアウトエンジンと異なると、ユーザの意図したデザイン通りのＷＥＢページが表示可能なＷＥＢページ用ドキュメントを提供できなくなるという課題があった。

本発明のＷＥＢページ処理装置は、コンテンツ情報が配置された情報であるデザイン情報が格納されるデザイン情報格納部と、デザイン情報を識別する情報であるデザイン識別情報と、デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報が格納されるＷＥＢページ管理情報格納部と、デザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成部と、ＷＥＢページ情報生成部が生成したデザイン情報が示すＷＥＢページ情報を、デザイン情報に対応付けられるＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部とを備えたＷＥＢページ処理装置である。

かかる構成により、デザイン情報を用いて生成されたＷＥＢページ情報が、ＷＥＢページ管理情報で管理されるＷＥＢページ識別情報が示すＷＥＢページ情報として出力されることとなり、デザイン情報と、ＷＥＢページ情報との対応関係を適切に管理することができる。また、例えば、デザイン情報からＷＥＢページ情報を生成するＷＥＢページ情報生成部を更新することで、ＷＥＢ関連の技術変化に対応したＷＥＢページ情報を生成することができる。

また、本発明のＷＥＢページ処理装置は、前記ＷＥＢページ処理装置において、デザイン情報に対する変更指示を受け付ける変更指示受付部と、変更指示によりデザイン情報を変更するデザイン情報変更部と、を更に備え、ＷＥＢページ情報生成部は、デザイン情報変更部により変更されたデザイン情報が示すＷＥＢページ情報を生成し、ＷＥＢページ情報出力部は、変更されたデザイン情報に対応するＷＥＢページ識別情報をＷＥＢページ管理情報から取得し、ＷＥＢページ情報生成部が生成したＷＥＢページ情報を、取得したＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ処理装置である。

かかる構成により、更新されたデザイン情報を用いて生成されたＷＥＢページ情報を適切に更新することができる。

また、本発明のＷＥＢページ処理装置は、前記ＷＥＢページ処理装置において、デザイン情報格納部に格納されているデザイン情報に対し、デザイン情報を用いて生成されるＷＥＢページ情報の名称を示す情報であるＷＥＢページ名称情報と、生成されるＷＥＢページ情報の出力先を示す情報である出力先識別情報とを受け付ける出力用情報受付部と、出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報と、ＷＥＢページ名称情報および出力先識別情報に対応するデザイン情報を識別するデザイン識別情報とを有するＷＥＢページ管理情報をＷＥＢページ管理情報格納部に蓄積するＷＥＢページ管理情報蓄積部とを更に備え、ＷＥＢページ情報生成部は、出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報に対応するデザイン情報が示すＷＥＢページ情報を生成し、ＷＥＢページ情報出力部は、生成されたＷＥＢページ情報が、出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ処理装置である。

かかる構成により、出力用情報受付部が受け付けたＷＥＢページ名称情報と、出力先識別情報とにより、ＷＥＢページ管理情報を追加するとともに、このＷＥＢページ管理情報を用いて、デザイン情報が示すＷＥＢページ情報を出力することができる。これにより、新たに出力したＷＥＢページ情報と、デザイン情報との対応関係を適切に管理することが可能となる。

また、本発明のＷＥＢページ処理装置は、前記ＷＥＢページ処理装置において、ＷＥＢページ情報生成部は、デザイン情報を用いて、ＷＥＢページの構造化された情報である構造化情報と、複数のブラウザごとに対応付けられたＷＥＢページの体裁を示す情報である複数のブラウザ別スタイル情報と、ＷＥＢページを表示するブラウザに応じたブラウザ別スタイル情報の選択を指示する情報であるスタイル選択指示情報と、を含むＷＥＢページ情報を生成するＷＥＢページ処理装置である。

かかる構成により、異なるレイアウトエンジンにおいても、同じデザインのＷＥＢページを表示させることが可能となる。

また、本発明のＷＥＢページ処理装置は、前記ＷＥＢページ処理装置において、ＷＥＢページ情報生成部は、複数のブラウザに共通して対応付けられたＷＥＢページの体裁を示す情報である共通スタイル情報と、共通スタイル情報の利用を指示する共通スタイル指示情報とを、更に含むＷＥＢページ情報を生成するＷＥＢページ処理装置である。
かかる構成により、共通スタイル情報でまとめることができるスタイル情報を、複数のブラウザ別スタイル情報から省くことができ、ＷＥＢページ情報全体のファイルサイズを軽減することができる。

本発明によるＷＥＢページ処理装置等によれば、デザイン情報と、ＷＥＢページ情報との対応関係を適切に管理することができる。

また、本発明によるＷＥＢページ処理装置等によれば、異なるレイアウトエンジンにおいても、同じデザインのＷＥＢページを表示させることが可能なＷＥＢページ情報を生成することができる。

本発明の実施の形態にかかるＷＥＢページ処理システムのブロック図 同ＷＥＢページ処理装置の動作を説明するためのフローチャート 同ＷＥＢページ処理装置の動作を説明するためのフローチャート 同ＷＥＢページ処理システムの概念図 同ＷＥＢページ処理装置の動作を説明するための、デザイン情報管理表の一例を示す図 同ＷＥＢページ処理装置の表示例を示す図 同ＷＥＢページ処理装置の動作を説明するための、ＷＥＢページ管理情報を示す図 図同ＷＥＢページ処理装置の動作を説明するための、デザイン情報と、ＷＥＢページ情報のブラウザ表示との関係を説明するための模式図 同ＷＥＢページ処理装置の動作を説明するための、デザイン情報から生成されたＨＴＭＬファイルの主要部を示す図 同ＷＥＢページ処理装置の動作を説明するための、ＨＴＭＬファイルの主要部に対応するスタイル情報（ＣＳＳファイル）の主要部を示す図 同ＷＥＢページ処理装置の動作を説明するための、スタイル情報の主要部を示す図 同ＷＥＢページ処理装置の動作を説明するための、表示例を示す図 同ＷＥＢページ処理装置の動作を説明するための、ＨＴＭＬファイル内に記述するスクリプトの一例を示す図 同ＷＥＢページ処理装置の動作を説明するための、ＷＥＢページ情報の模式図 同ＷＥＢページ処理装置の動作を説明するための、ブラウザによるＷＥＢページの表示例を示す図 同ＷＥＢページ処理装置の動作を説明するための、ブラウザによるＷＥＢページの表示例を示す図 同ＷＥＢページ処理装置の動作を説明するための、ＷＥＢページ管理情報を示す図 同ＷＥＢページ処理装置を実現するコンピュータの外観の一例を示す図 同ＷＥＢページ処理装置を実現するコンピュータの構成の一例を示す図

以下、ＷＥＢページ処理装置等の実施形態について図面を参照して説明する。なお、実施の形態において同じ符号を付した構成要素は同様の動作を行うので、再度の説明を省略する場合がある。

（実施の形態）
図１は、本実施の形態におけるＷＥＢページ処理システム１０のブロック図である。
ＷＥＢページ処理システム１０は、ＷＥＢページ処理装置１と１以上のＷＥＢサーバ装置２を備える。ここでは、例としてＷＥＢサーバ装置２が複数である場合を示しており、各ＷＥＢサーバ装置２を、ＷＥＢサーバ装置２−１〜ＷＥＢサーバ装置２−ｎ（ｎは２以上の整数）として示している。

ＷＥＢページ処理装置１は、デザイン情報格納部１０１、ＷＥＢページ管理情報格納部１０２、生成指示受付部１０３、ＷＥＢページ情報生成部１０４、ＷＥＢページ情報出力部１０５、変更指示受付部１０６、デザイン情報変更部１０７、出力用情報受付部１０８、およびＷＥＢページ管理情報蓄積部１０９を備える。

ＷＥＢサーバ装置２は、受信部２０１、蓄積部２０２、およびＷＥＢページ情報格納部２０２を備える。

ＷＥＢページ処理装置１とＷＥＢサーバ装置２とは、インターネット等のネットワークや通信回線等を介して通信可能に接続されている。

デザイン情報格納部１０１は、コンテンツ情報が配置された情報であるデザイン情報が格納される。デザイン情報は、例えば、コンテンツ情報が配置される位置や表示属性等を定義する情報を有する情報である。コンテンツが配置される位置を定義する情報とは、例えば、コンテンツ情報の位置やサイズを指定する情報である。表示属性を定義する情報とは、例えば、テキスト等のフォントやフォントサイズ、フォント色等を指定する情報である。コンテンツ情報が配置される位置や表示属性等を定義する情報を、ここではコンテンツ属性情報と呼ぶ。また、コンテンツ情報が配置されるページや画面等を定義する情報を有していてもよい。ページ等を定義する情報（以下、ページ定義情報と称す）は、例えば、ページのサイズやマージン、背景色等を指定する情報である。デザイン情報は、例えば、１以上のコンテンツ情報をページ等に割り付けた情報である。なお、デザイン情報は、一のコンテンツ情報で構成されていてもよい。デザイン情報には、コンテンツ情報がどのように配置されていても良く、コンテンツ情報が埋め込まれていても良いし、コンテンツ情報が参照（リンク）されていても良い。コンテンツ情報を参照している場合、デザイン情報は、参照先の情報（例えばリンク情報）を含んでいても良い。コンテンツ情報は、例えば、マルチメディアコンテンツ情報である。コンテンツ情報は、例えば、ＷＥＢページ上で表示可能なテキストや画像等のデータである。画像は静止画像であっても動画像であっても良い。コンテンツ画像は、ＷＥＢページに配置可能なインタラクティブなコンテンツ等であっても良い。コンテンツ情報のファイル形式やデータタイプ等は問わない。

ここで述べるデザイン情報は、例えば、ブラウザ等のレイアウトエンジンにより直接レンダリングができないデータである。例えば、デザイン情報は、ＷＥＢページの情報以外のデータである。例えば、デザイン情報は、ＨＴＭＬやＸＨＴＭＬやＸＭＬ等以外で記述されたデータである。デザイン情報は、具体的には、後述するＷＥＢページ情報以外の情報である。例えば、デザイン情報は、画像編集ソフトウェアや画像作成ソフトウェア等が作成する画像のデータであっても良い。この画像のデータは、１以上の画像等を組み合わせたものであっても良い。また、この画像のデータは、テキストデータを含んでいても良い。デザイン情報は、最終的に、この画像情報に対応するＷＥＢページにおいて、どの部分がどのように機能するかを指定する情報等を含んでいてもよい。例えば、画像情報内のどの部分がリンクボタンとなるかを指定する情報を含んでいても良い。デザイン情報は、例えば、後述するデザイン識別情報と対応付けられてデザイン情報格納部１０１に格納されている。例えば、デザイン識別情報はデザイン情報のファイル名でも良いし、デザイン情報のファイルパスであっても良い。

デザイン情報格納部１０１にデザイン情報が蓄積される過程は問わない。例えば、記録媒体を介してデザイン情報がデザイン情報格納部１０１で蓄積されてもよく、通信回線等を介して送信されたデザイン情報がデザイン情報格納部１０１で蓄積されてもよく、あるいは、入力デバイスを介して入力されたデザイン情報がデザイン情報格納部１０１に蓄積されてもよい。デザイン情報がどのような装置（図示せず）で作成されるかは問わない。例えば、図示しないＤＴＰ装置や、ワードプロセッサや、画像作成編集装置等で作成されても良いし、デザイン情報を作成する専用装置（図示せず）等で作成されても良い。例えば、これらの装置等で作成されたデザイン情報が、デザイン情報格納部１０１に蓄積される。

デザイン情報格納部１０１は、不揮発性の記録媒体が好適であるが、揮発性の記録媒体でも実現可能である。

ＷＥＢページ管理情報格納部１０２には、複数のＷＥＢページ管理情報が格納される。ＷＥＢページ管理情報は、デザイン識別情報とＷＥＢページ識別情報とを有する情報である。デザイン識別情報は、デザイン情報格納部１０１に格納されているデザイン情報を識別する情報である。例えば、デザイン情報に割り当てられた文字列や、デザイン情報のファイル名やファイルパス等である。ＷＥＢページ情報は、デザイン情報格納部１０１に格納されているデザイン情報を用いて生成されたＷＥＢページの情報である。ここでは、ＷＥＢページ情報が、後述するＷＥＢページ情報生成部１０４によりデザイン情報を用いて生成されたものである場合を例に挙げて説明する。ＷＥＢページ識別情報は、ＷＥＢページを識別する情報である。ＷＥＢページ識別情報は、例えば、ＷＥＢサーバ装置２や、格納部（図示せず）等に格納された（あるいは蓄積される）ＷＥＢページ情報を特定可能な情報である。ＷＥＢページ識別情報は、ＷＥＢページ情報を識別可能な情報であればどのような情報であってもよい。ＷＥＢページ識別情報は、例えば、ＷＥＢページ情報を構成するファイルのＵＲＬやファイルパス等である。ＷＥＢページ識別情報は、例えば、ＷＥＢページ情報の名称を示す情報であるＷＥＢページ名称情報を含む情報であってもよい。また、ＷＥＢページ識別情報は、生成されたＷＥＢページ情報の出力先を示す情報である出力先識別情報を含む情報であっても良い。また、ＷＥＢページ識別情報は、ＷＥＢページ名称情報と出力先識別情報との組合せであっても良い。ＷＥＢページ名称情報は、例えば、生成されるＷＥＢページ情報のファイル名である。出力先識別情報は、ＷＥＢページ情報が格納されるＷＥＢサーバまたは格納部を識別する情報や、これらの内部のディレクトリ等を識別する情報である。出力先識別情報は、例えばＷＥＢページ情報の出力先のアドレスを示す情報と考えても良い。出力先識別情報は、例えばドメイン名や、サイト名、ホスト名、ＩＰアドレス、ＭＡＣアドレス、ディレクトリ名、またはディレクトリパス等のうちの一つまたは２以上の組合せである。出力先は、例えば、ＷＥＢページ処理装置１の外部のＷＥＢサーバ装置２である。また、出力先は、ＷＥＢページ処理装置１内の図示しない記憶媒体等でもよい。この場合、出力は、蓄積と考えて良い。

ＷＥＢページ管理情報においては、例えば、デザイン情報と、このデザイン情報を用いて生成されたＷＥＢページ情報のＷＥＢページ識別情報とが対応付けて格納されている。デザイン情報と、ＷＥＢページ識別情報との対応関係は、一対一であっても良いし、一対ｎ（ｎは、２以上の整数）であっても良い。例えば、一のデザイン情報から、複数のＷＥＢページ情報（例えばＨＴＭＬファイルと、ＣＳＳファイルと、画像データ等）が生成されて、出力されることがあるからである。

ＷＥＢページ情報とは、ＷＥＢページの表示に用いられるデータである。例えば、ＷＥＢページ情報がブラウザ等のレイアウトエンジン（レンダリングエンジン）等でレンダリングされることで、ＷＥＢページの画像が構成され、ＷＥＢページが表示される。ＷＥＢページ情報は、例えば、構造化されたデータである構造化情報と、この構造化情報に対応したＷＥＢページの体裁を示す情報であるスタイル情報とを有するデータと考えても良い。例えば、レイアウトエンジン等においては、構造化情報をスタイル情報が示す体裁となるよう表現した出力用（例えば表示用）のデータが生成される。構造化情報とは、例えば、ＨＴＭＬデータ、ＸＨＴＭＬデータ、またはＸＭＬデータ等のマークアップ言語で記述されたデータである。具体的には、コンテンツ情報等の実体データに、データの構造を示すタグ等を付与して作成された情報である。構造化情報は、コンテンツ情報へのリンク情報を含んでいてもよい。スタイル情報とは、例えば、レイアウト情報や、スタイルシート等の情報である。スタイル情報は、例えば、構造化情報に含まれるタグの位置や、表示属性等を定義する情報である。スタイル情報は、具体的には、例えば、ＣＳＳデータやＸＳＬデータである。ＷＥＢページ情報は、具体的には、ＨＴＭＬデータとＣＳＳデータとの組み合わせや、ＸＭＬデータとＸＳＬデータとの組み合わせ等とでもよい。一の構造化情報と、これに対応するスタイル情報とを一のファイルで構成しても良い。なお、一のＷＥＢページを表示するためのＷＥＢページ情報は、一の構造化情報に対して、複数のスタイル情報を有していても良い。また、ＷＥＢページ情報は、上記のような構造化情報等にリンクされている画像データ等のコンテンツ情報も含んでもよいことはいうまでもない。なお、一のＷＥＢページが複数のデータまたはファイル等を用いて表示される場合、それぞれをＷＥＢページ情報と考えても良いし、一のＷＥＢページの表示に関連する複数のデータ等を一のＷＥＢページ情報と考えても良い。また、この場合、一のＷＥＢページ情報を構成する複数のデータ（例えばファイル）等を予め指定された一のフォルダに格納するようにしても良い。この場合、このフォルダのディレクトリパス等を、出力先識別情報と考えても良い。

レイアウトエンジンとは、ＷＥＢページの表示に用いられるデータを読み込んで、データに付けられた条件や特定のルールにしたがって、ＷＥＢページ表示用の画像データ等を作成するものである。レイアウトエンジンは通常ソフトウェアで実現されるが、ハードウェアで実現してもよい。レンダリングエンジンとしては、例えば、Ｔｒｉｄｅｎｔ，Ｇｅｃｋｏ，Ｐｒｅｓｔｏ，およびＷｅｂｋｉｔ等が知られている。

ＷＥＢページ管理情報格納部１０２にＷＥＢページ管理情報が蓄積される過程は問わない。なお、この実施の形態においては、例えば、後述するＷＥＢページ管理情報格納部１０９がＷＥＢページ管理情報を蓄積する場合を例に挙げて説明する。ＷＥＢページ管理情報格納部１０２は、不揮発性の記録媒体が好適であるが、揮発性の記録媒体でも実現可能である。

生成指示受付部１０３は、ユーザ等から、デザイン情報格納部１０１に格納されているデザイン情報を用いてＷＥＢページ情報を生成する指示である生成指示を受け付ける。生成指示は、ＷＥＢページ情報の生成対象となるデザイン情報を指定する情報を含んでもよい。なお、生成する指示を受け付けなくても、後述するＷＥＢページ情報生成部１０４が予め指定されたタイミング等でＷＥＢページ情報の生成を開始する場合等においては、この生成指示受付部１０３は省略しても良い。生成指示の入力手段は、テンキーやキーボードやマウスやメニュー画面によるもの等、何でも良い。生成指示受付部１０３は、テンキーやキーボード等の入力手段のデバイスドライバーや、メニュー画面の制御ソフトウェア等で実現され得る。

ＷＥＢページ情報生成部１０４は、デザイン情報が示すＷＥＢページ情報を生成する。ＷＥＢページ情報生成部１０４は、例えば、デザイン情報格納部１０１に格納されているデザイン情報を用いてＷＥＢページ情報を生成する。デザイン情報が示すＷＥＢページ情報とは、デザイン情報が示すデザインをＷＥＢブラウザ上等でほぼ再現可能なＷＥＢページ情報である。ほぼ再現可能とは、デザイン情報と、ＷＥＢページ情報とデザインとの差が、予め指定された許容範囲内であることを示す。例えば、デザイン情報に配置されたコンテンツ情報の位置と、ＷＥＢページ情報をレイアウトエンジン等でレンダリングして得られるＷＥＢページのコンテンツ情報が配置される位置とが、予め指定された誤差の範囲である場合、同じデザインであると判断される。

ＷＥＢページ情報生成部１０４は、例えば、ＷＥＢページ情報を生成する際に、デザイン情報に含まれるコンテンツ情報をＷＥＢページに配置されるコンテンツ情報として取得する。コンテンツ情報は、ＷＥＢページのレイアウト上の制約等に合わせて、適宜サイズを変更したり、分割したり、フォーマット等を変更する。また、デザイン情報に含まれる各コンテンツ情報に対応したコンテンツ属性情報や、ページ定義情報を読み出し、読み出した情報を用いて、これらの情報に対応したＷＥＢページ情報を生成する。ただし、ＷＥＢページ情報生成部１０４が、どのようにＷＥＢページ情報を生成するかは問わない。なお、ＷＥＢページ情報生成部１０４は、一のデザイン情報から、このデザイン情報に含まれるコンテンツ情報を実体（要素）として含む構造化情報と、各実体（要素）の配置やサイズや表示属性等を指定する１以上のスタイル情報とを生成しても良い。このとき、スタイル情報と構造化情報とは、異なるファイルとしても良いし、一のファイル等に含めるようにしても良い。また、コンテンツ情報のうちの、画像情報等は、構造化情報とリンクされた情報として作成しても良い。

なお、デザイン情報を用いて、このデザイン情報が示すＷＥＢページ情報を生成する処理（具体的には、一の構造化情報と一のスタイル情報との組合せ）は、ＨＴＭＬまたはＸＨＴＭＬ等の書き出し機能付のワードプロセッサや、画像編集装置や、ＤＴＰ装置等において公知技術であるので、ここでは、詳細な説明は省略する。

ここで、本実施の形態のＷＥＢページ情報生成部１０４が、特に、一のデザイン情報が示すＷＥＢページ情報として、一の構造化情報と、複数のブラウザ別に対応付けられた複数のスタイル情報とを生成するものである場合について説明する。

ＷＥＢページ情報生成部１０４は、具体的には、一のデザイン情報から、上述したような構造化情報と、予め指定された複数の異なるブラウザにそれぞれ対応付けられた複数のスタイル情報であるブラウザ別スタイル情報とをＷＥＢページ情報として生成する。ここでの複数の異なるブラウザとは、例えば、ブラウザの動作するプラットホーム別、ブラウザの製品別、ブラウザのバージョン別のうちの一つまたは２以上の組合せが異なるブラウザを意味する。特に、本実施の形態においては、異なるブラウザとは、表示特性の異なるブラウザを意味すると考えても良く、本実施の形態におけるブラウザ別とは、このような表示特性の異なるブラウザ別を意味すると考えても良い。なお、異なるブラウザ間の違い、特に表示特性の違いは、ブラウザがレンダリングに利用するレイアウトエンジンの違いに起因することが多いことから、異なるブラウザとは、異なるレイアウトエンジンと考えても良い。

ブラウザ別スタイル情報とは、コンテンツの位置やサイズや表示属性等を、デザイン情報に含まれるコンテンツ属性情報を用いて、表示するブラウザ別に作成したスタイル情報である。複数のブラウザ別スタイル情報とは、ブラウザ別にレンダリング結果が異なるスタイル情報と考えても良い。例えば、表示するブラウザによって、スタイル情報の解釈が異なるため、予めブラウザ毎に、スタイル情報の解釈の違いをなくすような複数のスタイル情報を作成する。そして、一のブラウザで、対応するブラウザ別スタイル情報を用いて構造化情報が示すＷＥＢページを表示した場合に、デザイン情報が示すデザインで、ＷＥＢページが表示されるようにする。ＷＥＢページ情報生成部１０４は、ブラウザ別のスタイル情報を作成するための、ブラウザ別のＷＥＢページ情報生成手段を複数備えていても良いし、ブラウザ別に用意されたスタイル情報を作成する際に用いる設定情報等を用いてブラウザ別スタイル情報をそれぞれ生成しても良い。

例えば、ブラウザＡにおいては常に、スタイル情報が指定する座標の値が、ＷＥＢページ上では、ｙ軸方向に１０ピクセル長く解釈されるというブラウザＡの特性が予め分かっていたとすると、ＷＥＢページ情報生成部１０４は、ブラウザＡ用のブラウザ別スタイル情報として、デザイン情報が示すコンテンツ情報等の位置を示す座標から、ｙの値を１０ピクセル減算した座標を有するスタイル情報を生成する。これにより、このスタイル情報を用いれば、ブラウザＡを用いてＷＥＢページを表示しても、デザイン情報通りのデザインのＷＥＢページが表示されることとなる。

このように、予め知られている各ブラウザがスタイル情報を解釈する際の特性から、特定のブラウザでＷＥＢページを表示した場合のデザインが崩れる（あるいは異なったものとなる）要因となる部分を特定し、この要因となる部分によって引き起こされるデザインの崩れ等が解消あるいは緩和されるようなスタイル情報が、この特定のブラウザ用のスタイル情報として書き出せるように、ＷＥＢページ情報書き出しのためのルールや設定情報をブラウザ別に用意したり、このような書き出しを行うことができるＷＥＢページ情報生成手段をブラウザ別に複数用意しておく。そして、これらのルールや設定条件や、ＷＥＢページ情報生成手段をそれぞれ用いて、ＷＥＢページ情報生成部１０４が、各ブラウザ別のスタイル情報を生成する。

なお、ブラウザ別スタイル情報とブラウザとの対応関係は、一対一であっても一対ｎであっても良い（ｎは２以上の整数）。例えば、ｎ個のブラウザでスタイル情報の解釈が同じである場合（例えば、利用しているレイアウトエンジンが同じである場合など）、これらのｎ個のブラウザに対して、共通する一のブラウザ別スタイル情報を生成するようにしても良い。

ＷＥＢページ情報生成部１０４は、さらに、ＷＥＢページ情報として、ＷＥＢページを表示するブラウザに応じたブラウザ別スタイル情報の選択を指示する情報であるスタイル選択指示情報を生成する。スタイル選択指示情報とは、例えば、ＷＥＢページを表示するブラウザが、どのブラウザであるかを検出させる処理をブラウザに実行させる指示と、検出したブラウザに対応したブラウザ別スタイル情報を選択させ、この選択したブラウザ別スタイル情報と構造化情報とを用いてＷＥＢページを表示させる指示とを含む情報である。例えば、スタイル選択指示情報は、このような処理をブラウザに対して指示するための、ブラウザが実行可能なスクリプト等である。このようなスタイル選択指示情報を、ＷＥＢページを表示する際にブラウザが読み込んで、ブラウザが、この指示に応じてブラウザに応じたブラウザ別スタイル情報を読み出してＷＥＢページを表示することで、表示するブラウザが異なっても、デザイン情報が示すデザイン通りのＷＥＢページを表示することが可能となる。ＷＥＢページ情報生成部１０４は、このスタイル選択指示情報を、構造化情報の一部として生成しても良いし、構造化情報等で参照可能な外部の情報（ファイル）として生成しても良い。

従来からあるＷＥＢページ書き出し機能を有する装置等は、一のデザイン情報から、構造化情報と、標準的なスタイル情報としか書き出すことができない。例えば、一のデザイン情報からは、ＨＴＭＬファイルと、標準的なＣＳＳファイルしか書き出さない。標準的なスタイル情報は、例えば、Ｗ３Ｃ（Ｗｏｒｌｄ Ｗｉｄｅ Ｗｅｂ Ｃｏｎｓｏｒｔｉｕｍ）等の標準化団体等で提案されているルールに則ったスタイル情報である。しかしながら、ブラウザやレイアウトエンジンが異なるとスタイル情報の解釈に異なる点があり、一の構造化情報と一の標準的なスタイル情報との組合せを用いてブラウザでＷＥＢページを表示させたとしても、この組合せを読み出すブラウザ（あるいはレイアウトエンジン）が異なると、表示されるＷＥＢページのデザインは、デザイン情報が示すデザインと異なるものとなる場合がある。従って、従来の装置で生成したＷＥＢページ情報では、デザイン情報が示すデザイン通りのＷＥＢページを複数の異なるブラウザで表示させることが困難であった。

これに対し、本願においては、ＷＥＢページ情報生成部１０４を用いて、様々なブラウザでデザイン情報が示すデザイン通りのＷＥＢページが得られるようなスタイル情報を、ブラウザ別に生成し、ＷＥＢページを表示するブラウザに対応したスタイル情報を自動で選択させて使用して、構造化情報をレンダリングした画像情報を表示させることにより、ブラウザが異なっても、デザイン情報が示すデザイン通りのＷＥＢページを表示させることができる。また、ＷＥＢページのブラウザ間の表示の違いも緩和できる。

なお、ＷＥＢページ情報生成部１０４は、複数のブラウザに共通して対応付けられたＷＥＢページの体裁を示す情報である共通スタイル情報と、共通スタイル情報の利用を指示する共通スタイル指示情報とを、更に含むＷＥＢページ情報を生成するようにしても良い。共通スタイル情報とは、例えば、複数のブラウザにおいてそれぞれＷＥＢページを表示した場合に、デザイン情報が示すデザインとの違いが生じない部分のスタイル情報である。つまり、ブラウザ間で、レンダリング結果が同じとなるスタイル情報である。また、共通スタイル指示情報は、ブラウザが、ＷＥＢページを表示する際に構造化情報のレンダリングに使用するスタイル情報として、共通スタイル情報を指定する情報である。例えば、共通スタイル指示情報は、共通スタイル情報のファイルのリンク先を示すリンク情報である。

ＷＥＢページ情報生成部１０４は、どのように共通スタイル情報を生成しても良い。例えば、予め、デザイン情報からスタイル情報を取得する際に、予め指定されたスタイル情報の要素については、共通スタイル情報として取得するようにしても良い。スタイル情報の要素とは、例えば、ＷＥＢページに表示される要素の一の属性を指定する情報である。予め指定されたスタイル情報の要素とは、ブラウザが異なってもほぼ共通する外観等が提供できることが分かっているスタイル情報の要素である。例えばＣＳＳファイル等におけるフォントの色属性等を共通スタイル情報として取得してもよい。

また、ＷＥＢページ情報生成部１０４は、ブラウザ別に出力した複数のスタイル情報（例えば、スタイル情報のファイル）間で、共通するスタイル情報の要素を検出し、検出された共通するスタイル情報の要素を、共通スタイル情報として取得してファイル等に蓄積しても良い。

また、ＷＥＢページ情報生成部１０４は、ブラウザ別のスタイル情報の要素をデザイン情報から生成するごとに、既に生成されたブラウザ別のスタイル情報内に、同じ要素のスタイル情報が存在するか否かを判断し、全てのブラウザに対応したスタイル情報に、同じ要素が存在した場合、このスタイル情報は、共通スタイル情報として取得するようにしても良い。

なお、ブラウザ別のスタイル情報から取り出した共通スタイル情報の要素は、取得後、ブラウザ別スタイル情報から削除する。

なお、ＷＥＢページ情報生成部１０４は、ブラウザ別スタイル情報と、共通スタイル情報との両方を、ＷＥＢページ情報として生成しても良い。

ＷＥＢページ情報生成部１０４は、例えば、生成指示受付部１０３が受け付けた生成指示が示すデザイン情報が示すＷＥＢページ情報を生成する。また、ＷＥＢページ情報生成部１０４は、後述するデザイン情報変更部１０７により変更されたデザイン情報が示すＷＥＢページ情報を生成してもよい。

ＷＥＢページ情報生成部１０４が、デザイン情報からＷＥＢページ情報を生成するタイミングやトリガー等は問わない。例えば、生成指示受付部１０３が生成指示を受け付けた場合に、ＷＥＢページ情報を生成しても良い。また、デザイン情報変更部１０７によりデザイン情報が変更された場合に、ＷＥＢページ情報を生成しても良い。

また、ＷＥＢページ情報生成部１０４は、後述する出力用情報受付部１０８が受け付けたＷＥＢページ名称情報および出力先識別情報の受け付け対象となったデザイン情報が示すＷＥＢページ情報を生成してもよい。例えば、後述する出力用情報受付部１０８が、デザイン情報に対してＷＥＢページ名称情報および出力先識別情報を受け付けた場合に、ＷＥＢページ情報を生成しても良い。

ＷＥＢページ情報生成部１０４は、通常、ＭＰＵやメモリ等から実現され得る。ＷＥＢページ情報生成部１０４の処理手順は、通常、ソフトウェアで実現され、当該ソフトウェアはＲＯＭ等の記録媒体に記録されている。但し、ハードウェア（専用回路）で実現しても良い。

ＷＥＢページ情報出力部１０５は、ＷＥＢページ情報生成部１０４が生成したデザイン情報が示すＷＥＢページ情報を、デザイン情報に対応付けられるＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力する。ＷＥＢページ情報出力部１０５は、例えば、ＷＥＢページ情報生成部１０４が一のデザイン情報について生成したＷＥＢページ情報を、この一のデザイン情報のデザイン識別情報を含むＷＥＢページ管理情報に含まれるＷＥＢページ識別情報が示すＷＥＢページ情報となるように出力する。具体的には、ＷＥＢページ情報出力部１０５は、ＷＥＢページ情報生成部１０４がＷＥＢページ情報の生成に利用したデザイン情報のデザイン識別情報をデザイン情報格納部１０１や生成指示受付部１０３等から取得する。そして、このデザイン識別情報と対応付けられたＷＥＢページ識別情報を、ＷＥＢページ管理情報格納部１０２から検索により取得する。

なお、ＷＥＢページ情報生成部１０４が、後述する出力用情報受付部１０８によるＷＥＢページ名称情報および出力先識別情報の受け付けに応じてＷＥＢページ情報を生成した場合、上記のようにしてＷＥＢページ識別情報を取得しても良いが、ＷＥＢページ情報出力部１０５は、出力用情報受付部１０８が受け付けたＷＥＢページ名称情報および出力先識別情報をＷＥＢページ識別情報として取得してもよい。

また、ＷＥＢページ情報出力部１０５は、後述するデザイン情報変更部１０７で変更されたデザイン情報に対応するＷＥＢページ識別情報をＷＥＢページ管理情報から取得し、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報を、取得したＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力してもよい。

ＷＥＢページ情報出力部１０５が、ＷＥＢページ情報をデザイン情報に対応付けられるＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するということは、例えば、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報を、ＷＥＢページ識別情報が示すＷＥＢページ情報として出力することである。例えば、ＷＥＢページ識別情報が、ＷＥＢページ名称情報を含む場合、ＷＥＢページ情報出力部１０５は、当該ＷＥＢページ名称情報とＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報とを出力する。具体例として、ＷＥＢページ情報出力部１０５は、ＷＥＢページ名称情報が示す名称をファイル名として含むＷＥＢページ情報を出力する。例えば、一のデザイン情報について作成される異なるファイル形式のＷＥＢページ情報については、ＷＥＢページ名称情報が示す名称をファイル名として、拡張子等を異なるものとしてもよい。また、一のデザイン情報について作成されるブラウザ別のスタイル情報については、例えば、ファイル名を、ＷＥＢページ名称情報が示す名称と、予め指定されたルールに沿った数字等とを組み合わせたものとしてもよい。なお、ブラウザでＷＥＢページを表示する際に、ＵＲＬ等により読み出し対象として指定されるＷＥＢページ情報（例えば構造化情報）だけに、ＷＥＢページ名称情報が示す名称を含むファイル名を付与しても良い。また、ＷＥＢページ識別情報が、出力先識別情報を含む場合、この出力先識別情報が示す出力先にＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報を出力する。例えば、出力先識別情報が、ＷＥＢサーバ装置１２の出力先識別情報（例えたアドレス情報）等である場合、ＷＥＢページ情報出力部１０５は、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報と、出力先識別情報とを送信（蓄積）する。この出力先識別情報は出力先を示す情報となる。また、出力先識別情報が、ＷＥＢページ処理装置１内の図示しない格納部の出力先識別情報（例えば、内部のディレクトリパス）等である場合、この出力先識別情報が指定する格納部に、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報を出力（蓄積）する。

ここで述べる出力とは、外部の装置への送信、記録媒体への蓄積、他の処理装置や他のプログラム等への処理結果の引渡し等を含む概念である。

ＷＥＢページ情報出力部１０５は、通信手段等の出力デバイスを含むと考えても含まないと考えても良い。ＷＥＢページ情報出力部１０５は、出力デバイスのドライバーソフトまたは、出力デバイスのドライバーソフトと出力デバイス等で実現され得る。

変更指示受付部１０６は、デザイン情報格納部１０１に格納されているデザイン情報に対する変更指示を受け付ける。ここでの変更指示は、例えば、デザインを変更する指示である。例えば、コンテンツ属性情報や、ページ定義情報等を変更する指示である。変更指示は、コンテンツ情報を追加や削除等の指示を含んでいてもよい。ＷＥＢページを生成する際に適用される設定を変更する指示であっても良い。変更指示受付部１０６は、変更対象となるデザイン情報を指定する情報を含んでも良い。

変更指示の入力手段は、テンキーやキーボードやマウスやメニュー画面によるもの等、何でも良い。変更指示受付部１０６は、テンキーやキーボード等の入力手段のデバイスドライバーや、メニュー画面の制御ソフトウェア等で実現され得る。

デザイン情報変更部１０７は、変更指示によりデザイン情報を変更する。例えば、変更指示に応じて、デザイン情報を変更する。具体的には、変更指示により指定されたデザイン情報を変更する。例えば、変更指示によりデザイン変更の対象に指定されたデザイン情報をデザイン情報格納部１０１から読み出し、読み出したデザイン情報を変更指示に合わせて変更し、変更後のデザイン情報を、デザイン情報格納部１０１に蓄積（上書き）して更新する。

デザイン情報変更部１０７は、通常、ＭＰＵやメモリ等から実現され得る。デザイン情報変更部１０７の処理手順は、通常、ソフトウェアで実現され、当該ソフトウェアはＲＯＭ等の記録媒体に記録されている。但し、ハードウェア（専用回路）で実現しても良い。

出力用情報受付部１０８は、デザイン情報格納部１０１に格納されているデザイン情報に対し、デザイン情報を用いて生成されるＷＥＢページ情報の名称を示す情報であるＷＥＢページ名称情報と、生成されるＷＥＢページ情報の出力先を示す情報である出力先識別情報とを受け付ける。例えば、出力用情報受付部１０８は、ＷＥＢページ名称情報と、出力先識別情報とがまだＷＥＢページ管理情報で管理されていないデザイン情報について、これらの情報の入力を受け付ける。あるいは、ＷＥＢページ管理情報で管理されているこれらの情報を変更したいデザイン情報について、これらの情報を受け付けても良い。出力用情報受付部１０８は、ＷＥＢページ名称情報と、出力先識別情報とを対応付けの対象とするデザイン情報を示すためのデザイン識別情報を受け付けても良い。ＷＥＢページ名称情報と、出力先識別情報とを、ここでは出力用情報と呼ぶ。

入力手段は、テンキーやキーボードやマウスやメニュー画面によるもの等、何でも良い。出力用情報受付部１０８は、テンキーやキーボード等の入力手段のデバイスドライバーや、メニュー画面の制御ソフトウェア等で実現され得る。

ＷＥＢページ管理情報蓄積部１０９は、出力用情報受付部１０８が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報と、このＷＥＢページ名称情報および出力先識別情報に対応するデザイン情報を識別するデザイン識別情報とを有するＷＥＢページ管理情報をＷＥＢページ管理情報格納部１０２に蓄積する。ＷＥＢページ名称情報および出力先識別情報に対応するデザイン情報とは、出力用情報受付部１０８が受け付けたＷＥＢページ名称情報および出力先識別情報の受け付けの対象となるデザイン情報である。既に、デザイン識別情報が同じで、ＷＥＢページ識別情報が異なるＷＥＢページ管理情報がＷＥＢページ管理情報格納部１０２に格納されていた場合、格納されているＷＥＢページ管理情報を、出力用情報受付部１０８が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報で更新（例えば上書き）してもよい。

ＷＥＢページ管理情報蓄積部１０９は、通常、ＭＰＵやメモリ等から実現され得る。ＷＥＢページ管理情報蓄積部１０９の処理手順は、通常、ソフトウェアで実現され、当該ソフトウェアはＲＯＭ等の記録媒体に記録されている。但し、ハードウェア（専用回路）で実現しても良い。

ＷＥＢサーバ装置２は、例えば、ＷＥＢページ情報を提供するサーバ装置である。ＷＥＢページ情報を格納しており、クライアント装置等で実行されるブラウザからの要求に応じてＷＥＢページ情報を送信する。なお、このようなＷＥＢページ情報を提供するための構成等については、公知技術であるので、ここでは説明を省略する。

受信部２０１は、ＷＥＢページ処理装置１から、ネットワーク等を介して送信されるＷＥＢページ情報を受信する。また、受信部２０１は、ＷＥＢページ情報とともに送信されてくるＷＥＢページ名称情報や、出力先識別情報を受信してもよい。受信部２０１は、通常、無線または有線の通信手段で実現されるが、放送を受信する手段で実現されても良い。

蓄積部２０２は、受信部２０１が受信したＷＥＢページ情報を後述するＷＥＢページ情報格納部２０３に蓄積する。例えば、ＷＥＢページ情報とともに送信されてくるＷＥＢページ名称情報と対応付けて、出力先識別情報が示すディレクトリ等にＷＥＢページ情報を蓄積する。

蓄積部２０２は、通常、ＭＰＵやメモリ等から実現され得る。蓄積部２０２の処理手順は、通常、ソフトウェアで実現され、当該ソフトウェアはＲＯＭ等の記録媒体に記録されている。但し、ハードウェア（専用回路）で実現しても良い。

ＷＥＢページ情報格納部２０２には、ＷＥＢページ情報が蓄積される。ＷＥＢページ情報は、例えば、ＷＥＢページ名称情報と対応付けて、出力先識別情報が示すディレクトリ等に格納される。このＷＥＢページ情報格納部２０２には、例えば、上述したようなブラウザ別の複数のスタイル情報と、構造化情報と、スタイル選択指示情報とを含むＷＥＢページ情報が格納される。例えば、構造化情報のＷＥＢページをブラウザで表示する際に、構造化情報に対応付けられたスタイル選択指示情報に従って、現在の構造化情報を表示するブラウザの種類を検出し、その種類に応じたスタイル情報を選択的に使用して、構造化情報をレンダリングした画像情報を表示することにより、表示するブラウザがどのブラウザであっても、ＷＥＢページのデザインを示すデザイン情報に忠実なＷＥＢページを表示することができる。ＷＥＢページ情報格納部２０２は、不揮発性の記録媒体が好適であるが、揮発性の記録媒体でも実現可能である。

図２は、本実施の形態のＷＥＢページ処理装置１の動作を説明するためのフローチャートである。以下、ＷＥＢページ処理装置１の動作について図２のフローチャートを用いて説明する。なお、ここでは、ＷＥＢページ識別情報が、ＷＥＢページ名称情報であるファイルの名称と、ＷＥＢページ情報の出力先識別情報であるアドレス情報（具体的には、ホストアドレスを含むディレクトリパス）とで構成されている場合を例に挙げて説明する。

（ステップＳ２０１）生成指示受付部１０３は、生成指示を受け付けたか否かを判断する。受け付けた場合、ステップＳ２０２に進み、受け付けていない場合、ステップＳ２０８に進む。

（ステップＳ２０２）ＷＥＢページ情報生成部１０４は、カウンターｎに１を代入する。

（ステップＳ２０３）ＷＥＢページ情報生成部１０４は、ＷＥＢページ管理情報格納部１０２に、ｎ番目のＷＥＢページ管理情報が格納されているか否かを判断する。格納されている場合、ステップＳ２０４に進み、格納されていない場合、ステップＳ２０１に戻る。

（ステップＳ２０４）ＷＥＢページ情報生成部１０４は、ＷＥＢページ情報を生成する。なお、この処理の詳細については、後述する。

（ステップＳ２０５）ＷＥＢページ情報出力部１０５は、ｎ番目のＷＥＢページ管理情報からＷＥＢページ識別情報を取得する。

（ステップＳ２０６）ＷＥＢページ情報出力部１０５は、ステップＳ２０５で生成した構造化情報、スタイル選択指示情報、および複数のスタイル情報等を含むＷＥＢページ情報を、ステップＳ２０５で取得したＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力する。ここでは、例として、ＷＥＢページ情報出力部１０５は、ｎ番目のＷＥＢページ管理情報からＷＥＢページ識別情報を取得し、このＷＥＢページ識別情報が含むアドレス情報を送信先として、ステップＳ２０５で生成したＷＥＢページ情報を送信する。なお、ステップＳ２０４等において、構造化情報等にファイル名が付与されていない、あるいはデフォルトの名称しか付与されていない場合には、ＷＥＢページ情報出力部１０５は、構造化情報等にＷＥＢページ識別情報に含まれるＷＥＢページ名称情報を含むファイル名等を付与しても良い。

（ステップＳ２０７）ＷＥＢページ情報生成部１０４は、カウンターｎの値を１インクリメントする。そして、ステップＳ２０１に戻る。

（ステップＳ２０８）変更指示受付部１０６は、一のデザイン情報に対する変更指示を受け付けたか否かを判断する。受け付けた場合、ステップＳ２０９に進み、受け付けていない場合、ステップＳ２１５に進む。

（ステップＳ２０９）デザイン情報変更部１０７は、ステップＳ２０８において受け付けた変更指示が示すデザイン情報を、デザイン情報格納部１０１から読み出し、変更指示に従ってデザイン情報を変更する。

（ステップＳ２１０）デザイン情報変更部１０７は、変更したデザイン情報で、デザイン情報格納部１０１に格納されているデザイン情報を更新する。例えば、変更されたデザイン情報で、変更前のデザイン情報を上書き保存する。

（ステップＳ２１１）ＷＥＢページ情報生成部１０４は、変更されたデザイン情報のデザイン識別情報（例えばファイル名等）を取得し、このデザイン識別情報を含むＷＥＢページ管理情報が、ＷＥＢページ管理情報格納部１０１に格納されているか否かを判断する。格納されている場合、ステップＳ２１２に進み、格納されていない場合、ステップＳ２０１に戻る。

（ステップＳ２１２）ＷＥＢページ情報生成部１０４は、変更されたデザイン情報についてＷＥＢページ情報を生成する。この処理は、ステップＳ２０４の処理と同様である。

（ステップＳ２１３）ＷＥＢページ情報出力部１０５は、ステップＳ２１１で格納されていると判断されたＷＥＢページ管理情報から、ＷＥＢページ識別情報を取得する。

（ステップＳ２１４）ＷＥＢページ情報出力部１０５は、生成したＷＥＢページ情報を出力する。例えば、ＷＥＢページ情報出力部１０５は、ステップＳ２１２（ステップＳ２１７）で生成した構造化情報、スタイル選択指示情報、および複数のスタイル情報等を含むＷＥＢページ情報を、ステップＳ２１３で取得したＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力する。ここでは、例として、ＷＥＢページ識別情報が示すアドレス情報を送信先として、ステップＳ２１３で生成したＷＥＢページ情報等を送信する。なお、ＷＥＢページ情報出力部１０５は、構造化情報等にＷＥＢページ識別情報に含まれるＷＥＢページ名称情報を含むファイル名等を付与しても良い。そして、ステップＳ２０１に戻る。

（ステップＳ２１５）出力用情報受付部１０８は、デザイン情報格納部１０１に格納されている一のデザイン情報に対し、出力用情報を受け付けたか否かを判断する。ここで受け付ける出力用情報は、例として、ＷＥＢページ名称情報であるファイルの名称と、出力先識別情報であるアドレス情報との組みであるとする。受け付けた場合、ステップＳ２１６に進み、受け付けていない場合、ステップＳ２０１に戻る。

（ステップＳ２１６）ＷＥＢページ管理情報格納部１０９は、ステップＳ２１５で出力用情報を受け付けたデザイン情報のデザイン識別情報と、ステップＳ２１５で受け付けたＷＥＢページ名称情報および出力先識別情報で構成されるＷＥＢページ識別情報と、を含むＷＥＢページ管理情報をＷＥＢページ管理情報格納部１０２に蓄積する。具体的には、ＷＥＢページ管理情報を追記する。

（ステップＳ２１７）ＷＥＢページ情報生成部１０４は、ステップＳ２１６で蓄積されたＷＥＢページ管理情報に含まれるデザイン識別情報が示すデザイン情報についてＷＥＢページ情報を生成する。この処理は、ステップＳ２０４の処理と同様である。

（ステップＳ２１８）ＷＥＢページ情報出力部１０５は、ステップＳ２１６で蓄積されたＷＥＢページ管理情報から、ＷＥＢページ識別情報を取得する。そして、ステップＳ２１４に進む。

なお、図２のフローチャートにおいて、電源オフや処理終了の割り込みにより処理は終了する。

図３は、ＷＥＢページ処理装置１によるＷＥＢページ情報を生成する処理を説明するためのフローチャートである。以下、ＷＥＢページ情報を生成する処理の詳細について、図３のフローチャートを用いて説明する。なお、この処理は、図２のステップＳ２０４、ステップＳ２１２およびステップＳ２１７の処理に相当するものである。また、ここでは、ＷＥＢページ情報生成部１０４が、ｐ（ｐは２以上の整数）個のブラウザ別スタイル情報を生成することが予め指定されている場合を例に挙げて説明する。

（ステップＳ３０１）ＷＥＢページ情報生成部１０４は、ｎ番目のＷＥＢページ管理情報のデザイン識別情報が示すデザイン情報（あるいは、更新されたデザイン情報、または蓄積されたＷＥＢページ管理情報のデザイン識別情報が示すデザイン情報）を用いて、構造化情報を生成する。生成した構造化情報には、例えば、デザイン情報に対応するＷＥＢページ識別情報に含まれるＷＥＢページ名称情報（具体的にはファイルの名称）を含むファイル名を付与してもよいし、デフォルト等で用意されたファイル名を付与しても良い。生成されたＷＥＢページ情報は、メモリ等の記憶媒体に一時記憶する。

（ステップＳ３０２）ＷＥＢページ情報生成部１０４は、カウンターｋに１を代入する。

（ステップＳ３０３）ＷＥＢページ情報生成部１０４は、ｋ番目のブラウザ別スタイル情報を生成する。ｋ番目のブラウザ別スタイル情報は、ｋ番目のブラウザに最適化されたスタイル情報と考えても良い。ＷＥＢページ情報生成部１０４は、例えば、ｋ番目のブラウザ別スタイル情報を生成するための設定情報を読み出して、この設定情報を参照してブラウザ別スタイル情報を生成しても良い。また、ＷＥＢページ情報生成部１０４は、ｋ番目のブラウザ別スタイル情報を生成するための図示しないＷＥＢページ情報生成手段でｋ番目のブラウザ別スタイル情報を生成しても良い。生成したブラウザ別スタイル情報には、デフォルトで指定されたファイル名等を付与しても良いし、デザイン情報に対応したＷＥＢページ識別情報に含まれるＷＥＢページ名称情報を含むファイル名を付与してもよい。デフォルトで指定されたファイル名は、例えば、ブラウザ別スタイル情報が対応するブラウザ別のファイル名である。デフォルトで指定されたファイル名等を付与する場合には、異なるＷＥＢページ用に生成されるスタイル情報は、異なるディレクトリ等に最終的に出力される必要がある。また、スタイル情報に、ＷＥＢページ名称情報を含むファイル名を付与する場合には、異なるブラウザ用のスタイル情報のファイル名が異なるものとなるよう、例えば、ブラウザ別に用意された文字列等をＷＥＢページ名称情報に追加すること等が好ましい。そして、作成したスタイル情報を、図示しないメモリ等の記憶媒体に一時記憶する。

（ステップＳ３０４）ＷＥＢページ情報生成部１０４は、カウンターｋの値を１インクリメントする。

（ステップＳ３０５）ＷＥＢページ情報生成部１０４は、カウンターｋの値が、ｐ以上であるか否かを判断する。ｐは、上述したように、ＷＥＢページ情報生成部１０４が生成するブラウザ別スタイル情報の数である。ｐ以上である場合、ステップＳ３０６に進み、ｐ以上でない場合、ステップＳ３０３に戻る。

（ステップＳ３０６）ＷＥＢページ情報生成部１０４は、デザイン情報を用いて共通スタイル情報を生成する。

（ステップＳ３０７）ＷＥＢページ情報生成部１０４は、ステップＳ３０３で取得したブラウザ別スタイル情報を、ブラウザ別に選択するためのスタイル選択指示情報とを生成する。スタイル選択指示情報は、例えば、ブラウザを判別するための情報と、判別したブラウザに応じてステップＳ３０３で取得したブラウザ別スタイル情報を選択する指示を示す情報とで構成される。このスタイル選択指示情報は、例えば、ＷＥＢページを閲覧するブラウザ等で実行される情報である。そして、ＷＥＢページ情報生成部１０４は、生成したスタイル選択指示情報を構造化情報と対応付けてメモリ等の記憶媒体に一時記憶する。この対応付けは、例えば、スタイル選択指示情報を構造化情報内に埋め込むことであってもよいし、構造化情報にリンクさせることであっても良い。

（ステップＳ３０８）ＷＥＢページ情報生成部１０４は、ステップＳ３０６で生成した共通スタイル情報を指定する共通スタイル指定情報を生成する。共通スタイル指定情報は、ＷＥＢページの表示に利用される共通スタイル情報を示す情報と考えても良い。そして、ＷＥＢページ情報生成部１０４は、生成した共通スタイル指定情報を構造化情報と対応付けてメモリ等の記憶媒体に一時記憶する。この対応付けは、例えば、共通スタイル指定情報を構造化情報内に埋め込むことであってもよいし、構造化情報にリンクさせることであっても良い。そして、上位の処理にリターンする。

次に、ＷＥＢサーバ装置２の動作について、簡単に説明する。ＷＥＢサーバ装置２の受信部２０１は、ＷＥＢページ情報とＷＥＢページ識別情報とを受信したか否かの判断を繰り返し、受信した場合に、蓄積部２０２は、ＷＥＢページ情報を、ＷＥＢページ識別情報が示すＷＥＢページ情報となるようにＷＥＢページ情報格納部２０３に蓄積する。例えば、ＷＥＢページ識別情報が出力先識別情報を含む場合、この出力先識別情報が示すディレクトリ等にＷＥＢページ情報を蓄積する。

なお、ＷＥＢサーバ装置２は、図示しない受付部等が受け付けた外部からのＷＥＢページ情報の要求に応じて、ＷＥＢページ情報を図示しない送信部等から送信する。この処理は、通常のＷＥＢサーバ装置２の動作と同様である。

以下、本実施の形態におけるＷＥＢページ処理システム１０の具体的な動作について説明する。ＷＥＢページ処理システム１０の概念図は図４である。

図５は、デザイン情報格納部１０１に格納されているデザイン情報を管理するデザイン情報管理表の一例を示す図である。デザイン情報管理表は、「デザイン識別情報」と、「デザイン情報」という項目を有している。「デザイン識別情報」は、デザイン識別情報である。「デザイン情報」は、デザイン情報であり、ここでは、例えば、ＤＴＰ等の画像等のコンテンツ情報をレイアウト可能な装置を利用して作成されたデータであるとする。このデザイン情報には、説明の便宜上、配置されたコンテンツ情報が埋め込まれて配置されているものとする。また、各コンテンツ情報や、その領域等には、リンク先等を示す情報がユーザ等により指定されているものとする。

図６は、「デザイン識別情報」が「ｔｏｐ ｐａｇｅ」であるデザイン情報の表示例を示す。この表示例は、デザイン情報を作成する装置による表示例であるとする。このページには、「ＴＯＰ ＰＡＧＥ」というタイトルの文字列６０等が配置されている。

図７は、ＷＥＢページ管理情報格納部１０９に格納されているＷＥＢページ管理情報を示す図である。ＷＥＢページ管理情報は、「デザイン識別情報」と、「ＷＥＢページ識別情報」という項目を有する。「ＷＥＢページ識別情報」は、「アドレス情報」と「ファイル名」という項目を有している。「デザイン識別情報」は、デザイン識別情報であり、図５の「デザイン識別情報」に相当する。「アドレス情報」は、ＷＥＢページ情報の出力先識別情報であり、ＷＥＢページが格納されるＷＥＢサーバ装置２のホスト名を含むディレクトリパスである。「ファイル名」は、ＷＥＢページ名称情報であり、ＷＥＢページ情報のファイルの名称である。

まず、ユーザが、マウスやキーボード等を操作して、デザイン情報に対応するＷＥＢページ情報を生成して出力する指示をＷＥＢページ処理装置１に与えたとする。

ＷＥＢページ情報生成部１０４は、まず、図７に示したＷＥＢページ管理情報のうちの上からのＷＥＢページ管理情報の「デザイン識別情報」が示すデザイン情報をデザイン情報格納部１０１から検索により読み出す。具体的には、デザイン識別情報が「ｔｏｐ ｐａｇｅ」であるデザイン情報をデザイン情報格納部１０１から読み出す。そして、読み出したデザイン情報を用いて、構造化情報であるＨＴＭＬファイルを作成する。レイアウトされたコンテンツ情報等からＨＴＭＬファイル等を書き出す技術等は公知技術であるので、ここでは説明を省略する。

次に、ＷＥＢページ情報生成部１０４は、スタイル情報（ここではＣＳＳファイル）を生成する。

図８は、デザイン情報と、ＷＥＢページ情報のブラウザ表示との関係を説明するための模式図である。図８においては、デザイン情報８０を利用してＷＥＢページ情報生成部１０４が、ブラウザの識別情報が「ＩＥＥ」であるブラウザ（以下、ブラウザ「ＩＥＥ」と称す）用に生成したブラウザ別スタイル情報を含むＷＥＢページ情報を、ブラウザ「ＩＥＥ」８１と、ブラウザの識別情報が「ＦＦＮ」であるブラウザ（以下、ブラウザ「ＦＦＮ」と称す）８２とでそれぞれ表示した場合の表示例を示している。

図９は、図８に示したデザイン情報８０から生成された構造化情報であるＨＴＭＬファイルの主要部であり、デザイン情報８０上のオブジェクト９１に相当する部分のＨＴＭＬのソースを示している。

また、図１０は、ＷＥＢページ情報生成部１０４により生成された図９に示すようなＨＴＭＬファイルの主要部に対応する、ブラウザ「ＩＥＥ」用のスタイル情報（ＣＳＳファイル）の主要部である。

図８〜図１０に示すように、デザイン情報からブラウザ「ＩＥＥ」８１用に書き出したブラウザ別スタイル情報を用いた場合、ブラウザ「ＩＥＥ」８１では、デザイン情報とほぼ同じレイアウトの表示画像が得られるのに対し、ブラウザ「ＦＦＮ」８２では、デザイン情報と異なるレイアウトの表示画像となってしまう。

このため、ＷＥＢページ情報生成部１０４は、例えば、デザイン情報８０を利用して、ブラウザ「ＦＦＮ」８２用として、新たに以下のようなブラウザ別スタイル情報（ＣＳＳファイル）を生成する。

図１１は、ＷＥＢページ情報生成部１０４により、ブラウザ「ＦＦＮ」８２用に生成したブラウザ別スタイル情報の主要部である。

また、図１２は、ブラウザ「ＦＦＮ」８２用に生成したスタイル情報を用いて、図９に示すＨＴＭＬファイルを表示した場合の表示例を示す図である。図１２に示すように、ブラウザ「ＦＦＮ」８２において、デザイン情報８０と同様のデザインのＷＥＢページが表示される。

このように、ブラウザ別のスタイル情報の解釈等の特性を予め考慮して、各ブラウザにおいてデザイン情報と同じデザインのＷＥＢページが表示されるようなブラウザ別のスタイル情報を生成し、それぞれのブラウザでＷＥＢページを表示する際に、各ブラウザ用に生成されたスタイル情報を用いるようにすることで、ブラウザ間のスタイル情報の解釈の違いによる表示の違いを緩和できるとともに、ブラウザを問わず常に同じレイアウトのＷＥＢページを表示させることが可能となる。

このため、ＷＥＢページ情報生成部１０４は、ブラウザ別のスタイル情報（ここではＣＳＳファイル）を生成する。具体的には、ＷＥＢページ情報生成部１０４は、予め指定された複数のブラウザにおいて、それぞれ、デザイン情報に近いＷＥＢページが表示されるように、ブラウザ別スタイル情報の生成を順番に行う。なお、ここでのブラウザは、レイアウトエンジンと考えても良い。ＷＥＢページ情報生成部１０４は、ここでは例として、ブラウザの識別情報が「ＩＥＥ」、「ＳＦＲ」、「ＦＦＮ」である三種類のブラウザ向けのブラウザ別スタイル情報（具体的には、ブラウザ別のＣＳＳファイル）を生成するものとする。それぞれのブラウザについて生成したＣＳＳファイルのファイル名を、ここでは、「ＩＥＥ．ｃｓｓ」、「ＳＦＲ．ｃｓｓ」、「ＦＦＮ．ｃｓｓ」とする。このファイル名は、後述するスタイル選択指示情報により、ブラウザの判別結果に応じたスタイル情報を選択可能なファイル名に設定する。

また、ＷＥＢページ情報生成部１０４は、各ブラウザ間において、表示が異ならない特性を一つのファイル等にまとめることで、各ブラウザ間で共通に利用する共通スタイル情報を一つ作成する。作成した共通スタイル情報のファイル名は、ここでは「ｃｏｍｍｏｎ．ｃｓｓ」とする。

ここで、ブラウザ別スタイル情報や共通スタイル情報（具体的にはＣＳＳファイル）を生成する際、ＷＥＢページ情報生成部１０４は、自動的にＷＥＢページ情報に用いられるスタイル情報の要素をチェックし、値が同じである共通する特性を有する複数の要素があった場合、これらをまとめてグループ化して、複数の要素に対して共通する一の特性と値との組合せを割り当てられるようにしても良い。例えば、ＣＳＳファイルにおいて、各要素についての、特性とその値との組みを検索キーとして、この組みが一致する他の要素を検索し、一致するものが有った場合、その要素と特性および値を、検索キーとして用いた要素と特性および値に併合していくことで、ＣＳＳファイルの要素をまとめていくことができる。なお、ＣＳＳファイルにおいて各要素と特性およびその値は「要素｛特性：値｝」であるとする。具体的には、ｈ１｛ｃｏｌｏｒ：＃６６６６６６｝は、ｈ１タグという要素の色特性の値が＃６６６６６６であることを示している。そして、例えば、ＷＥＢページ情報生成部１０４が生成する一のＣＳＳファイルに、ｈ１｛ｃｏｌｏｒ：＃６６６６６６｝、ｈ２｛ｃｏｌｏｒ：＃６６６６６６｝、ｈ３｛ｃｏｌｏｒ：＃６６６６６６｝という特性と値との組みが一致する三つの要素が検出された場合、これらはまとめられて、ｈ１，ｈ２，ｈ３｛ｃｏｌｏｒ：＃６６６６６６｝に変更される。このようにすることで、ここの要素に対して、一の特性と値との組みをそれぞれ個別に割り当てる場合に比べて、文字量を削減でき、スタイル情報のファイルサイズを大幅に削減することが可能となる。

なお、テキストデータや画像データ等から標準的な一の構造化情報（ＨＴＭＬファイル）と、一の（スタイル情報）ＣＳＳファイルとの組みを生成する処理や構成等は公知技術である。このため、このような処理や構成を用いて、例えばブラウザ別にＣＳＳファイル書き出すために予め用意された複数の設定をそれぞれ用いてＣＳＳファイルを書き出すことで、ブラウザ別のＣＳＳファイルを書き出すことが実現可能である。あるいは、ＣＳＳファイル書き出しのための処理や構成を、ブラウザ別に複数用意し、それぞれの処理内容や構成等を、ブラウザ別のＣＳＳファイルが書き出せるよう設定しておくようにしても良い。なお、テキストデータを含む画像データからＨＴＭＬファイルとＣＳＳファイルとの組みを書き出すための技術は、「"ＡＤＯＢＥ ＰＨＯＴＯＳＨＯＰ ＣＳ４ ユーザガイド"、［ｏｎｌｉｎｅ］、アドビシステムズ株式会社、［平成２２年３月９日検索］、インターネット＜ｈｔｔｐ：／／ｈｅｌｐ．ａｄｏｂｅ．ｃｏｍ／ｊａ＿ＪＰ／Ｐｈｏｔｏｓｈｏｐ／１１．０／ｐｈｏｔｏｓｈｏｐ＿ｃｓ４＿ｈｅｌｐ．ｐｄｆ＞（特に５４７ページ３３行目等）」などに記載されている。

ＷＥＢページ情報生成部１０４は、ブラウザ別スタイル情報（ＣＳＳファイル）の生成後、ブラウザ別スタイル情報を、ＨＴＭＬファイルの閲覧に用いられるブラウザに応じて選択するためのスタイル選択指示情報を取得し、構造化情報のＨＴＭＬファイル内に配置する。スタイル選択指示情報は、ここでは、スクリプトで構成される。具体的には、ブラウザの種類を判別するスクリプトと、ブラウザに対応したスタイル情報を選択するための文字列をブラウザが読み出したｈｔｍｌファイル内に記述するスクリプトとで構成される。このスタイル選択指示情報は、図示しない記憶媒体等に予め格納されているようにしても良いし、ブラウザ別スタイル情報の生成後に生成するようにしても良い。例えば構造化情報のテンプレート等に予め配置しておくようにしても良い。ブラウザの種類とは、具体的には、ブラウザの対応するＯＳやブラウザの製品の種類やブラウザのバージョン等の組合せ、あるいはこれらの一部を意味する。このスタイル選択指示情報は、例えば構造化情報であるＨＴＭＬファイルファイルのヘッダ部分に記述される。なお、スタイル選択指示情報を外部のファイルとして用意し、ＨＴＭＬファイルからこのファイルを参照するようにしても良い。

図１３は、ブラウザ別のＣＳＳファイルを選択するための文字列をＨＴＭＬファイル内に記述するスクリプトの一例を示す図である。ブラウザ別のＣＳＳファイルを選択するための文字列とは、例えば、ＷＥＢページ情報生成部１０４により生成されたブラウザ別の外部のＣＳＳファイルを参照するためのリンクタグである。ここでは、ｊａｖａｓｃｒｉｐｔ（登録商標）を用いて構成したスタイル選択指示情報の例を示している。このスクリプトにおいては、例えば、図示しないブラウザを判別するスクリプトの実行結果により出力されるブラウザの種類を示す識別情報（ｔｙｐｅ）に、拡張子「．ｃｓｓ」を付加したＣＳＳファイルを選択するリンクタグが、ＨＴＭＬファイル内に記述されることとなる。なお、ここでは、ブラウザを判別するスクリプトで判別されて出力されるブラウザの識別情報（ｔｙｐｅ）は、「ＩＥＥ」、「ＳＦＲ」、「ＦＦＮ」の三種類であるとし、この値のいずれかがブラウザの種類を判別するスクリプトの結果として、図１３に示したスクリプトに代入されるものとする。例えば、ブラウザの種類（ｔｙｐｅ）を示す値として「ＩＥＥ」が図１３の関数に代入されたとすると、スクリプトを実行した結果として「＜ｌｉｎｋ ｒｅｌ＝"ｓｔｙｌｅｓｈｅｅｔ" ｈｒｅｆ＝"ＩＥＥ．ｃｓｓ"＞」というリンクタグが、ブラウザが読み出しているＨＴＭＬファイル内に記述されることとなる。

なお、ブラウザの種類の判別を行うスクリプトは、例えば、ｊａｖａｓｃｒｉｐｔ（登録商標）のｎａｖｉｇａｔｏｒオブジェクトのｕｓｅｒＡｇｅｎｔ、ａｐｐＮａｍｅ、またはａｐｐＶｅｒｓｉｏｎの値から判断可能である。このようなスクリプトは公知技術であるので、ここでは説明を省略する。また、ここでは、ブラウザを判別するようにしたが、レイアウトエンジンを判別するようにしても良い。

また、共通スタイルシートの利用を指示する共通スタイル指示情報として、共通スタイル情報を参照するためのリンクタグ、例えば「＜ｌｉｎｋ ｒｅｌ＝"ｓｔｙｌｅｓｈｅｅｔ" ｈｒｅｆ＝"ｃｏｍｍｏｎ．ｃｓｓ"＞」を取得し、「ｉｎｄｅｘ．ｈｔｍｌ」ファイル内のヘッダ部分に配置する。なお、この共通スタイル指示情報は、図示しない記憶媒体等に予め蓄積しておくようにしても良いし、適宜生成するようにしても良い。なお、このような記憶媒体等から共通スタイル指示情報を読み出して取得することも、ここでは生成と考える。

次に、ＷＥＢページ情報出力部１０５は、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報を、１番目のＷＥＢページ管理情報のＷＥＢページ識別情報が示すＷＥＢページ情報となるように出力する。具体的には、図７に示した１番目のＷＥＢページ管理情報の「ファイル名」である「ｉｎｄｅｘ」に、ＨＴＭＬファイルの拡張子である「．ｈｔｍｌ」を付加した「ｉｎｄｅｘ．ｈｔｍｌ」を、ＷＥＢページ情報生成部１０４が生成したＨＴＭＬファイルのファイル名として付与する。そして、ＷＥＢページ情報生成部１０４が生成したＷＥＢページ情報と、１番目のＷＥＢページ管理情報の「アドレス情報」（即ち、出力先識別情報）である「ｆｔｐ：／／ｗｗｗ．ａｂｃ…／ｓｉｔｅｓ／ｈｏｍｅ／」とをネットワーク等を介して送信する。「アドレス情報」は、例えば、送信される情報のヘッダ等に付与される。この「アドレス情報」は、例えば、ＷＥＢサーバ装置２−１内のディレクトリを指定するアドレス情報であったとする。

図１４は、ＷＥＢページ情報生成部１０４が生成し、ＷＥＢページ情報出力部１０５が出力するＷＥＢページ情報を示す模式図である。

ＷＥＢサーバ装置２−１の受信部２０１は、ＷＥＢページ情報出力部１０５が送信するＷＥＢページ情報と、「アドレス情報」とを受信し、受信したＷＥＢページ情報を蓄積部２０２が、ＷＥＢページ情報格納部２０３に蓄積する。なお、既に、同じファイル名のＷＥＢページ情報が格納されている場合、上書き等により更新してもよい。

ＷＥＢページ情報生成部１０４は、図７に示したＷＥＢページ管理情報の２番目以降の全てのＷＥＢページ管理情報について同様の処理を繰り返す。これにより、ＷＥＢページ管理情報により管理されているデザイン情報が示すＷＥＢページ情報が、ＷＥＢページ管理情報が管理するＷＥＢページ識別情報が示すＷＥＢページ情報としてＷＥＢサーバ装置２に送信される。そして、各ＷＥＢサーバ装置２でＷＥＢページ情報が蓄積される。この結果、ＷＥＢページ管理情報で管理されているデザイン情報から生成されたＷＥＢページは、ＷＥＢページ管理情報に変更がない限り、ＷＥＢページ管理情報で管理されているＷＥＢページ識別情報が示すＷＥＢページ情報として出力されることになる。

ここで、例えば、ユーザがコンピュータ等で実行されているＷＥＢページを閲覧するためにブラウザに、ＷＥＢサーバ装置２−１に格納されている構造化情報である上述した「ｉｎｄｅｘ．ｈｔｍｌ」を識別するＵＲＬ等を入力したとする。なお、このブラウザは、上述したブラウザ「ＩＥＥ」であったとする。ブラウザは、この入力に応じて、「ｉｎｄｅｘ．ｈｔｍｌ」を要求する情報をＷＥＢサーバ装置２−１に送信する。

ＷＥＢサーバ装置２−１は、ブラウザから送信される「ｉｎｄｅｘ．ｈｔｍｌ」を要求する情報を受け付け、まず、この構造化情報「ｉｎｄｅｘ．ｈｔｍｌ」をＷＥＢページ情報格納部２０３から読み出し、ブラウザに送信する。

ブラウザは、ＷＥＢサーバ装置２−１から送信される「ｉｎｄｅｘ．ｈｔｍｌ」を受信し、この「ｉｎｄｅｘ．ｈｔｍｌ」を解釈実行する。ここで、「ｉｎｄｅｘ．ｈｔｍｌ」には、上記のようなブラウザの種類を判別するスクリプトが配置されているため、まず、ブラウザがこのスクリプトを実行することで、ブラウザの識別情報が取得される。ここでは、「ＩＥＥ」が取得される。また、「ｉｎｄｅｘ．ｈｔｍｌ」には、ブラウザに対応したスタイル情報を選択するための文字列をブラウザが読み出したｈｔｍｌファイル内に記述するスクリプトが配置されているため、ブラウザはこのスクリプトを実行して、取得されたブラウザ識別情報「ＩＥＥ」に対応したスタイル情報として、「ＩＥＥ．ｃｓｓ」を選択するリンクタグ「＜ｌｉｎｋ ｒｅｌ＝"ｓｔｙｌｅｓｈｅｅｔ" ｈｒｅｆ＝"ＩＥＥ．ｃｓｓ"＞」を、メモリ等に読み出した「ｉｎｄｅｘ．ｈｔｍｌ」のソースに記述する。そして、ブラウザがこのリンクタグを解釈実行して、ＷＥＢサーバ装置２−１に、ＣＳＳファイルである「ＩＥＥ．ｃｓｓ」を要求する情報を出力する。

ＷＥＢサーバ装置２−１は、ブラウザから送信される「ＩＥＥ．ｃｓｓ」を要求する情報を受け付け、まず、このスタイル情報「ＩＥＥ．ｃｓｓ」をブラウザに送信する。

ブラウザは、この「ＩＥＥ．ｃｓｓ」を受信し、このＣＳＳファイルを用いて、「ｉｎｄｅｘ．ｈｔｍｌ」が示すＷＥＢページの画像を生成する。このとき、適宜、「ｉｎｄｅｘ．ｈｔｍｌ」にリンクしている画像等のコンテンツ情報もＷＥＢサーバ装置２−１から読み出され、配置される。

これにより、ブラウザ「ＩＥＥ」に適合したＷＥＢページがブラウザ「ＩＥＥ」上に表示される。

図１５は、ブラウザ「ＩＥＥ」による「ｉｎｄｅｘ．ｈｔｍｌ」のＷＥＢページの表示例を示す図である。

ここで、変更指示受付部１０６が、デザイン識別情報が「ｔｏｐ ｐａｇｅ」であるデザイン情報に対する変更指示を受け付けたとする。例えば、図６に示した「ｔｏｐ ｐａｇｅ」のデザイン情報において、タイトルの文字列６０を「ＴＯＰ ＰＡＧＥ」から、「ＷＥＬＣＯＭＥ」に変更する指示を受け付けたとする。

デザイン情報変更部１０７は、変更指示に応じて、メモリ等に読み出したデザイン情報に配置されているコンテンツ情報の一つであるタイトルの文字列６０を「ＴＯＰ ＰＡＧＥ」から、「ＷＥＬＣＯＭＥ」に変更する。そして、変更したデザイン情報で、デザイン情報を上書き保存する。

次に、ＷＥＢページ情報生成部１０４は、この上書き保存をトリガーとして、この変更されたデザイン情報について、上記と同様に、ＷＥＢページ情報を生成する。なお、上書き保存をトリガーとせずに、ユーザがＷＥＢページ情報を更新する指示をＷＥＢページ処理装置１に与えた場合に、変更されたデザイン情報についてＷＥＢページ情報を生成しても良い。そして、ＷＥＢページ情報出力部１０５が、このデザイン情報に対応するＷＥＢページ管理情報が示すＷＥＢページ識別情報となるよう、生成したＷＥＢページ情報を送信する。具体的には、生成したＷＥＢページ情報と「ｆｔｐ：／／ｗｗｗ．ａｂｃ…／ｓｉｔｅｓ／ｈｏｍｅ／」とを送信する。これにより、ユーザがＷＥＢページ情報の出力先等を指定することなく、デザインが更新されたデザイン情報が示すＷＥＢページ情報が更新されることとなる。

図１６は、更新された「ｉｎｄｅｘ．ｈｔｍｌ」が示すＷＥＢページの、ブラウザ「ＩＥＥ」による表示例を示す図である。

また、出力用情報受付部１０８が、デザイン情報格納部１０１に格納されているデザイン情報のうちの、ＷＥＢページ管理情報で管理されていないデザイン情報について、出力用情報を受け付けたとする。例えば、デザイン識別情報が「ｎｅｗｓ ｒｅｌｅａｓｅ」であるデザイン情報が新たにデザイン情報格納部１０１に蓄積されたとし、このデザイン情報について、出力用情報受付部１０８が、出力用情報であるアドレス情報「ｆｔｐ：／／ｗｗｗ．ａｂｃ…／ｓｉｔｅｓ／ｎｅｗｓ／」と、ファイル名「ｎｅｗｓ」とを受け付けたとする。

ＷＥＢページ管理情報蓄積部１０９は、このデザイン情報のデザイン識別情報「ｎｅｗｓ ｒｅｌｅａｓｅ」と、出力用情報受付部１０８が受け付けたアドレス情報「ｆｔｐ：／／ｗｗｗ．ａｂｃ…／ｓｉｔｅｓ／ｎｅｗｓ／」と、ファイル名「ｎｅｗｓ」とを有するＷＥＢページ管理情報を、図７に示したＷＥＢページ管理情報に新たに追加する。

図１７は、デザイン識別情報「ｎｅｗｓ ｒｅｌｅａｓｅ」に対応したＷＥＢページ管理情報が追加されたＷＥＢページ管理情報を示す図である。

次に、ＷＥＢページ情報生成部１０４は、このＷＥＢページ管理情報の追加をトリガーとして、この追加されたＷＥＢページ管理情報に含まれるデザイン識別情報が示すデザイン情報について、上記と同様に、ＷＥＢページ情報を生成する。なお、ＷＥＢページ管理情報の追加をトリガーとせずに、ユーザがＷＥＢページ情報を更新する指示をＷＥＢページ処理装置１に与えた場合に、追加されたＷＥＢページ管理情報に対応するデザイン情報についてＷＥＢページ情報を生成しても良い。そして、ＷＥＢページ情報出力部１０５が、このデザイン情報に対応するＷＥＢページ管理情報が示すＷＥＢページ識別情報となるよう、生成したＷＥＢページ情報を送信する。

このようにして、ＷＥＢページ管理情報が適宜追加され、追加されたＷＥＢページ管理情報に応じてＷＥＢページ情報が生成されて、出力される。

なお、ここでは、ＷＥＢページ管理情報を追加する場合について説明したが、既に、出力用情報受付部１０８が出力用情報を受け付けたデザイン情報のデザイン識別情報を有するＷＥＢページ管理情報がＷＥＢページ管理情報格納部１０２に格納されている場合、このＷＥＢページ管理情報のＷＥＢページ識別情報を、出力用情報受付部１０８が受け付けた出力用情報の内容で更新するようにしても良い。

以上、本実施の形態によれば、ＷＥＢページ管理情報を用いて、デザイン識別情報と、このデザイン識別情報が示すデザイン情報で生成されるＷＥＢページを示すＷＥＢページ識別情報とが対応付けて管理されているようにしたことにより、デザイン情報と、このデザイン情報に応じて作成したＷＥＢページ情報との対応関係を容易に管理することが可能となる。これにより、例えば、デザイン情報を用いてＷＥＢページ情報を生成して所望の出力先に出力するＷＥＢページ制作の一連の処理を適切に管理することが可能となる。また、デザイン情報を変更した場合にも、このデザイン情報の変更を、ＷＥＢページに適切に反映させることが可能となる。

また、本実施の形態によれば、ブラウザ毎（レイアウトエンジン毎）のブラウザ別スタイル情報と、このスタイル情報をレイアウトエンジンに応じて選択させるためのスタイル選択指示情報とを含むＷＥＢページ情報を出力するようにしたことにより、異なるレイアウトエンジンにおいても、同じデザインのＷＥＢページを表示させることが可能とすることができる。

また、本実施の形態においては、デザイン情報を、ＨＴＭＬファイル等のＷＥＢページ情報とは別の情報として単独で管理するようにしている。そして、このデザイン情報を用いて、ＷＥＢページ情報生成部１０４でＷＥＢページ情報を生成し、出力している。このため、従来のように、ＷＥＢページ情報をレイアウトエンジンでレンダリングして、ＷＥＢページ情報をそのまま直に操作してデザインを行っていた場合とは異なり、ＷＥＢページのレイアウト情報等の仕様や、構造化情報の仕様等が変化した場合においても、ＷＥＢページ情報生成部１０４のＷＥＢページ情報を生成するための構成やアルゴリズム等を変更することで、デザイン情報を変更することなく、常に、現在のＷＥＢページの仕様に適合したデザイン情報通りのＷＥＢページを出力することができる。

また、本実施の形態においては、デザイン情報を用いて、ＷＥＢページ以外の出力用のデータ、例えば、デザイン情報全体の画像データや、電子文書用のフォーマットのファイル等を生成して、生成したデータを出力するようにしても良い。この場合、例えば、出力用のデータを生成するための出力用データ生成部およびそのデータを出力する出力部等を備えるようにしても良い。

なお、上記具体例においては、ＷＥＢページ情報を、ＷＥＢサーバ装置２に送信する場合を例に挙げて説明したが、ＷＥＢページ情報を、ＷＥＢページ処理装置１内の図示しない格納部等に蓄積するようにしてもよい。

なお、上記各実施の形態において、各処理（各機能）は、単一の装置（システム）によって集中処理されることによって実現されてもよく、あるいは、複数の装置によって分散処理されることによって実現されてもよい。

また、上記各実施の形態において、一の装置に存在する２以上の通信手段（情報送信部など）は、物理的に一の媒体で実現されても良いことは言うまでもない。

また、上記実施の形態において、各構成要素が実行する処理に関係する情報、例えば、各構成要素が受け付けたり、取得したり、選択したり、生成したり、送信したり、受信したりする情報や、各構成要素が処理で用いるしきい値や数式、アドレス等の情報等は、上記説明で明記していない場合であっても、図示しない記録媒体において、一時的に、あるいは長期にわたって保持されていてもよい。また、その図示しない記録媒体への情報の蓄積を、各構成要素、あるいは、図示しない蓄積部が行ってもよい。また、その図示しない記録媒体からの情報の読み出しを、各構成要素、あるいは、図示しない読み出し部が行ってもよい。

また、上記各実施の形態では、ＷＥＢページ処理装置がスタンドアロンである場合について説明したが、ＷＥＢページ処理装置は、スタンドアロンの装置であってもよく、サーバ・クライアントシステムにおけるサーバ装置であってもよい。後者の場合には、出力部や受付部は、通信回線を介して入力を受け付けたり、画面を出力したりすることになる。

また、上記各実施の形態において、各構成要素は専用のハードウェアにより構成されてもよく、あるいは、ソフトウェアにより実現可能な構成要素については、プログラムを実行することによって実現されてもよい。例えば、ハードディスクや半導体メモリ等の記録媒体に記録されたソフトウェア・プログラムをＣＰＵ等のプログラム実行部が読み出して実行することによって、各構成要素が実現され得る。

なお、上記各実施の形態におけるＷＥＢページ処理装置を実現するソフトウェアは、以下のようなプログラムである。つまり、このプログラムは、コンピュータを、デザイン情報格納部に格納されているコンテンツ情報が配置された情報であるデザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成部と、ＷＥＢページ情報生成部が生成したデザイン情報が示すＷＥＢページ情報を、ＷＥＢページ管理情報格納部に格納されている、デザイン情報を識別する情報であるデザイン識別情報と、デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報によって、デザイン情報に対応付けられるＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部として機能させるためのプログラムである。

なお、上記プログラムにおいて、上記プログラムが実現する機能には、ハードウェアでしか実現できない機能は含まれない。例えば、情報を取得する取得部や、情報を出力する出力部などにおけるモデムやインターフェースカードなどのハードウェアでしか実現できない機能は、上記プログラムが実現する機能には含まれない。

また、このプログラムを実行するコンピュータは、単数であってもよく、複数であってもよい。すなわち、集中処理を行ってもよく、あるいは分散処理を行ってもよい。

図１８は、上記プログラムを実行して、上記実施の形態によるＷＥＢページ処理装置を実現するコンピュータの外観の一例を示す模式図である。上記実施の形態は、コンピュータハードウェア及びその上で実行されるコンピュータプログラムによって実現されうる。

図１８において、コンピュータシステム９００は、ＣＤ−ＲＯＭ（Ｃｏｍｐａｃｔ Ｄｉｓｋ Ｒｅａｄ Ｏｎｌｙ Ｍｅｍｏｒｙ）ドライブ９０５、ＦＤ（Ｆｌｏｐｐｙ（登録商標） Ｄｉｓｋ）ドライブ９０６を含むコンピュータ９０１と、キーボード９０２と、マウス９０３と、モニタ９０４とを備える。

図１９は、コンピュータシステム９００の内部構成を示す図である。図１９において、コンピュータ９０１は、ＣＤ−ＲＯＭドライブ９０５、ＦＤドライブ９０６に加えて、ＭＰＵ（Ｍｉｃｒｏ Ｐｒｏｃｅｓｓｉｎｇ Ｕｎｉｔ）９１１と、ブートアッププログラム等のプログラムを記憶するためのＲＯＭ９１２と、ＭＰＵ９１１に接続され、アプリケーションプログラムの命令を一時的に記憶すると共に、一時記憶空間を提供するＲＡＭ（Ｒａｎｄｏｍ Ａｃｃｅｓｓ Ｍｅｍｏｒｙ）９１３と、アプリケーションプログラム、システムプログラム、及びデータを記憶するハードディスク９１４と、ＭＰＵ９１１、ＲＯＭ９１２等を相互に接続するバス９１５とを備える。なお、コンピュータ９０１は、ＬＡＮへの接続を提供する図示しないネットワークカードを含んでいてもよい。

コンピュータシステム９００に、上記実施の形態によるＷＥＢページ処理装置等の機能を実行させるプログラムは、ＣＤ−ＲＯＭ９２１、またはＦＤ９２２に記憶されて、ＣＤ−ＲＯＭドライブ９０５、またはＦＤドライブ９０６に挿入され、ハードディスク９１４に転送されてもよい。これに代えて、そのプログラムは、図示しないネットワークを介してコンピュータ９０１に送信され、ハードディスク９１４に記憶されてもよい。プログラムは実行の際にＲＡＭ９１３にロードされる。なお、プログラムは、ＣＤ−ＲＯＭ９２１やＦＤ９２２、またはネットワークから直接、ロードされてもよい。

プログラムは、コンピュータ９０１に、上記実施の形態によるＷＥＢページ処理装置の機能を実行させるオペレーティングシステム（ＯＳ）、またはサードパーティプログラム等を必ずしも含んでいなくてもよい。プログラムは、制御された態様で適切な機能（モジュール）を呼び出し、所望の結果が得られるようにする命令の部分のみを含んでいてもよい。コンピュータシステム９００がどのように動作するのかについては周知であり、詳細な説明は省略する。
本発明は、以上の実施の形態に限定されることなく、種々の変更が可能であり、それらも本発明の範囲内に包含されるものであることは言うまでもない。

以上のように、本発明にかかるＷＥＢページ処理装置等は、ＷＥＢページを出力する装置等として適しており、特に、デザイン情報が示すＷＥＢページ情報を生成して出力する装置等として有用である。

１ ＷＥＢページ処理装置
２ ＷＥＢサーバ装置
１０ ＷＥＢページ処理システム
１０１ デザイン情報格納部
１０２ ＷＥＢページ管理情報格納部
１０３ 生成指示受付部
１０４ ＷＥＢページ情報生成部
１０５ ＷＥＢページ情報出力部
１０６ 変更指示受付部
１０７ デザイン情報変更部
１０８ 出力用情報受付部
１０９ ＷＥＢページ管理情報格納部
２０１ 受信部
２０２ 蓄積部
２０３ ＷＥＢページ情報格納部

Claims (7)

1. コンテンツ情報が配置された情報であるデザイン情報が格納されるデザイン情報格納部と、
   前記デザイン情報を識別する情報であるデザイン識別情報と、当該デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報が格納されるＷＥＢページ管理情報格納部と、
   前記デザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成部と、
   前記ＷＥＢページ情報生成部が生成した前記デザイン情報が示すＷＥＢページ情報を、当該デザイン情報に対応付けられる前記ＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部とを備えたＷＥＢページ処理装置。
2. 前記デザイン情報に対する変更指示を受け付ける変更指示受付部と、
   前記変更指示により前記デザイン情報を変更するデザイン情報変更部と、を更に備え、
   前記ＷＥＢページ情報生成部は、前記デザイン情報変更部により変更されたデザイン情報が示すＷＥＢページ情報を生成し、
   前記ＷＥＢページ情報出力部は、前記変更されたデザイン情報に対応するＷＥＢページ識別情報を前記ＷＥＢページ管理情報から取得し、前記ＷＥＢページ情報生成部が生成したＷＥＢページ情報を、当該取得したＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力する請求項１記載のＷＥＢページ処理装置。
3. 前記デザイン情報格納部に格納されているデザイン情報に対し、当該デザイン情報を用いて生成されるＷＥＢページ情報の名称を示す情報であるＷＥＢページ名称情報と、生成されるＷＥＢページ情報の出力先を示す情報である出力先識別情報とを受け付ける出力用情報受付部と、
   前記出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報と、当該ＷＥＢページ名称情報および出力先識別情報に対応する前記デザイン情報を識別するデザイン識別情報とを有するＷＥＢページ管理情報を前記ＷＥＢページ管理情報格納部に蓄積するＷＥＢページ管理情報蓄積部とを更に備え、
   前記ＷＥＢページ情報生成部は、前記出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報に対応するデザイン情報が示すＷＥＢページ情報を生成し、
   前記ＷＥＢページ情報出力部は、当該生成されたＷＥＢページ情報が、前記出力用情報受付部が受け付けたＷＥＢページ名称情報および出力先識別情報を含むＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力する請求項１または請求項２記載のＷＥＢページ処理装置。
4. 前記ＷＥＢページ情報生成部は、
   前記デザイン情報を用いて、ＷＥＢページの構造化された情報である構造化情報と、複数のブラウザごとに対応付けられたＷＥＢページの体裁を示す情報である複数のブラウザ別スタイル情報と、ＷＥＢページを表示するブラウザに応じた前記ブラウザ別スタイル情報の選択を指示する情報であるスタイル選択指示情報と、を含むＷＥＢページ情報を生成する請求項１から請求項３いずれか記載のＷＥＢページ処理装置。
5. 前記ＷＥＢページ情報生成部は、
   複数のブラウザに共通して対応付けられたＷＥＢページの体裁を示す情報である共通スタイル情報と、当該共通スタイル情報の利用を指示する共通スタイル指示情報とを、更に含むＷＥＢページ情報を生成する請求項４記載のＷＥＢページ処理装置。
6. コンテンツ情報が配置された情報であるデザイン情報が格納されるデザイン情報格納部と、前記デザイン情報を識別する情報であるデザイン識別情報と、当該デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報が格納されるＷＥＢページ管理情報格納部と、ＷＥＢページ情報生成部と、ＷＥＢページ情報出力部とを用いて行われるＷＥＢページ処理方法であって、
   前記ＷＥＢページ情報生成部が、前記デザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成ステップと、
   前記ＷＥＢページ情報出力部が、前記ＷＥＢページ情報生成ステップで生成した前記デザイン情報が示すＷＥＢページ情報を、当該デザイン情報に対応付けられる前記ＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部とを備えたＷＥＢページ処理方法。
7. コンピュータを、
   デザイン情報格納部に格納されているコンテンツ情報が配置された情報であるデザイン情報が示すＷＥＢページ情報を生成するＷＥＢページ情報生成部と、
   前記ＷＥＢページ情報生成部が生成した前記デザイン情報が示すＷＥＢページ情報を、ＷＥＢページ管理情報格納部に格納されている、前記デザイン情報を識別する情報であるデザイン識別情報と、当該デザイン情報を用いて生成されたＷＥＢページの情報であるＷＥＢページ情報を識別する情報であるＷＥＢページ識別情報を有する複数のＷＥＢページ管理情報によって、当該デザイン情報に対応付けられる前記ＷＥＢページ識別情報が示すＷＥＢページ情報となるよう出力するＷＥＢページ情報出力部として機能させるためのプログラム。

Images