(57)【要約】【課題】Ｗｅｂページ作成者等の意図した通りのレイアウトを有するＷｅｂページの作成を容易にするＷｅｂページ作成支援方式を提供する。【解決手段】クライアントＰＣ１０１は、レイアウト構成要素の種類毎に異なる色で描かれたレイアウト図の画像をスキャナ等で取り込み、取り込んだ画像データを、Ｗｅｂページ作成支援サーバー１０２へ送信する。Ｗｅｂページ作成支援サーバー１０２は、クライアントＰＣ１０１から送られてきた画像データを受信すると、各レイアウト構成要素に割り当てられた色情報に基づいて、画像データを解析し、当該画像データに含まれるレイアウト情報の抽出処理を行い、抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成し、生成したＷｅｂページをクライアントＰＣ１０１に送り返す。クライアントＰＣ１０１は、Ｗｅｂページ作成支援サーバー１０２が送信したＷｅｂページを受信する。【選択図】図１
2006092277.tif 000002
【特許請求の範囲】
【請求項１】
レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得する画像データ取得部と、
各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析し、当該画像データに含まれるレイアウト情報を抽出するレイアウト情報抽出部と、
前記レイアウト情報抽出部によって抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成するＷｅｂページ生成部と
を備えたことを特徴とするＷｅｂページ作成支援装置。
【請求項２】
前記レイアウト構成要素と前記色情報との対応関係を管理するレイアウト・色情報テーブルを更に備えた
ことを特徴とする請求項１に記載のＷｅｂページ作成支援装置。
【請求項３】
前記レイアウト・色情報テーブルによって管理される前記レイアウト構成要素と前記色情報との対応関係が変更可能である
ことを特徴とする請求項２に記載のＷｅｂページ作成支援装置。
【請求項４】
前記画像データ取得部は、ネットワークを介して送信されてくるレイアウト図の画像データを受信する画像データ受信部を備える
ことを特徴とする請求項１〜３のいずれか一項に記載のＷｅｂページ作成支援装置。
【請求項５】
前記Ｗｅｂページ生成部によって生成されたＷｅｂページを、ネットワークを介して送信するＷｅｂページ送信部を更に備えた
ことを特徴とする請求項１〜４のいずれか一項に記載のＷｅｂページ作成支援装置。
【請求項６】
前記レイアウト構成要素は、少なくとも、外観、フレーム境界、イメージ領域、リンク付きテキスト領域、及び、リンク付きイメージ領域のいずれか一つである
ことを特徴とする請求項１〜５のいずれか一項に記載のＷｅｂページ作成支援装置。
【請求項７】
前記レイアウト図の画像データは、スキャナ及びデジタルカメラのいずれかで生成される
ことを特徴とする請求項１〜６のいずれか一項に記載のＷｅｂページ作成支援装置。
【請求項８】
レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得し、
各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析して、当該画像データに含まれるレイアウト情報を抽出し、
抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成する
ことを特徴とするＷｅｂページ作成支援方法。
【請求項９】
Ｗｅｂページの作成を支援するためのプログラムであって、コンピュータを、
レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得する画像データ取得部、
各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析し、当該画像データに含まれるレイアウト情報を抽出するレイアウト情報抽出部、及び、
前記レイアウト情報抽出部によって抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成するＷｅｂページ生成部
として機能させるためのプログラム。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、Ｗｅｂページの作成を容易にするＷｅｂページ作成支援方式に関する。
【背景技術】
【０００２】
従来から、Ｗｅｂページを作成する方法としては、エディタ等によりＨＴＭＬのタグ（エレメント）を直接入力する方法や、各種Ｗｅｂページ作成用ソフトを利用する方法が知られている。しかしながら、エディタ等で直接ＨＴＭＬのタグを入力する方法では、ユーザは、ＨＴＭＬの各種タグについて熟知している必要があった。また、各種Ｗｅｂページ作成用ソフトを利用する場合は、ＨＴＭＬのタグ等については熟知している必要はないが、当該ソフトの操作については熟知している必要があった。これらの点に関連して、Ｗｅｂページの作成を容易にする方法として、例えば、以下のようなものが提案されている。
【０００３】
まず、特開２０００−２７６４１７号公報には、サーバ上にＷｅｂページの定型フォーマットを複数種類用意しておき、選択する定型フォーマットに対応した形式でメール本文を記述し、Ｗｅｂページに表示させる画像を添付した電子メールをサーバに送信することにより、サーバにおいて、定型フォーマットのＷｅｂページを自動的に作成する方法が開示されている。
【０００４】
また、特開２００２−１１８７１２号公報には、複数のＷｅｂページパターンをサーバ上に用意しておき、選択したパターンに応じた枚数の画像をＦＡＸで読み込んでサーバに送信し、サーバにおいて、送られた画像が張り付けられたＷｅｂページを作成する方法が開示されている。
【０００５】
しかしながら、上記公報記載の方法では、Ｗｅｂページのフォーマットは予め決められており、予め用意されたフォーマットと異なるレイアウトのＷｅｂページを作成することはできなかった。
【特許文献１】特開２０００−２７６４１７号公報
【特許文献２】特開２００２−１１８７１２号公報
【発明の開示】
【発明が解決しようとする課題】
【０００６】
本発明の目的は、Ｗｅｂページ作成者等の意図した通りのレイアウトを有するＷｅｂページの作成を容易にするＷｅｂページ作成支援方式を提供することにある。
【課題を解決するための手段】
【０００７】
本発明に係るＷｅｂページ作成支援装置は、レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得する画像データ取得部と、各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析し、当該画像データに含まれるレイアウト情報を抽出するレイアウト情報抽出部と、前記レイアウト情報抽出部によって抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成するＷｅｂページ生成部とを備えたことを特徴とする。
【０００８】
この場合において、前記レイアウト構成要素と前記色情報との対応関係を管理するレイアウト・色情報テーブルを更に備えるようにしてもよい。更に、この場合、前記レイアウト・色情報テーブルによって管理される前記レイアウト構成要素と前記色情報との対応関係を適宜変更できるようにしてもよい。
【０００９】
また、以上の場合において、前記画像データ取得部は、ネットワークを介して送信されてくるレイアウト図の画像データを受信する画像データ受信部を備えるようにしてもよい。また、前記Ｗｅｂページ生成部によって生成されたＷｅｂページを、ネットワークを介して送信するＷｅｂページ送信部を更に備えるようにしてもよい。
【００１０】
前記レイアウト構成要素の例としては、外観、フレーム境界、イメージ領域、リンク付きテキスト領域、リンク付きイメージ領域が挙げられる。また、前記レイアウト図の画像データは、例えば、スキャナやデジタルカメラによって生成される。
【００１１】
本発明に係るＷｅｂページ作成支援方法は、レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得し、各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析して、当該画像データに含まれるレイアウト情報を抽出し、抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成することを特徴とする。
【００１２】
本発明に係るプログラムは、Ｗｅｂページの作成を支援するためのプログラムであって、コンピュータを、レイアウト構成要素の種類毎に異なる色が付されたレイアウト図の画像データを取得する画像データ取得部、各レイアウト構成要素に割り当てられた色情報に基づいて、前記レイアウト図の画像データを解析し、当該画像データに含まれるレイアウト情報を抽出するレイアウト情報抽出部、及び、前記レイアウト情報抽出部によって抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成するＷｅｂページ生成部として機能させるためのプログラムである。
【００１３】
なお、当該プログラムは、ＣＤ−ＲＯＭ等の可搬記録媒体やネットワーク等の手段を介して頒布されうる。
【発明の効果】
【００１４】
本発明によれば、Ｗｅｂページ作成者等の意図した通りのレイアウトを有するＷｅｂページの作成が容易になる。
【発明を実施するための最良の形態】
【００１５】
以下、本発明の実施の形態について、図面を参照しつつ詳細に説明する。
【００１６】
図１は、本発明によるＷｅｂページ作成支援システムの全体構成を示す図である。
【００１７】
同図に示すように、本発明によるＷｅｂページ作成支援システム１００は、複数のクライアントＰＣ１０１（１０１ａ〜１０１ｃ）と、Ｗｅｂページ作成支援サーバー１０２とを備える。クライアントＰＣ１０１及びＷｅｂページ作成支援サーバー１０２は、共に、インターネット等のネットワーク１０３に接続されている。
【００１８】
クライアントＰＣ１０１は、Ｗｅｂページのレイアウトを色分けして表したレイアウト図の画像データを取り込み、取り込んだ画像データをＷｅｂページ作成支援サーバー１０２へ送る。レイアウト図は、ユーザが、Ｗｅｂページのレイアウトを構成する要素（レイアウト構成要素）の種類毎に異なる色の油性フェルトペン等を使って、通常の紙の上に、Ｗｅｂページの所望のレイアウトを描いたものである。レイアウト図の詳細については、後述する。
【００１９】
Ｗｅｂページ作成支援サーバー１０２は、クライアントＰＣ１０１から送られてきたレイアウト図の画像データに基づいて、Ｗｅｂページを生成し、生成されたＷｅｂページをクライアントＰＣ１０１に送り返す。
【００２０】
図２は、レイアウト構成要素の種類毎に異なる色を付したレイアウト図の例を示す図である。なお、同図では、図面の制約上、黒色以外の色の違いは、ハッチングの違いで表している。
【００２１】
同図に示すように、レイアウト図２０１は、用紙２００上に描かれており、黒色で描かれた外観２０２内に、３つのフレーム２１０，２２０，２３０を有している。各フレーム２１０，２２０，２３０の境界線は、赤色で描かれている。
【００２２】
上段のフレーム２１０は、イメージ領域２１１とリンク付きイメージ領域２１２を有する。イメージ領域２１１の境界線（外枠）は、ピンク色で描かれ、リンク付きイメージ領域２１２の境界線は、青色で描かれている。また、下段左側のフレーム２２０は、イメージ領域２２１，２２４と、リンク付きテキスト領域２２２，２２３，２２５，２２６を有する。イメージ領域２２１，２２４の境界線は、ピンク色で描かれ、リンク付きテキスト領域２２２，２２３，２２５，２２６の境界線は、水色で描かれている。また、下段右側のフレーム２３０は、イメージ領域２３１，２３４，２３５と、リンク付きテキスト領域２３２，２３３を有する。イメージ領域２３１，２３４，２３５の境界線は、ピンク色で描かれ、リンク付きテキスト領域２３２，２３３の境界線は、水色で描かれている。
【００２３】
同図に示すようなレイアウト図は、例えば、Ｗｅｂページの大まかなレイアウトを鉛筆によって描いたラフスケッチに対して、各レイアウト構成要素の外枠等を、各レイアウト構成要素に割り当てた色の油性ペンでなぞることで作成される。
【００２４】
Ｗｅｂページ作成支援システム１００の動作の詳細について説明する前に、まず、Ｗｅｂページ作成支援システム１００を構成する各構成要素の詳細について説明する。
【００２５】
図３は、クライアントＰＣ１０１のハードウェア構成例を示す図である。同図に示すように、クライアントＰＣ１０１は、ＣＰＵ３０１と、メインメモリ３０２と、ＲＯＭ３０３と、ビデオインタフェース部３０４と、表示装置３０５と、ハードディスクインタフェース部３０６と、ハードディスク装置３０７と、入力インタフェース部３０８と、入力装置３０９と、入力インタフェース部３１０と、画像取り込み装置３１１と、ネットワークインタフェース部３１２とを備える。
【００２６】
ＣＰＵ３０１、メインメモリ３０２、ＲＯＭ３０３、ビデオインタフェース部３０４、ハードディスクインタフェース部３０６、入力インタフェース部３０８、３１０及びネットワークインタフェース部３１２は、それぞれ、バス３２０に接続されている。また、ビデオインタフェース部３０４には、表示装置３０５が接続され、ハードディスクインタフェース部３０６には、ハードディスク装置３０７が接続される。また、入力インタフェース部３０８には、入力装置３０９が接続され、入力インタフェース部３１０には、画像取り込み装置３１１が接続される。また、ネットワークインタフェース部３１２は、ネットワーク１０３に接続される。
【００２７】
ＣＰＵ３０１は、クライアントＰＣ１０１が行う各種処理を実行・制御する中央処理装置である。メインメモリ３０２は、ＣＰＵ３０１が利用する各種プログラムやデータを格納する主記憶装置である。ＲＯＭ３０３は、ＣＰＵ３０１が利用するＢＩＯＳ等を格納する記憶装置である。
【００２８】
表示装置３０５は、ＣＰＵ３０１によって行われる各種処理の結果等を表示するためのものであり、例えば、ＣＲＴ表示装置やＬＣＤ表示装置等によって構成される。ビデオインタフェース部３０４は、ＣＰＵ３０１の指示に従って、表示装置３０５を制御するものである。
【００２９】
ハードディスク装置３０７は、ＣＰＵ３０１が利用するオペレーティングシステム（ＯＳ）その他の各種プログラムやデータを格納する補助記憶装置である。ハードディスクインタフェース部３０６は、ハードディスク装置３０７とバス３２０との間のデータのやり取りを制御するものである。
【００３０】
入力装置３０９は、使用者の指示等を入力するためのものであり、例えば、キーボードやマウスその他のポインティングデバイス等によって構成される。入力インタフェース部３０８は、入力装置３０９とバス３２０と間のデータのやり取りを制御するものである。
【００３１】
画像取り込み装置３１１は、レイアウト図に示されたレイアウト情報を読み取って、画像データとしてクライアントＰＣ１０１内に取り込むためのものであり、例えば、スキャナやデジタルカメラ等によって構成される。入力インタフェース部３１０は、画像取り込み装置３１１とバス３２０と間のデータのやり取りを制御するものである。
【００３２】
ネットワークインタフェース部３１２は、ネットワーク１０３とバス３２０との間のデータのやり取りを制御するものである。
【００３３】
図４は、クライアントＰＣ１０１のソフトウェア構成例を示す図である。同図に示すように、クライアントＰＣ１０１は、レイアウト・色情報テーブル更新部４１０と、画像データ送信部４２０と、Ｗｅｂページ受信部４３０とを備える。各部４１０〜４３０は、基本的に、ＣＰＵ３０１が、メインメモリ３０２にロードされたプログラムを実行することで実現される。
【００３４】
レイアウト・色情報テーブル更新部４１０は、Ｗｅｂページ作成支援サーバー１０２において管理されているレイアウト・色情報テーブルを、必要に応じて更新するためのものである。レイアウト・色情報テーブルの詳細については後述する。
【００３５】
画像データ送信部４２０は、画像取り込み装置３１１によって、レイアウト図の画像をクライアントＰＣ１０１内に取り込み、取り込んだ画像データを、Ｗｅｂページ作成支援サーバー１０２へ送信する。
【００３６】
Ｗｅｂページ受信部４３０は、Ｗｅｂページ作成支援サーバー１０２において、送信した画像データに基づいて生成されたＷｅｂページを、Ｗｅｂページ作成支援サーバー１０２から受信する。
【００３７】
図５は、Ｗｅｂページ作成支援サーバー１０２のハードウェア構成例を示す図である。同図に示すように、Ｗｅｂページ作成支援サーバー１０２は、ＣＰＵ５０１と、メインメモリ５０２と、ＲＯＭ５０３と、ビデオインタフェース部５０４と、表示装置５０５と、ハードディスクインタフェース部５０６と、ハードディスク装置５０７と、入力インタフェース部５０８と、入力装置５０９と、ネットワークインタフェース部５１２とを備える。
【００３８】
ＣＰＵ５０１、メインメモリ５０２、ＲＯＭ５０３、ビデオインタフェース部５０４、ハードディスクインタフェース部５０６、入力インタフェース部５０８及びネットワークインタフェース部５１２は、それぞれ、バス５２０に接続されている。また、ビデオインタフェース部５０４には、表示装置５０５が接続され、ハードディスクインタフェース部５０６には、ハードディスク装置５０７が接続され、入力インタフェース部５０８には、入力装置５０９が接続される。また、ネットワークインタフェース部５１２は、ネットワーク１０３に接続される。
【００３９】
ＣＰＵ５０１は、Ｗｅｂページ作成支援サーバー１０２が行う各種処理を実行・制御する中央処理装置である。メインメモリ５０２は、ＣＰＵ５０１が利用する各種プログラムやデータを格納する主記憶装置である。ＲＯＭ５０３は、ＣＰＵ５０１が利用するＢＩＯＳ等を格納する記憶装置である。
【００４０】
表示装置５０５は、ＣＰＵ５０１によって行われる各種処理の結果等を表示するためのものであり、例えば、ＣＲＴ表示装置やＬＣＤ表示装置等によって構成される。ビデオインタフェース部５０４は、ＣＰＵ５０１の指示に従って、表示装置５０５を制御するものである。
【００４１】
ハードディスク装置５０７は、ＣＰＵ５０１が利用するＯＳその他の各種プログラムやデータを格納する補助記憶装置である。ハードディスクインタフェース部５０６は、ハードディスク装置５０７とバス５２０との間のデータのやり取りを制御するものである。
【００４２】
入力装置５０９は、使用者の指示等を入力するためのものであり、例えば、キーボードやマウスその他のポインティングデバイス等によって構成される。入力インタフェース部５０８は、入力装置５０９とバス５２０と間のデータのやり取りを制御するものである。
【００４３】
ネットワークインタフェース部５１２は、ネットワーク１０３とバス５２０との間のデータのやり取りを制御するものである。
【００４４】
図６は、Ｗｅｂページ作成支援サーバー１０２のソフトウェア構成例を示す図である。同図に示すように、Ｗｅｂページ作成支援サーバー１０２は、画像データ受信部６０１と、レイアウト情報抽出部６０２と、Ｗｅｂページ生成部６０３と、Ｗｅｂページ送信部６０４と、レイアウト・色情報テーブル管理部６０５とを備える。各部６０１〜６０５は、基本的に、ＣＰＵ５０１が、メインメモリ５０２にロードされたプログラムを実行することで実現される。更に、Ｗｅｂページ作成支援サーバー１０２は、レイアウト・色情報テーブル６０６を備える。
【００４５】
画像データ受信部６０１は、各クライアントＰＣ１０１から送られてくるレイアウト図の画像データを受信する。
【００４６】
レイアウト情報抽出部６０２は、画像データ受信部６０１によって受信された画像データを解析して、当該画像データに含まれるレイアウト情報を抽出する。
【００４７】
Ｗｅｂページ生成部６０３は、レイアウト情報抽出部６０２によって抽出されたレイアウト情報に基づいて、当該レイアウト情報で特定されるレイアウトを有するＷｅｂページを生成する。
【００４８】
Ｗｅｂページ送信部６０４は、Ｗｅｂページ生成部６０３によって生成されたＷｅｂページを該当するクライアントＰＣ１０１に送信する。
【００４９】
レイアウト・色情報テーブル管理部６０５は、レイアウト・色情報テーブル６０６の管理を行う。例えば、各クライアントＰＣ１０１からの指示に従って、該当するレイアウト・色情報テーブル６０６の更新を行う。
【００５０】
レイアウト・色情報テーブル６０６は、レイアウト構成要素と色情報との対応関係を規定するためのテーブルである。レイアウト・色情報テーブル６０６は、例えば、各ユーザ毎に用意される。なお、レイアウト構成要素と色情報との対応関係を全ユーザに対して共通・固定とする場合は、全ユーザに共通の一つのレイアウト・色情報テーブル６０６を用意するだけで足りる。
【００５１】
図７は、レイアウト・色情報テーブル６０６の構成例を示す図である。同図に示すように、レイアウト・色情報テーブル６０６は、「レイアウト構成要素」フィールド７０１と、「色情報」フィールド７０２とを備えている。
【００５２】
「レイアウト構成要素」フィールド７０１には、Ｗｅｂページのレイアウト構成要素を特定するための情報（例えば、構成要素の名称やコード）が格納される。レイアウト構成要素としては、例えば、外観、フレーム境界、イメージ領域、リンク付きテキスト領域、リンク付きイメージ領域等が挙げられる。
【００５３】
「色情報」フィールド７０２には、各レイアウト構成要素に対応付けられている色を特定するための情報（例えば、色の名称やコード、ＲＧＢ値等）が格納される。
【００５４】
同図に示したレイアウト・色情報テーブル６０６では、外観に対して黒色が、フレーム境界に対して赤色が、イメージ領域に対してはピンク色が、リンク付きテキスト領域に対しては水色が、リンク付きイメージ領域に対しては、青色がそれぞれ対応付けられている。
【００５５】
次に、以上のような構成を有するＷｅｂページ作成支援システム１００の動作について具体的に説明する。
【００５６】
図８は、Ｗｅｂページ作成支援システム１００の動作を説明するためのフローチャートである。
【００５７】
同図に示すように、まず、Ｗｅｂページ作成支援システム１００を利用してＷｅｂページを作成しようとするユーザは、自己が使用するクライアントＰＣ１０１より、Ｗｅｂページ作成支援サーバー１０２にログインする（Ｓ８０１）。ログイン処理においては、ユーザＩＤとパスワードによるユーザ認証等が行われる。
【００５８】
次に、レイアウト構成要素と色との対応関係の更新が必要か否かを判別する（Ｓ８０２）。例えば、ユーザが、前回利用したときと異なる対応関係で、レイアウト図を色付けした場合や、Ｗｅｂページ作成支援システム１００によって初期設定として特定の対応関係が予め定められている場合に、予め定められている対応関係とは異なるものを利用したい場合等に、レイアウト構成要素と色との対応関係の更新が必要となる。
【００５９】
判別の結果、レイアウト構成要素と色との対応関係の更新が必要な場合は（Ｓ８０２：Ｙｅｓ）、クライアントＰＣ１０１は、レイアウト・色情報テーブル更新部４１０によって、Ｗｅｂページ作成支援サーバー１０２に対して、レイアウト・色情報テーブル６０６の送信を要求し、要求に応じてＷｅｂページ作成支援サーバー１０２から送られてくるレイアウト・色情報テーブル６０６を受信する（Ｓ８０３）。Ｗｅｂページ作成支援サーバー１０２から送られてくるレイアウト・色情報テーブル６０６は、ユーザが以前に本Ｗｅｂページ作成支援システム１００を利用したことがあれば、その際使用したレイアウト・色情報テーブル６０６である。一方、ユーザが初めて本Ｗｅｂページ作成支援システム１００を利用する場合は、予め定められている初期設定値を含むレイアウト・色情報テーブル６０６が送られてくるか、あるいは、レイアウト・色情報テーブル６０６のフォーマットのみが送られてくる。
【００６０】
次に、ユーザは、クライアントＰＣ１０１において、レイアウト構成要素と色との対応関係が所望のものになるように、入力装置３０９によって新たな設定値を入力すること等によって、レイアウト・色情報テーブル６０６を修正する（Ｓ８０４）。予め定められている初期設定を確認した上で、初期設定のまま使用する場合は、特に修正する必要はない。
【００６１】
必要に応じてレイアウト・色情報テーブル６０６の修正処理Ｓ８０４が終了するか、又は、レイアウト構成要素と色との対応関係の更新が不要な場合は（Ｓ８０２：ＮＯ）、クライアントＰＣ１０１は、レイアウト・色情報テーブル更新部４１０によって、必要な修正がされたレイアウト・色情報テーブル６０６を、Ｗｅｂページ作成支援サーバー１０２へ送信する（Ｓ８０５）。クライアントＰＣ１０１から送られてくるレイアウト・色情報テーブル６０６を受信したＷｅｂページ作成支援サーバー１０２は、レイアウト・色情報テーブル管理部６０５によって、修正前のレイアウト・色情報テーブル６０６を、受信したレイアウト・色情報テーブル６０６に置き換える。
【００６２】
以上のようにして、必要に応じて、レイアウト・色情報テーブル６０６の更新が終了すると、次に、クライアントＰＣ１０１は、画像取り込み装置３１１によって、レイアウト構成要素について着色がされたレイアウト図の画像を取り込み、取り込んだ画像データを、画像データ送信部４２０によって、Ｗｅｂページ作成支援サーバー１０２へ送信する（Ｓ８０６）。
【００６３】
Ｗｅｂページ作成支援サーバー１０２は、画像データ受信部６０１によって、クライアントＰＣ１０１から送られてきた画像データを受信すると、レイアウト情報抽出部６０２によって、受信した画像データに含まれるレイアウト情報の抽出処理を行う（Ｓ８０７）。
【００６４】
図９は、レイアウト情報抽出部６０２によるレイアウト情報抽出処理Ｓ８０７の流れを示すフローチャートである。
【００６５】
同図に示すように、レイアウト情報抽出部６０２は、レイアウト情報抽出処理Ｓ８０７を開始すると、まず、外観情報抽出処理を行う（Ｓ９０１）。具体的には、レイアウト・色情報テーブル６０６を参照し、外観に割り当てられた色の情報（ＲＧＢ値等）を取得し、当該色情報に基づいて、画像データを解析し、外観の位置及びサイズ情報を抽出する。
【００６６】
外観情報抽出処理が終了すると、次に、レイアウト・色情報テーブル６０６を参照して、レイアウト・色情報テーブル６０６にフレーム情報が含まれているか否かを判別する（Ｓ９０２）。
【００６７】
判別の結果、レイアウト・色情報テーブル６０６にフレーム情報が含まれている場合は（Ｓ９０２：Ｙｅｓ）、フレーム情報抽出処理を行う（Ｓ９０３）。具体的には、レイアウト・色情報テーブル６０６を参照して、フレーム境界に割り当てられた色の情報を取得し、当該色情報に基づいて、画像データを解析し、フレーム境界の位置及びサイズ情報を抽出する。
【００６８】
フレーム情報抽出処理Ｓ９０３が終了するか、又は、レイアウト・色情報テーブル６０６にフレーム情報が含まれていない場合は（Ｓ９０２：Ｎｏ）、次に、レイアウト・色情報テーブル６０６を参照して、レイアウト・色情報テーブル６０６にイメージ領域情報が含まれているか否かを判別する（Ｓ９０４）。
【００６９】
判別の結果、レイアウト・色情報テーブル６０６にイメージ領域情報が含まれている場合は（Ｓ９０４：Ｙｅｓ）、イメージ領域情報抽出処理を行う（Ｓ９０５）。具体的には、レイアウト・色情報テーブル６０６を参照して、イメージ領域に割り当てられた色の情報を取得し、当該色情報に基づいて、画像データを解析し、イメージ領域の位置及びサイズ情報を抽出する。
【００７０】
イメージ領域情報抽出処理Ｓ９０５が終了するか、又は、レイアウト・色情報テーブル６０６にイメージ領域情報が含まれていない場合は（Ｓ９０４：Ｎｏ）、次に、レイアウト・色情報テーブル６０６を参照して、レイアウト・色情報テーブル６０６にリンク付きテキスト領域情報が含まれているか否かを判別する（Ｓ９０６）。
【００７１】
判別の結果、レイアウト・色情報テーブル６０６にリンク付きテキスト領域情報が含まれている場合は（Ｓ９０６：Ｙｅｓ）、リンク付きテキスト領域情報抽出処理を行う（Ｓ９０７）。具体的には、レイアウト・色情報テーブル６０６を参照して、リンク付きテキスト領域に割り当てられた色の情報を取得し、当該色情報に基づいて、画像データを解析し、リンク付きテキスト領域の位置及びサイズ情報を抽出する。
【００７２】
リンク付きテキスト領域情報抽出処理Ｓ９０７が終了するか、又は、レイアウト・色情報テーブル６０６にリンク付きテキスト領域情報が含まれていない場合は（Ｓ９０６：Ｎｏ）、次に、レイアウト・色情報テーブル６０６を参照して、レイアウト・色情報テーブル６０６にリンク付きイメージ領域情報が含まれているか否かを判別する（Ｓ９０８）。
【００７３】
判別の結果、レイアウト・色情報テーブル６０６にリンク付きイメージ領域情報が含まれている場合は（Ｓ９０８：Ｙｅｓ）、リンク付きイメージ領域情報抽出処理を行う（Ｓ９０９）。具体的には、レイアウト・色情報テーブル６０６を参照して、リンク付きイメージ領域に割り当てられた色の情報を取得し、当該色情報に基づいて、画像データを解析し、リンク付きイメージ領域の位置及びサイズ情報を抽出する。
【００７４】
リンク付きイメージ領域情報抽出処理Ｓ９０９が終了するか、又は、レイアウト・色情報テーブル６０６にリンク付きイメージ領域情報が含まれていない場合は（Ｓ９０８：Ｎｏ）、レイアウト情報抽出処理Ｓ８０７を終了する。
【００７５】
以上のようにして、レイアウト情報抽出処理Ｓ８０７が終了すると、次に、Ｗｅｂページ作成支援サーバー１０２は、Ｗｅｂページ生成部６０３によって、抽出されたレイアウト情報に基づいて、Ｗｅｂページを生成する（Ｓ８０８）。より具体的には、抽出された外観の位置及びサイズ情報、フレーム境界の位置及びサイズ情報、イメージ領域の位置及びサイズ情報、リンク付きテキスト領域の位置及びサイズ情報、並びに、リンク付きイメージ領域の位置及びサイズ情報に基づいて、各レイアウト構成要素の位置関係や各大きさの比等を算出することによって、Ｗｅｂページを生成する。
【００７６】
Ｗｅｂページ生成部６０３によるＷｅｂページの生成処理が終了すると、Ｗｅｂページ作成支援サーバー１０２は、Ｗｅｂページ送信部６０４によって、生成したＷｅｂページをクライアントＰＣ１０１に送信する（Ｓ８０９）。クライアントＰＣ１０１は、Ｗｅｂページ作成支援サーバー１０２が送信したＷｅｂページを、Ｗｅｂページ受信部４３０によって受信する（Ｓ８１０）。以上のようにして、Ｗｅｂページ作成支援システム１００の動作が終了する。
【００７７】
図１０は、図２に示したレイアウト図に基づいて、Ｗｅｂページ作成支援システム１００によって生成されたＷｅｂページの例を示す図である。同図に示すように、ＷｅｂページはＨＴＭＬによって記述されており、同図（ａ）は、フレームを設定するＨＴＭＬファイルの内容を、同図（ｂ）は、上段のフレーム２１０に表示するＨＴＭＬファイル（pg1.htm）の内容を、同図（ｃ）は、下段左側のフレーム２２０に表示するＨＴＭＬファイル（pg2.htm）の内容を、同図（ｄ）は、下段右側のフレーム２３０に表示するＨＴＭＬファイル（pg3.htm）の内容をそれぞれ示している。
【００７８】
ユーザは、以上のようにしてＷｅｂページ作成支援システム１００によって生成されたＷｅｂページを適宜修正することによって、所望のレイアウトを有するＷｅｂページを容易に作成することができるようになる。
【００７９】
なお、ここでは、Ｗｅｂページ作成支援システム１００が、ネットワーク１０３を介して接続されるクライアントＰＣ１０１とＷｅｂページ作成支援サーバー１０２とによって構成される場合について説明したが、本発明は、このような構成に限られない。例えば、単体で動作するＷｅｂページ作成支援装置として構成することも可能である。このようなＷｅｂページ作成支援装置は、例えば、上述したＷｅｂページ作成支援サーバー１０２に、画像取り込み装置３１１等を追加することで、容易に実現することができる。
【００８０】
また、上記実施形態では、油性ペン等で色分けしたレイアウト図の画像を画像取り込み装置によって取り込んでいたが、色分けしていないレイアウト図の画像を取り込んだ後に、ソフトウェア的に各レイアウト構成要素を色分けするようにすることも考えられる。
【図面の簡単な説明】
【００８１】
【図１】本発明によるＷｅｂページ作成支援システム１００の全体構成を示す図である。
【図２】レイアウトを構成する要素毎に異なる色を付したレイアウト図の例を示す図である。
【図３】クライアントＰＣ１０１のハードウェア構成例を示す図である。
【図４】クライアントＰＣ１０１のソフトウェア構成例を示す図である。
【図５】Ｗｅｂページ作成支援サーバー１０２のハードウェア構成例を示す図である。
【図６】Ｗｅｂページ作成支援サーバー１０２のソフトウェア構成例を示す図である。
【図７】レイアウト・色情報テーブル６０６の構成例を示す図である。
【図８】Ｗｅｂページ作成支援システム１００の動作を説明するためのフローチャートである。
【図９】レイアウト情報抽出部６０２によるレイアウト情報抽出処理Ｓ８０７の流れを示すフローチャートである。
【図１０】図２に示したレイアウト図に基づいて、Ｗｅｂページ作成支援システム１００によって生成されたＷｅｂページの例を示す図である。
【符号の説明】
【００８２】
１００    Ｗｅｂページ作成支援システム
１０１ａ〜１０１ｃ    クライアントＰＣ
１０２    Ｗｅｂページ作成支援サーバー
１０３    ネットワーク
３０１    ＣＰＵ
３０２    メインメモリ
３０３    ＲＯＭ
３０４    ビデオインタフェース部
３０５    表示装置
３０６    ハードディスクインタフェース部
３０７    ハードディスク装置
３０８    入力インタフェース部
３０９    入力装置
３１０    入力インタフェース部
３１１    画像取り込み装置
３１２    ネットワークインタフェース部
３２０    バス
４１０    レイアウト・色情報テーブル更新部
４２０    画像データ送信部
４３０    Ｗｅｂページ受信部
５０１    ＣＰＵ
５０２    メインメモリ
５０３    ＲＯＭ
５０４    ビデオインタフェース部
５０５    表示装置
５０６    ハードディスクインタフェース部
５０７    ハードディスク装置
５０８    入力インタフェース部
５０９    入力装置
５１２    ネットワークインタフェース部
５２０    バス
６０１    画像データ受信部
６０２    レイアウト情報抽出部
６０３    Ｗｅｂページ生成部
６０４    Ｗｅｂページ送信部
６０５    レイアウト・色情報テーブル管理部
６０６    レイアウト・色情報テーブル
【図１】
2006092277.tif 000003
【図２】
2006092277.tif 000004
【図３】
2006092277.tif 000005
【図４】
2006092277.tif 000006
【図５】
2006092277.tif 000007
【図６】
2006092277.tif 000008
【図７】
2006092277.tif 000009
【図８】
2006092277.tif 000010
【図９】
2006092277.tif 000011
【図１０】
2006092277.tif 000012