JP2005196642A - ウェブページ作成システムおよびその方法 - Google Patents

Abstract

【課題】項目の配置構造がわかりやすく編集しやすいウェブページ作成システムの提供。
【解決手段】
配置構造設定手段１０１はウェブページを構成する項目の配置構造を設定する。配置構造データ生成手段１０３は配置構造データを生成する。表示内容設定手段１０７はウェブページを構成する項目の表示内容を設定する。表示内容データ生成手段１０９は表示内容データを生成する。データ送信手段１１１は配置構造データおよび表示内容データをサーバ装置３に送信する。配置構造設定画面生成手段１１３は配置構造設定画面を生成する。配置構造設定更新手段１１５は配置構造設定画面を更新させる。表示内容設定画面生成手段１１７は表示内容設定画面を生成する。項目データ更新手段１２１は配置構造データおよび表示内容データを受信して項目データを更新する。ウェブページ生成手段１２３は、ウェブページを生成する。
【選択図】図１

Description

この発明は、ウェブページを構成する項目オブジェクトに関するデータを設定してウェブページを作成するウェブページ作成システムに関する。

従来、ウェブページを作成する場合は、テキストエディタを用いてＨＴＭＬのソースコードを直接編集するか、ＨＴＭＬエディタにおいて視覚的に編集した画面に基づいてソースコードを作成するようにしていた。

しかしながら、ソースコードを記述する場合はＨＴＭＬの知識が必要であり、視覚的に編集する場合はＨＴＭＬエディタが必要であった。

このような問題を解決するため、ＨＴＭＬデータを記録したサーバ上の管理テーブルをブラウザを用いて直接編集し、前記管理テーブルに基づいてウェブページを作成するシステムが知られている（例えば、特許文献１。）。

特開２０００−２５９５３１号公報

しかしながら、上記のようなシステム等においては、ＨＴＭＬを構成する項目の配置構造を理解してウェブページを編集することが困難であった。

例えば、ウェブページ内でのコンテンツの見栄えをよくするため、テーブルタグの中にさらにテーブルタグを入れ子状に記述して、テーブルのネスト構造を作成したい場合がある。

このようなネスト構造が存在する場合、＜ＴＡＢＥＬ＞タグ同士の関係が非常に複雑になり、ソースコードの編集が困難になるという問題があった。

また、ＨＴＭＬエディタの編集画面においても、テーブルのネスト構造が複雑になるにつれて、テーブル内に配置されるコンテンツの表示とテーブルの境界線の表示とが識別できにくくなる場合があり、編集が困難になるという問題があった。

さらに、ＨＴＭＬデータを階層的に記録したサーバ上の管理テーブルをブラウザを用いて直接編集するシステム（例えば、特許文献１。）においても、スプレッドシートでＨＴＭＬデータを編集しているため、テーブルのネスト構造も同様にスプレッドシートで編集しなければならず、編集が困難になるものと考えられる。

この発明は、上記のような課題を解決するためになされたものであり、ウェブページを構成する項目の配置構造がわかりやすく、編集しやすいウェブページ作成システムの提供を目的とする。

(1)-(7)(19)(20)この発明にかかるウェブページ作成システムは、
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段とを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴としている。

したがって、ユーザは、ウェブページを構成する項目オブジェクトの配置構造とその表示内容をそれぞれ別々の画面で設定することができる。これにより、ユーザは、ウェブページに表示する項目の配置構造を理解しながらウェブページを作成することができる。

(8)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、項目オブジェクトを項目制御用セルと項目識別用セルとを用いて簡易表示させるようにしたことを特徴としている。

したがって、項目制御用セルを操作して項目オブジェクトの配置構造を制御することができ、項目識別用セルをによって項目オブジェクトの表示内容を識別することができる。これにより、配置構造設定画面において、項目オブジェクトの視認性と操作性を向上させることができる。

(9)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、項目オブジェクトの属性が表である場合、項目識別用セルに換えて当該表を示す罫線を表示させるようにしたことを特徴としている。

したがって、配置構造設定画面において、ウェブページにおける表の枠を示す罫線を容易に理解することができる。これにより、表の配置構造を視覚的に認識して、項目オブジェクトを設定することができる。

(10)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、表の罫線の内部にさらに表を示す項目オブジェクトが存在する場合、表を示す罫線を入れ子構造で表示させるようにしたことを特徴としている。

したがって、表の項目オブジェクトを複数含む場合であっても、配置構造の画面が複雑となることなく、複数の項目オブジェクトにおける関係を容易に理解することができる。

(11)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、項目制御用セルに項目オブジェクトの種類に応じた所定のアイコンを表示させるようにしたことを特徴としている。

したがって、配置構造設定画面において、項目オブジェクトの種類を容易に認識することができる。

(12)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、項目識別用セルに項目オブジェクトに付された識別名を表示させるようにしたことを特徴としている。

したがって、配置構造設定画面において、項目オブジェクトを容易に識別することができる。

(13)この発明にかかるシステム、装置またはプログラムにおいては、
配置構造設定画面生成手段は、項目オブジェクトの種類が決定されていない項目オブジェクトを少なくとも１つ表示させるようにしたことを特徴としている。

したがって、配置構造設定画面において、新たな項目オブジェクトを挿入する必要がない。これにより、配置構造の設定時の作業効率を向上させることができる。

(14)この発明にかかるシステム、装置またはプログラムにおいては、
項目データ更新手段は、対象の項目オブジェクトの項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤに対応付けて記録することを特徴としている。

したがって、配置構造設定画面において、表の項目オブジェクトにひも付けられた項目オブジェクトを容易に抽出することができる。これにより、表の項目オブジェクト単位で配置構造を設定することができ、作業効率を向上させることができる。例えば、表の枠内に配置された項目オブジェクトを、当該表の項目オブジェクトに連動させて取り扱うことができる。

(15)この発明にかかるシステム、装置またはプログラムにおいては、
項目データ更新手段は、対象の項目オブジェクトに付された項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトにおける前記対象の項目オブジェクトの位置を示す行番号データおよび列番号データに対応付けて記録することを特徴としている。

したがって、表の項目オブジェクトの枠の内部に位置する項目オブジェクトの、前記表の枠内における位置を取得することができる。

(16)この発明にかかるシステム、装置またはプログラムにおいては、
表示内容設定手段は、表示内容設定画面に設定された項目オブジェクトの表示内容に基づいて、当該項目オブジェクトのプレビュー画面を生成して表示するプレビュー画面生成手段を備えたことを特徴としている。

したがって、表示内容の設定時に、設定中の項目オブジェクトのウェブページにおける表示状態を即座に確認することができる。これにより、ＨＴＭＬのソースコードをブラウザで開く必要がなく、作業効率を向上させることができる。

(17)この発明にかかるデータ構造は、
ウェブページの構成要素となる項目オブジェクトのデータ構造であって、
(a)対象の項目オブジェクト毎に付された項目オブジェクトＩＤと、
(b)前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤと、
(c)前記対象の項目オブジェクトの、前記表の項目オブジェクトにおける位置を示す行番号データおよび列番号データと、
(d)前記対象の項目オブジェクトをウェブページに表示するための表示内容データと、
を備えたことを特徴としている。

したがって、対象の項目オブジェクトの表示内容データに加えて、当該対象の項目オブジェクトにひも付けられた表の項目オブジェクトと、当該表の項目オブジェクトにおける対象の項目オブジェクトの位置情報を１つのレコードで項目オブジェクト毎に管理することができる。

(18)(21)この発明にかかるシステムにおいては、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(e)生成した前記配置構造データを、前記サーバ装置に送信するデータ送信手段とを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(h)端末装置から受信した配置構造データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴としている。

したがって、配置構造データのみを変更する操作が行われた場合であっても適切に処理を実行することができる。これにより、ユーザは、予めテンプレート等で与えられた配置構造データに基づいて、所定の項目オブジェクトのみを操作する処理を行うことができる。

以下、本発明における実施形態について、図面を参照して説明する。

１．第１の実施形態
１−１．機能ブロック図
図１に、本発明にかかるウェブページ作成システムの機能ブロック図を示す。

１−１−１．端末装置
図１において、本発明にかかる端末装置１は、配置構造設定手段１０１、配置構造データ生成手段１０３、表示部１０５、表示内容設定手段１０７、表示内容データ生成手段１０９、データ送信手段１１１を備えている。

配置構造設定手段１０１は、表示部１０５に表示された配置構造設定画面におけるユーザ操作に基づいて、ウェブページを構成する項目オブジェクトの配置構造を設定する。配置構造データ生成手段１０３は、配置構造設定手段１０１によって設定された配置構造に基づいて配置構造データを生成する。

表示部１０５は、下記サーバ装置３の配置構造設定画面生成手段１１３から受けた配置構造設定画面および、同サーバ装置３の表示内容設定画面生成手段１１７から受けた表示内容設定画面をそれぞれ表示する。

表示内容設定手段１０７は、表示部１０５に表示された表示内容設定画面におけるユーザ操作に基づいて、ウェブページを構成する項目オブジェクトの表示内容を設定する。表示内容データ生成手段１０９は、表示内容設定手段１０７によって設定された表示内容に基づいて表示内容データを生成する。

データ送信手段１１１は、配置構造データ生成手段１０３から受けた配置構造データまたは、表示内容データ生成手段１０９から受けた表示内容データを、それぞれサーバ装置３に送信する。

１−１−２．サーバ装置
図１において、本発明にかかるサーバ装置３は、配置構造設定画面生成手段１１３、配置構造設定画面更新手段１１５、表示内容設定画面生成手段１１７、記録部１１９、項目データ更新手段１２１、ウェブページ生成手段１２３を備えている。

配置構造設定画面生成手段１１３は、記録部１１９に記録された項目データにおける配置構造データに基づいて配置構造設定画面を生成し、端末装置１の表示部１０５にこれを表示させる。

配置構造設定更新手段１１５は、記録部１１９に記録された項目データにおける配置構造データが更新されると、配置構造設定画面生成手段１１３に画面更新指令を与える。

表示内容設定画面生成手段１１７は、記録部１１９に記録された項目データにおける表示内容データに基づいて表示内容設定画面を生成し、端末装置１の表示部１０５にこれを表示させる。なお、対象の項目データが存在しない場合は、選択された項目タイプのデフォルト値に基づいて表示内容設定画面を生成する。

記録部１１９は、項目オブジェクト毎のデータを項目データ１１０として記録する。また、下記ウェブページ生成手段１２３が生成したウェブページを表示するためのＨＴＭＬデータをウェブページ１３０として記録する。

項目データ更新手段１２１は、端末装置１から受信した配置構造データおよび表示内容データに基づいて、記録部１１９に記録された項目データ１１０を更新する。

ウェブページ生成手段１２３は、記録部１１９に記録された項目データ１１０に基づいてＨＴＭＬデータを生成し、記録部１１９のウェブページ１３０に記録する。

１−２．ハードウェア構成
図１に示したウェブページ作成システムを構成する端末装置１およびサーバ装置３を、それぞれＣＰＵを用いて実現したハードウェア構成の一例を図２に示す。

１−２−１．端末装置
端末装置１は、ディスプレイ２０１、ＣＰＵ２０３、メモリ２０５、キーボード／マウス２０７、ハードディスク２０９、ＣＤ−ＲＯＭドライブ２１１および通信回路２１５を備えている。メモリ２０５は、配置構造用ワーク領域２０５１および表示内容用ワーク領域２０５３を有している。

ハードディスク２０９には、本発明にかかるウェブページ作成処理を行うためのブラウザプログラム２０９１が記録されており、これらはＣＤ−ＲＯＭドライブ２１１を介してＣＤ−ＲＯＭ２１２に記録されたデータを読み出してインストールしたものである。

なお、上記インストールは、通信回路２１５を用いてネットワーク２１６等からダウンロードしたデータを使用して行うようにしてもよい。

表示部１０５は、主にディスプレイ２０１によって実現される。配置構造設定手段１０１、配置構造データ生成手段１０３、表示内容設定手段１０７、表示内容データ生成手段１０９、データ送信手段１１１は、主にハードディスク２０９に記録されたブラウザプログラム２０９１によって実現される。

１−２−２．サーバ装置
サーバ装置３は、ディスプレイ３０１、ＣＰＵ３０３、メモリ３０５、キーボード／マウス３０７、ハードディスク３０９、ＣＤ−ＲＯＭドライブ３１１および通信回路３１５を備えている。メモリ３０５は、配置構造設定画面バッファ３０５１および表示内容設定画面バッファ３０５３を有している。

ハードディスク３０９には、本発明にかかるウェブページ作成処理を行うためのウェブページ作成プログラム３０９１、前記項目データ１１０および前記ウェブページ１３０等が記録されている。ウェブページ作成プログラム３０９１はＣＤ−ＲＯＭドライブ３１１を介してＣＤ−ＲＯＭ３１２に記録されたデータを読み出してインストールしたものである。なお、上記インストールは、通信回路３１５を用いてネットワーク３１６等からダウンロードしたデータを使用して行うようにしてもよい。

記録部１１９は、主にハードディスク３０９によって実現される。配置構造設定画面生成手段１１３、配置構造設定画面更新手段１１５、表示内容設定画面生成手段１１７、項目データ更新手段１２１、ウェブページ生成手段１２３は、主にハードディスク３０９に記録されたウェブページ作成プログラム３０９１によって実現される。

１−３．処理の概要
図１ａに、本発明にかかる処理の概要を示す。端末装置１は、ウェブページを構成する項目オブジェクトの配置構造を設定する配置構造設定画面１１を表示する。

配置構造設定画面１１におけるユーザ操作によって項目オブジェクト１２が選択され、所定の処理ボタン（作成ボタン、変更ボタン、挿入ボタン、削除ボタン、複写ボタン、移動ボタン等）が押下されると、当該項目オブジェクトの項目ＩＤおよび処理区分等を含む配置構造データがサーバ装置３に送信される。

１−３−１．作成または変更
配置構造設定画面１１において作成ボタンまたは変更ボタンが押下された場合、サーバ装置３は、受信した項目ＩＤに基づいて項目データを検索し、項目データ１１０に基づいて当該項目ＩＤにかかる項目オブジェクト１２の表示内容を設定するための表示内容設定画面１３を端末装置１に送信する。

なお、項目データ１１０には、項目オブジェクト１２に付された項目ＩＤ毎に、項目オブジェクトの配置される位置を示す位置データおよび、項目オブジェクト１２の表示内容を示す表示内容データ等が記録されている。

端末装置１は、サーバ装置３から受信した表示内容設定画面１３を表示する。表示内容設定画面１３は、表示内容を設定するための設定エリア１４および、設定した項目オブジェクト１３の表示内容をウェブページに反映させたときのプレビューを表示するプレビューエリア１５から構成される。

ユーザ操作により設定エリア１４への設定入力が行われると、端末装置１は設定エリア１４の表示内容に基づいてＨＴＭＬデータを生成し、これをプレビューエリア１５に出力する。プレビューエリア１５には、設定された項目オブジェクトのＨＴＭＬデータがブラウザ表示される。ユーザは、設定エリア１４への入力と、プレビューエリア１５でのプレビュー確認を繰り返し、項目オブジェクト１２の設定入力を行う。

ユーザ操作により、項目オブジェクト１２の設定入力が完了すると、端末装置１は、設定エリア１４に設定された表示内容に基づいて、表示内容データを生成してサーバ装置３に送信する。送信を受けてサーバ装置３は、表示内容データを項目ＩＤ毎に項目データとして記録する。

１−３−２．削除
削除ボタンが押下された場合、サーバ装置３は、受信した項目ＩＤに基づいて項目データ１１０を検索し、当該項目ＩＤにかかるレコードを削除する。当該項目ＩＤの項目タイプが「表」である場合、さらに、表の内部に表示すべき項目オブジェクト１２も同時に削除する。

さらにサーバ装置３は、削除後の項目データに基づいて、端末装置１の配置構造設置画面１１を更新する。

１−３−３．挿入
挿入ボタンが押下された場合、サーバ装置３は、受信した項目ＩＤの位置に新規の項目オブジェクト１２を追加して配置構造設置画面１１を更新する。

１−３−４．複写
複写ボタンが押下された場合、サーバ装置３は、受信した項目ＩＤに基づいて項目データ１６を検索し、当該項目ＩＤにかかる項目データ１１０のレコードを指定された項目ＩＤの位置へ複写する。当該項目ＩＤの項目タイプが表である場合、さらに、表の内部に表示すべき項目オブジェクトも同時に複写する。

さらにサーバ装置３は、複写後の項目データ１１０に基づいて、端末装置１の配置構造設置画面１１を更新する。

１−３−５．移動
移動ボタンが押下された場合、サーバ装置３は、受信した項目ＩＤに基づいて項目データ１１０を検索し、当該項目ＩＤにかかるレコードを指定された項目ＩＤの位置へ移動する。当該項目ＩＤの項目タイプが「表」である場合、さらに、表の内部に表示すべき項目オブジェクトも同時に移動する。

さらにサーバ装置３は、移動後の項目データ１１０に基づいて、端末装置１の配置構造設置画面１１を更新する。

１−３−６．ウェブページの生成
端末装置１におけるユーザ操作によって、ウェブページに配置するすべての項目オブジェクト１２にかかる項目データ１１０が確定されると、サーバ装置３は、記録されたすべての項目データ１１０に基づいてＨＴＭＬデータを生成しウェブページ１３０を作成する。

１−４．フローチャート
端末装置１のブラウザプログラム２０９１および、サーバ装置３のウェブページ作成プログラム３０９１に基づくウェブページ作成処理について、図４〜１０ａに示すフローチャートを用いて説明する。図４および図４ａに、このウェブページ作成処理の全体フローチャートを示す。

１−４−１．
端末装置１のユーザは、ＣＰＵ２０３上でブラウザプログラム２０９１を起動し、所定ＵＲＬを入力してサーバ装置３にアクセスする（ステップＳ４０１）。

アクセスを受けて、サーバ装置３のＣＰＵ３０３は、図１１に示すウェブページ作成処理のメニュー画面１４０を送信する（ステップＳ４１１）。

メニュー画面１４０には、ウェブページを新規作成するためのフォーム作成ボタン１４１と、フォームを選択するためのフォーム一覧１４３が表示される。フォーム一覧１４３には、サーバ装置３において記録されているウェブページに対応した各フォームを選択するためのフォーム選択ボタン１４５が表示されている。

ユーザがフォーム作成ボタン１４１またはフォーム選択ボタン１４５のいずれかを押下すると（ステップＳ４０２）、サーバ装置３のＣＰＵ３０３は、配置構造設定画面生成処理を実行する（ステップＳ４１２）。

１−４−２．配置構造設定画面生成処理
図５に、配置構造設定画面生成処理におけるフローチャートを示す。

１−４−２−１．
サーバ装置３のＣＰＵ３０３は、フォーム作成ボタン１４１が押下された場合には（ステップＳ１５００、ＹＥＳ）、項目オブジェクトとして項目制御用セルを表示するためのＨＴＭＬデータを、配置構造設定画面バッファ３０５１に出力する（ステップＳ１５０２）。例えば、図１１に示す配置構造設定画面１４７における項目制御用セル１４４がこれに該当する。

フォーム選択ボタン１４５が押下された場合は（ステップＳ１５００、ＮＯ）、選択されたフォームを特定し、当該フォームに対応づけられた項目データ１１０の１レコードを抽出して読み込む（ステップＳ１５０１）。

図１２に、項目データ１１０のデータ構造を示す。項目データ１１０の１レコードは、項目ＩＤ１６１、項目タイプ１６３、位置データ１６５（親表ＩＤ１６５１、行番号１６５２、列番号１６５３）、表示内容データ１６７（識別名１６７１、パラメータ０１＿１６７２、パラメータ０２＿１６７３、パラメータ０３＿１６７９、…）等から構成される。

ＣＰＵ３０３は、読み込んだ項目データ１１０のレコードにおける項目タイプ１６３が、「表」である場合（ステップＳ１５０３、ＹＥＳ）、表出力処理を実行する（ステップＳ１５０６）。例えば、図１２に示す項目データ１１０における項目ＩＤ１６１が「０１」のレコード１２０１は項目タイプ１６３が「表」である。

１−４−２−２．表出力処理
図５ａに、表出力処理におけるフローチャートを示す。サーバ装置３のＣＰＵ３０３は、項目データ１１０のレコードから行数（パラメータ０１＿１６７２）および列数（パラメータ０２＿１６７３）を取得し、最終行および最終列としてそれぞれを記録する（ステップＳ１５５１）。

ＣＰＵ３０３は、対象行を「１」、対象列を「１」にそれぞれ設定する（ステップＳ１５５３）。ＣＰＵ３０３は、メモリ３０５の配置構造設定画面バッファ３０５１に、ＨＴＭＬの表（テーブル）の開始を記述する＜ＴＡＢＬＥ＞タグを出力し（ステップＳ１５５５）、さらに、表の行の開始を記述する＜ＴＲ＞タグを出力する（ステップＳ１５５７）。ＣＰＵ３０３は、表の内部に表示する内容の開始を記述する＜ＴＤ＞タグを出力する（ステップＳ１５５９）。

ＣＰＵ３０３は、項目データ１１０から次の１レコードを読み込み（ステップＳ１５６１）、読み込んだレコードにおける項目タイプ１６３が、「表」である場合（ステップＳ１５６３、ＹＥＳ）、表出力処理を再帰呼出にて実行する（ステップＳ１５６６）。これにより、表の内部にさらに表が存在するネスト構造にある場合のＨＴＭＬデータを出力することができる。

ＣＰＵ３０３は、読み込んだレコードにおける項目タイプ１６３が「表」以外の場合（ステップＳ１５６３、ＮＯ）、項目制御用セルのＨＴＭＬデータを配置構造設定画面バッファ３０５１に出力する（ステップＳ１５６５）。なお、項目制御用セルのＨＴＭＬデータには、配置構造画面において項目オブジェクトを選択して制御するためのジャバスクリプト（ＪａｖａＳｃｒｉｐｔ）のイベント処理のためのコードが埋め込まれている。

ＣＰＵ３０３は、項目識別用セルのＨＴＭＬデータを配置構造設定画面バッファ３０５１に出力する（ステップＳ１５６７）。なお、項目識別用セルのＨＴＭＬデータは、配置構造画面において項目オブジェクトを識別するためのデータである。

ＣＰＵ３０３は、＜ＴＤ＞タグの終了を示す＜／ＴＤ＞タグを出力し（ステップＳ１５６９）、対象列に１を増分させる（ステップＳ１５７１）。

ＣＰＵ３０３は、対象列が最終列を超えているか否かを判断し、超えていれば（ステップＳ１５７３、ＹＥＳ）、＜ＴＲ＞タグの終了を示す＜／ＴＲ＞タグを出力し（ステップＳ１５７５）、対象行に１を増分させる（ステップＳ１５７７）。なお、対象列が最終列を超えていなければ（ステップＳ１５７３、ＮＯ）、ステップＳ１５５９から上記処理を繰り返す。

ＣＰＵ３０３は、対象行が最終行を超えているか否かを判断し、超えていれば（ステップＳ１５７９、ＹＥＳ）、＜ＴＡＢＬＥ＞タグの終了を示す＜／ＴＡＢＬＥ＞タグを出力する（ステップＳ１５８１）。なお、対象行が最終行を超えていなければ（ステップＳ１５７９、ＮＯ）、ステップＳ１５５７から上記処理を繰り返す。

１−４−２−３．
図５において、ＣＰＵ３０３は、読み込んだ項目データ１１０のレコードにおける項目タイプ１６３が、「表」以外の場合（図５、ステップＳ１５０３、ＮＯ）、項目制御用セルのＨＴＭＬデータを配置構造設定画面バッファ３０５１に出力する（ステップＳ１５０５）。例えば、図１１に示す配置構造設定画面１４９における項目制御用セル１４４がこれに該当する。

なお、上述したように、項目制御用セルのＨＴＭＬデータには、配置構造設定画面において項目オブジェクトを選択して制御するためのジャバスクリプトのイベント処理のためのコードが埋め込まれている。

ＣＰＵ３０３は、項目識別用セルのＨＴＭＬデータを配置構造設定画面バッファ３０５１に出力する（ステップＳ１５０７）。なお、上述したように、項目識別用セルのＨＴＭＬデータは、配置構造画面において項目オブジェクトを識別するためのデータである。

例えば、図１１に示す配置構造設定画面１４９における項目識別用セル１４６がこれに該当する。

ＣＰＵ３０３は、項目データ１１０に次のレコードが存在すれば、ステップＳ１５０１から上記処理を繰り返す（ステップＳ１５０９、ＹＥＳ）。

次のレコードが存在しない場合および、ステップＳ１５００においてフォーム作成ボタン１４１が押下されていた場合、ＣＰＵ３０３は、配置構造設定画面に埋め込む所定のジャバスクリプトを配置構造設定画面バッファ３０５１に出力する。このジャバスクリプトには、端末装置１において、マウス／キーボード２０７を用いて項目制御用セルを選択したときの処理や処理ボタンを選択したときの処理等が記述されている。

１−４−３．ステップＳ４１３
図４において、配置構造設定画面生成処理を終えると、サーバ装置３のＣＰＵ３０３は、配置構造設定画面バッファ３０５１に基づいて、図１１に示す配置構造設定画面１４７または１４９を端末装置１に送信する（図４、ステップＳ４１３）。

なお、配置構造設定画面１４７は、フォーム作成ボタン１４１を押下した場合の画面であり、項目オブジェクトが設定されておらず、項目制御用セル１４７０が１つのみ表示される。また、配置構造設定画面１４９は、フォーム一覧１４３のフォーム選択ボタン１４５のいずれか（フォーム０１，フォーム０２、フォーム０３、…）を押下した場合の画面であり、フォームに対応して記録されている項目データ１１０に基づいて生成した項目オブジェクトの配置構造が表示される。

配置構造設定画面１４７または１４９は、端末装置１の表示部であるディスプレイ２０１において表示され、作成ボタン、変更ボタン、挿入ボタン、削除ボタン、複写ボタン、移動ボタンおよび貼付ボタン等の配置構造設定ボタン１４２と、項目オブジェクトとしての項目制御用セル１４４、項目識別用セル１４６が表示される。

なお、配置構造設定画面１４９において、項目オブジェクトの項目タイプが表である場合は、実際の表を罫線１４８として表示される。

１−４−４．ステップＳ４０３〜Ｓ４０４
配置構造設定画面１４７または１４９において、ユーザがマウス／キーボード２０７を操作して項目オブジェクトの項目制御用セルを選択すると（ステップＳ４０３）、当該項目制御用セルが反転表示される。なお、この反転表示は配置構造設定画面１４７または１４９に埋め込まれたジャバスクリプトによって実現される。

例えば、図１１の配置構造設定画面１４９において、選択された項目オブジェクト「Ｂ」の項目制御用セル１４９１が反転表示されている。

配置構造設定画面１４７または１４９の項目制御用セルを反転表示させた状態で、ユーザが上記配置構造設定ボタン１４２（作成ボタン、変更ボタン、挿入ボタン、削除ボタン、複写ボタン、移動ボタン）のいずれかを押下すると（ステップＳ４０４）、ＣＰＵ２０３は、配置構造データ生成処理を実行する（ステップＳ４０５）。

１−４−５．配置構造データ生成処理
図６に、配置構造データ生成処理のフローチャートを示す。この配置構造データ生成処理も、上記同様に、配置構造設定画面１４７または１４９に埋め込まれたジャバスクリプト（商標）によって実行される。

配置構造設定画面１４７または１４９に表示される項目制御用セルには、項目オブジェクトを特定するための項目ＩＤと、項目オブジェクトの種類を判別するための項目タイプがそれぞれ割り当てられている。

なお、項目制御用セルに項目オブジェクトが割り当てられていない場合は、項目ＩＤとして直前の項目オブジェクトの項目ＩＤおよび、項目タイプとしてヌル値が割り当てられる。

１−４−５−１．
ＣＰＵ２０３は、選択された項目制御用セルの項目オブジェクトに割り当てられた項目ＩＤと項目タイプを取得して、メモリ２０５上の配置構造用ワーク領域２０５１にセットする（ステップＳ５００）。

なお、項目オブジェクトが割り当てられていない項目制御用セルが選択された場合は、直前の項目オブジェクトの項目ＩＤとヌル値が、配置構造用ワーク領域２０５１にそれぞれセットされる。

図１３のＡに、配置構造用ワーク領域２０５１のデータ構造の例を示す。配置構造用ワーク領域２０５１は、処理区分１３０１、項目ＩＤ１３０３、項目タイプ１３０５、貼付先項目ＩＤ１３０７等から構成される。例えば、項目オブジェクトにかかる項目ＩＤに「０３」、項目タイプに「ラジオボタン」がそれぞれセットされる。

押下された配置構造設定ボタン１４２に基づいて、ＣＰＵ２０３は以下に示すいずれかの処理を実行する。

作成ボタンが押下された場合（ステップＳ５０１、ＹＥＳ）、ＣＰＵ２０３は、ワーク領域２０５１の処理区分１３０１に「作成」をセットする（ステップＳ５０２）。

変更ボタンが押下された場合（ステップＳ５０３、ＹＥＳ）、ＣＰＵ２０３は、ワーク領域２０５１の処理区分１３０１に「変更」をセットする（ステップＳ５０４）。

挿入ボタンが押下された場合（ステップＳ５０５、ＹＥＳ）、ＣＰＵ２０３は、ワーク領域２０５１の処理区分１３０１に「挿入」をセットする（ステップＳ５０６）。

削除ボタンが押下された場合（ステップＳ５０７、ＹＥＳ）、ＣＰＵ２０３は、ワーク領域２０５１の処理区分１３０１に「削除」をセットする（ステップＳ５０８）。

１−４−５−２．複写セット処理
複写ボタンが押下された場合（ステップＳ５０９、ＹＥＳ）、ＣＰＵ２０３は、複写セット処理を実行する（ステップＳ５１０）。

図６ａに、複写セット処理のフローチャートを示す。図１６のＡに、複写セット処理における配置構造用ワーク領域２０５１を示す。また、図１６のＢに、複写ボタン１６０が押下された場合の複写処理における配置構造設定画面１４９の画面遷移の例を示す。

ＣＰＵ２０３は、配置構造用ワーク領域２０５１の処理区分１３０１に「複写」をセットする（ステップＳ５３０）。

ＣＰＵ２０３は、配置構造設定画面１４９に表示された複写元となる項目制御用セルを、選択時の反転表示と区別できるように、別の色調で反転表示させる（ステップＳ５３１）。例えば、選択時の反転表示の地色が紺色である場合は、複写元となる項目制御用セルの地色を灰色で表示する。図１６のＢに示す配置構造設定画面１４９において、複写元となる項目制御用セル１６１が反転表示されている。

ユーザが複写先の項目オブジェクトの項目制御用セルを選択すると、ＣＰＵ２０３は、配置構造設定画面１４９において、貼付ボタン１６２を選択可能に表示させる。例えば、配置構造設定画面１４９に表示した貼付ボタン１６２の濃淡を変更して選択可能に表示させる。

配置構造設定画面１４９において、ユーザがマウス／キーボード２０７を操作して複写先となる項目オブジェクトにかかる項目制御用セルを選択すると（ステップＳ５３３）、当該項目制御用セルの地色が紺色で反転表示される。例えば、図１６のＢに示す配置構造設定画面１４９において、複写先となる項目制御用セル１６３が反転表示されている。

配置構造設定画面１４９において、貼付ボタンが押下されると（ステップＳ５３５、ＹＥＳ）、ＣＰＵ２０３は、選択された項目オブジェクトにかかる項目ＩＤを、配置構造用ワーク領域２０５１の貼付先項目ＩＤ１３０７にセットする（ステップＳ５３７）。例えば、図１６のＢに示す配置構造設定画面１４９において、項目ＩＤが「０４」である項目オブジェクト「Ｃ」の項目制御用セル１６３を選択していた場合、配置構造用ワーク領域２０５１の貼付先項目ＩＤ１３０７に「０４」がセットされる。

１−４−５−３．移動セット処理
移動ボタンが押下された場合（ステップＳ５１１、ＹＥＳ）、ＣＰＵ２０３は、移動セット処理を実行する（ステップＳ５１２）。図６ｂに、複写セット処理のフローチャートを示す。図１７のＡに、移動セット処理における配置構造用ワーク領域２０５１を示す。また、図１７のＢに、移動ボタン１７０が押下された場合の移動処理における配置構造設定画面１４９の画面遷移の例を示す。

ＣＰＵ２０３は、ワーク領域２０５１の処理区分１３０１に「移動」をセットする（ステップＳ５５０）。

ＣＰＵ２０３は、配置構造設定画面１４９に表示された項目制御用セルを、選択時の反転表示と区別できるように、別の色調で反転表示させる（ステップＳ５５１）。例えば、選択時の反転表示の地色が紺色である場合は、地色を灰色で表示する。図１７に示す配置構造設定画面１４９において、移動元の項目オブジェクトの項目制御用セル１７３が反転表示されている。

ユーザが移動先の項目オブジェクトの項目制御用セル１７１を選択すると、ＣＰＵ２０３は、配置構造設定画面１４９において貼付ボタン１７２を選択可能に表示させる。例えば、配置構造設定画面１４９において、貼付ボタン１７２の濃淡を変更して表示させる。

配置構造設定画面１４９において、ユーザがマウス／キーボード２０７を操作して複写先となる項目オブジェクトにかかる項目制御用セルを選択すると（ステップＳ５５３）、項目制御用セルの地色が紺色で反転表示される。図１７のＢに示す配置構造設定画面１４９において、項目ＩＤ「０１」の項目制御用セル１７１が反転表示されている。

配置構造設定画面１４９において、貼付ボタンが１７２押下されると（ステップＳ５５５、ＹＥＳ）、ＣＰＵ２０３は、選択された項目オブジェクトの項目ＩＤを、配置構造用ワーク領域２０５１の貼付先項目ＩＤ１８７にセットする（ステップＳ５５７）。例えば、図１７のＢに示す配置構造設定画面１４９において、項目ＩＤが「０１」である項目オブジェクト「表１」の項目制御用セル１７１を選択していた場合、配置構造用ワーク領域２０５１の貼付先項目ＩＤ１３０７に「０１」がセットされる。

なお、図６において、上記配置構造設定ボタン１４２のいずれか（作成ボタン、変更ボタン、挿入ボタン、削除ボタン、複写ボタン、移動ボタン、貼付ボタン）以外のボタンが押下された場合は、エラー表示を行い、ユーザに操作エラーを提示する（ステップＳ５１３）。

１−４−６．ステップＳ４０６〜Ｓ４１４
図４において、配置構造データ生成処理を終えると、ＣＰＵ２０３は、メモリ２０５上に記憶された配置構造用ワーク領域２０５１のデータを、配置構造データとして、サーバ装置３に送信する（ステップＳ４０６）。

配置構造データを受けて、サーバ装置３のＣＰＵ３０３は、配置構造データの処理区分１３０１が「作成」または「変更」であれば（ステップＳ４１４、ＹＥＳ）、表示内容設定画面生成処理を実行する（ステップＳ４１５）。

１−４−７．表示内容設定画面生成処理
図７に、表示内容設定画面生成処理のフローチャートを示す。サーバ装置３のＣＰＵ３０３は、端末装置１から受信した配置構造データを読み込む（図７、ステップＳ７００）。配置構造データの項目タイプがヌル値であれば（ステップＳ７０１、ＹＥＳ）、項目オブジェクトに項目タイプ等が設定されていないとみなし、表示内容設定画面の初期設定画面を表示させるためのＨＴＭＬデータを、表示内容設定画面バッファ３０５３に出力する。

例えば、図１３のＢに示す項目オブジェクト「Ｂ」の下に位置する項目オブジェクトが設定されていない項目制御用セル１３５が選択された場合、表示内容設定画面の初期設定画面１３１を表示させるためのＨＴＭＬデータを出力する。

配置構造データの項目タイプがヌル値でなければ（ステップＳ７０１、ＮＯ）、項目ＩＤに基づいて項目データ１１０を抽出し、当該項目ＩＤにかかるレコードを読み込み（ステップＳ７０３）、表示内容データに基づいて設定エリアに表示する画面を表示させるためのＨＴＭＬデータを、表示内容設定画面バッファ３０５３に出力する（ステップＳ７０７）。

例えば、図１４のＢに示す項目オブジェクト「Ｂ」の項目制御用セル１４５が選択された場合、図１２に示した項目データのレコード１２０３を読み込み、表示内容データであるパラメータ０１「表示文字＝“アンケートＢ”」、パラメータ０２「文字サイズ＝“５”」、パラメータ０３「文字色＝“黒”」を設定するためのＨＴＭＬデータを表示内容設定画面バッファ３０５３に出力する。なお、表示内容設定画面１３３の設定エリア１３３１が、前記ＨＴＭＬデータをブラウザ表示した例である。

ＣＰＵ３０３は、表示内容設置画面を端末装置１において表示した場合にブラウザプログラム上で実行させるための所定のジャバスクリプトを、表示内容設定画面バッファ３０５３に出力する（ステップＳ７０９）。

１−４−８．ステップＳ４１６
表示内容設定画面生成処理を終えると、サーバ装置３のＣＰＵ３０３は、表示内容設定画面バッファ３０５３のデータを、表示内容設定画面として端末装置１に送信する（図４、ステップＳ４１６）。

送信をうけて、端末装置１のＣＰＵ２０３は、サーバ装置３から受信した表示内容設定画面をディスプレイ２０１に表示し、ユーザ操作に基づいて表示内容データを生成する表示内容設定処理を実行する（ステップＳ４０７）。

１−４−９．表示内容設定処理
図８に、表示内容設定処理のフローチャートを示す。表示内容設定画面には、ユーザがステップＳ４０３において選択した項目オブジェクトの項目ＩＤ、項目タイプ、表示内容データおよび表示内容設定処理を実行するためのジャバスクリプト等が埋め込まれている。

１−４−９−１．
ＣＰＵ２０３は、表示内容設定画面が初期設定画面であるか否かを判断し、初期設定画面であれば（ステップＳ６０１、ＹＥＳ）、これをディスプレイ２０１に表示する（ステップＳ６０５）。例えば、図１３に示す表示内容設定画面の初期設定画面１３１が表示され、この画面においては、項目タイプを選択するためのプルダウンメニュー１３１１が表示される。

ユーザが、マウス／キーボード２０７を操作して、プルダウンメニュー１３１１から所望の項目タイプを選択すると（ステップＳ６０７、ＹＥＳ）、ＣＰＵ２０３は、選択された項目タイプにかかるデータを、図１３のＡに示す配置構造用ワーク領域２０５１の項目タイプ１３０５にセットする（ステップＳ６０８）。

例えば、図１３のＢに示す表示内容設定画面の初期画面１３１において、項目タイプに「ラジオボタン」が選択されると、図１３のＡに示す配置構造用ワーク領域２０５１の項目タイプ１３０５に「ラジオボタン」をセットする。

なお、項目タイプが選択された場合、当該項目タイプ毎に所定のデフォルト値が表示内容用ワーク領域２０５３にセットされる（ステップＳ６０３）。

一方、ステップＳ６０１において、表示内容設定画面が初期設定画面でない場合、ＣＰＵ２０３は、表示内容設定画面に埋め込まれている項目オブジェクトの項目ＩＤ、項目タイプ、表示内容データ等を表示内容用ワーク領域２０５３にセットする（ステップＳ６０３）。

ＣＰＵ２０３は、表示内容用ワーク領域２０５３にセットされた表示内容データに基づいて、表示内容設定画面内に設定エリアを表示する（ステップＳ６０９）。例えば、図１４のＢにおける表示内容設定画面１３３に示すように、図１２のレコード１２０３に示した項目オブジェクト「Ｂ」にかかる表示内容データに基づいて、識別名「Ｂ」、パラメータ０１「表示文字＝“アンケートＢ”」、パラメータ０２「文字サイズ＝“５”」、パラメータ０３「文字色＝“黒”」等の設定入力項目が設定エリア１３３１（図１４のＢ、表示内容設定画面１３３）に表示される。

ＣＰＵ２０３は、設定エリアを表示すると、続けてプレビューエリア表示処理を実行する。

１−４−９−２．プレビューエリア表示処理
図８ａおよび図８ｂに、プレビューエリア表示処理におけるフローチャートおよび表示内容用ワーク領域２０５３の例を示す。

ＣＰＵ２０３は、図１４のＡに示す配置構造用ワーク領域２０５１から配置構造データを読み込む（ステップＳ６５０）。

ＣＰＵ２０３は、図８ｂのＡに示す表示内容用ワーク領域２０５３から表示内容データを読み込む（ステップＳ６５１）。

ＣＰＵ２０３は、読み込んだ配置構造データにかかる項目タイプに基づいて、ＨＴＭＬデータの出力処理をそれぞれ実行する（ステップＳ６５２〜６６１）。

項目タイプが「文字」の場合（ステップＳ６５２、ＹＥＳ）、「文字」出力処理を実行する（ステップＳ６５３）。

項目タイプが「テキストボックス」の場合（ステップＳ６５４、ＹＥＳ）、「テキストボックス」出力処理を実行する（ステップＳ６５５）。

項目タイプが「画像」の場合（ステップＳ６５６、ＹＥＳ）、「画像」出力処理を実行する（ステップＳ６５７）。

項目タイプが「ラジオボタン」の場合（ステップＳ６５８、ＹＥＳ）、「ラジオボタン」出力処理を実行する（ステップＳ６５９）。

項目タイプが「表」の場合（ステップＳ６５８、ＮＯ）、「表」出力処理を実行する（ステップＳ６６１）。

なお、上記に示した項目タイプの他に、必要に応じて「テキストエリア」、「プルダウンメニュー」、「リストボックス」、「チェックボックス」等の項目オブジェクトの出力処理を実行するようにしてもよい。

１−４−９−２−１．出力処理
上記の各出力処理においては、ＣＰＵ２０３は、表示内容データに記録された各種パラメータデータに基づいてＨＴＭＬデータを出力する。

以下、「文字」出力処理の場合について説明する。図８ｂのＡは表示内容データの例であり、図８ｂのＢは「文字」出力処理におけるフローチャートの例である。

ＣＰＵ２０３は、所定文字をＨＴＭＬ出力するため、開始タグとして「＜ｆｏｎｔ」
を出力する（ステップＳ８５１）。

ＣＰＵ２０３は、パラメータ０２＿８９２に基づいて、「ｓｉｚｅ＝“５”」を、上記開始タグに文字連結する形式で出力する（ステップＳ８５３）。

ＣＰＵ２０３は、パラメータ０３＿８９３に基づいて、「ｃｏｌｏｒ＝”＃００００００”＞」を続けて出力する（ステップＳ８５５）。

ＣＰＵ２０３は、パラメータ０１＿８９１に基づいて、「アンケートＢ」を、続けて出力する（ステップＳ８５７）。

ＣＰＵ２０３は、終了タグとして「＜／ｆｏｎｔ＞」を出力する。

を出力する（ステップＳ８５９）。

すなわち、これらの処理により、ＨＴＭＬデータ「 <FONT SIZE="5" COLOR="#000000"> アンケートＢ <FONT> 」８９９が生成される。

なお、「テキストボックス」出力処理、「画像」出力処理、「ラジオボタン」出力処理、「表」出力処理またはその他の場合の出力処理についても、上記のように、各パラメータの値に基づいて各項目オブジェクトを表現するためのＨＴＭＬデータを作成することができる。

１−４−９−２−２．
ＣＰＵ２０３は、上記において出力したＨＴＭＬデータを、プレビューエリア１３３３に表示させる（ステップＳ６６３）。なお、プレビュー表示エリア１３３３は、ＨＴＭＬデータを受けて、これをブラウザ表示する。例えば、図１４のＢに示す表示内容設定画面１３３のプレビューエリア１３３３は、上記ＨＴＭＬデータ８９９をブラウザ表示させた場合の例である。

１−４−９−３．
プレビューエリアを確認したユーザが、設定エリアの設定値を変更すると（ステップＳ６１３）、ＣＰＵ２０３はこれを検知して、設定エリアの内容を表示内容ワーク領域２０５３に記録してこれを更新する（ステップＳ６１０）。例えば、ジャバスクリプトにおけるマウスのイベント処理（ｏｎＢｌｕｒ、ｏｎＣｈａｎｇｅ、ｏｎＣｌｉｃｋ等）によって、設定エリアの設定値の変更を検知するようにすればよい。

表示内容ワーク領域２０５３を更新すると、ＣＰＵ２０３は、ステップＳ６１１に戻って上記プレビューエリア表示処理（ステップＳ６１１）を繰り返す。

このように、設定エリアの内容が変更される都度、プレビューエリア生成処理を実行することにより、設定中の表示内容を即座に確認することができ、作業効率が向上する。

ユーザは、プレビューエリア１３３３において、所望の表示内容が設定されていることを確認すると、設定完了ボタン１３３５を押下する（ステップＳ６１５、ＹＥＳ）。これを受けて、ＣＰＵ２０３は表示内容設定処理を終了する。

１−４−１０．ステップＳ４０８
ＣＰＵ２０３は、配置構造用ワーク領域２０５１にセットされたデータを配置構造データとして、また、表示内容用ワーク領域２０５３にセットされたデータを表示内容データとして、サーバ装置３にそれぞれを送信する（ステップＳ４０８）。

サーバ装置３のＣＰＵ３０３は、端末装置１から表示内容データを受けて、項目データ更新処理を実行する（ステップＳ４１７）。

１−４−１１．項目データ更新処理
サーバ装置３のＣＰＵ３０３は、ステップＳ４１４における配置構造データの処理区分１３０１が「作成」もしくは「変更」以外である場合、または、ステップ４０８において端末装置１から配置構造データおよび表示内容データを受けた場合、項目データ更新処理を実行する（ステップＳ４１７）。

図９に、項目データ更新処理におけるフローチャートを示す。ＣＰＵ３０３は、端末装置１から受信した配置構造データを読み込む（ステップＳ７００）。配置構造データの処理区分によって、ＣＰＵ２０３は以下に示すいずれかの処理を実行する。

処理区分が「作成」である場合（ステップＳ７０１、ＹＥＳ）、ＣＰＵ２０３は、作成処理を実行する（ステップＳ７０２）。

処理区分が「変更」である場合（ステップＳ７０３、ＹＥＳ）、ＣＰＵ２０３は、変更処理を実行する（ステップＳ７０４）。

処理区分が「挿入」である場合（ステップＳ７０５、ＹＥＳ）、ＣＰＵ２０３は、挿入処理を実行する（ステップＳ７０６）。

処理区分が「削除」である場合（ステップＳ７０７、ＹＥＳ）、ＣＰＵ２０３は、削除処理を実行する（ステップＳ７０８）。

処理区分が「複写」である場合（ステップＳ７０９、ＹＥＳ）、ＣＰＵ２０３は、複写処理を実行する（ステップＳ７１０）。

処理区分が「移動」である場合（ステップＳ７１１、ＹＥＳ）、ＣＰＵ２０３は、移動処理を実行する（ステップＳ７１２）。

なお、上記処理区分以外の処理区分が記録されている場合は、端末装置１のディスプレイ２０１にエラー表示を行い、ユーザに操作エラーを提示する（ステップＳ７１３）。

１−４−１１−１．作成処理
図９ａに、作成処理におけるフローチャートを示す。ＣＰＵ３０３は、配置構造データから項目ＩＤと項目タイプを読み込み（ステップＳ８０１）、当該項目ＩＤの下に新規レコードを１件挿入する処理を行う。

例えば、当該項目ＩＤの次の項目ＩＤ（「項目ＩＤ＋１」）が存在する場合（ステップＳ８０５、ＹＥＳ）、当該次の項目ＩＤ（「項目ＩＤ＋１」）に１を加えてレコードを更新し、項目ＩＤを１つ下にずらす処理を行う（ステップＳ８０７）。

さらに、ずらす前の項目ＩＤを親表ＩＤにもつすべてのレコードの親表ＩＤを、当該ずらした後の項目ＩＤに更新する（ステップＳ８０９）。

ＣＰＵ３０３は、上記ステップＳ８０７〜Ｓ８０９を、これ以下のすべてのレコードについて繰り返す（ステップＳ８１１）。

すべてのレコードについての処理を終えると、ＣＰＵ３０３は、項目ＩＤの次の位置（「項目ＩＤ＋１」）に、配置構造データと表示内容データに基づいて新規レコードを１件挿入する（ステップＳ８１１）。

なお、上記ステップＳ８０５において、次の項目ＩＤ（「項目ＩＤ＋１」）が存在しない場合（ステップＳ８０５、ＮＯ）は、レコードの最後の位置に、配置構造データと表示内容データに基づいて新規レコードを１件追加する（ステップＳ８１１）。

１−４−１１−１−１．作成の具体例
図１３、図１３ａおよび図１３ｂに示す画面とデータの例を用いて、上記フローチャートの処理における具体例を説明する。なお、図１３ｂに示す項目データ１３５１は、図１３のＢに示す配置構造設定画面１４９に対応している。

図１３に示す配置構造設定画面１４９において、ユーザが、項目オブジェクトが設定されていない項目制御用セル１３５を選択して作成ボタン１３７を押下すると、その右側に示す表示内容設定画面（初期設定画面）１３１が表示される。ユーザが項目タイプのドロップダウンリスト１３１１から「ラジオボタン」を選択すると、
図１３ａのＢの表示内容設定画面１３３に示すように、ラジオボタン用の設定入力画面が設定エリア１３３１に表示される。なお、このときＣＰＵ２０３は、図１３ａのＡに示す表示内容用ワーク領域２０５３にセットされた表示内容データを介して設定エリア１３３１を表示する。

また、これと同時にプレビューエリア１３３３には、設定エリア１３３１の表示内容を反映させたＨＴＭＬデータが出力されており、設定状況をブラウザ表示する。

設定エリア１３３１において、ユーザが所望の設定値を入力するたびに、設定エリア１３３１の設定内容に応じてプレビューエリア１３３３が更新される。ユーザが設定完了ボタン１３３５を押下すると、設定エリア１３３１の設定内容が表示内容データとしてサーバ装置３に送信され、項目データ１１０に記録される。

図１３ｂに示すレコード１３９１は、この場合に追加されるレコードであり、項目ＩＤ「０４」、項目タイプ「ラジオボタン」、親表ＩＤ「０１」、…として記録される。なお、このとき識別名「Ｃ」のレコードは、項目ＩＤが「０４」から「０５」に更新される。

更新後、サーバ装置３は、図１３ａのＢの右側に示す配置構造設定画面１４９を送信する。この画面において、追加した項目オブジェクト「Ｘ」にかかる項目識別用セル１３３７が表示される。

なお、追加した項目オブジェクトにかかる項目タイプが「表」である場合には、項目識別用セル１３３は表示されず、実際の表の罫線が表示される。これにより、表の入れ子構造を指定した場合であっても、容易に表の構造を理解することができる。

図１３ｃに、表の入れ子構造を指定した場合における配置構造設定画面の例を示す。この画面において、表を示す項目制御用セル「０１」に対する項目識別用セル２００１の内部に、表を示す項目制御用セル「０２」に対する項目識別用セル２００３、表を示す項目制御用セル「０５」に対する項目識別用セル２００５がそれぞれ入れ子構造で表示されている。

１−４−１１−２．変更処理
図９ｇに、変更処理におけるフローチャートを示す。ＣＰＵ３０３は、配置構造データから項目ＩＤと項目タイプを読み込む（ステップＳ８０２）。

ＣＰＵ３０３は、端末装置１から送信された表示内容データを読み込み（ステップＳ８０３）、当該項目データ１１０のレコードにおける表示内容データを更新する（ステップＳ８０４）。

１−４−１１−２−１．変更の具体例
図１４、図１４ａおよび図１４ｂに示す画面とデータの例を用いて、上記フローチャートの処理における具体例を説明する。なお、図１４ｂの項目データ１４５１は、図１４の配置構造設定画面１４９に対応している。

図１４に示す配置構造設定画面１４９において、ユーザが、項目オブジェクト「Ｂ」にかかる項目制御用セル１４５を選択して変更ボタン１４７を押下すると、その右側に示す表示内容設定画面１３３が表示される。

上述したように、設定エリア１３３１には、項目データ１４５１の表示内容データに基づく設定入力画面が表示される。また、これと同時にプレビューエリア１３３３には、設定エリアの表示内容を反映させたＨＴＭＬデータが出力されており、現在の設定状況をブラウザ表示する。

設定エリア１３３１において、ユーザが文字色１４６を「黒」から「赤」に変更する操作を行うと、図１４ａのＡに示す表示内容用ワーク領域２０５３に設定内容であるパラメータ０３１４８が「文字色＝“赤”」に更新される。

プレビューエリア１３３３は、表示内容用ワーク領域２０５３に基づいて文字色を「赤」に変更した場合のプレビュー表示を行う。

プレビューを確認したユーザが設定完了ボタン１３３５を押下すると、設定エリア１３３１の内容である表示内容用ワーク領域２０５３のデータが表示内容データとしてサーバ装置３に送信され、項目データ１１０に記録される。

図１４ｂにおけるレコード１４９１は、この場合に更新されるレコードであり、このレコードの表示内容データの１つである文字色が「赤」に更新される。

更新後、サーバ装置３は、図１４ａのＢの右側に示す配置構造設定画面１４９を送信する。

１−４−１１−３．挿入処理
図９ｂに、挿入処理におけるフローチャートを示す。ＣＰＵ３０３は、配置構造データから項目ＩＤを読み込む（ステップＳ９０１）。

ＣＰＵ３０３は、配置構造設定画面における項目ＩＤの位置に、項目タイプが未設定の項目オブジェクトを１つ追加する。

なお、挿入処理においては、項目データ１１０のレコードを更新処理を特に行わない。

１−４−１１−４．削除処理
図９ｃに、削除処理におけるフローチャートを示す。ＣＰＵ３０３は、配置構造データから項目ＩＤを読み込む（ステップＳ１００１）。

ＣＰＵ３０３は、前記項目ＩＤの属する項目データ１１０のレコードを削除する（ステップＳ１００３）。

ＣＰＵ３０３は、読み込んだ項目ＩＤを親表ＩＤにもつレコードを検索し、レコードが存在しなければ（ステップＳ１００４、ＮＯ）、削除した項目ＩＤの下に存在するレコードの項目ＩＤをすべて更新する処理を行う。

例えば、当該項目ＩＤの次の項目ＩＤ（「項目ＩＤ＋１」）が存在する場合（ステップＳ１００７、ＹＥＳ）、当該次の項目ＩＤ（「項目ＩＤ＋１」）に１を減らしてレコードを更新し、項目ＩＤを１つ上にずらす処理を行う（ステップＳ１００９）。

さらに、ずらす前の項目ＩＤを親表ＩＤにもつすべてのレコードの親表ＩＤを、当該ずらした後の項目ＩＤに更新する（ステップＳ１０１１）。

ＣＰＵ３０３は、上記ステップＳ１００９〜Ｓ１０１１を、これ以下のすべてのレコードについて繰り返す（ステップＳ１０１３、ＹＥＳ）。

すべてのレコードについての処理を終えると（ステップＳ８１０１３、ＮＯ）、ＣＰＵ３０３は削除処理を終了する。

なお、上記ステップＳ１００４において、読み込んだ項目ＩＤを親表ＩＤにもつレコードが存在すれば（ステップＳ１００４、ＹＥＳ）、当該削除処理の再帰呼び出しを行い、ネスト構造にある項目オブジェクトにかかる項目データ１１０のレコードをすべて削除する（ステップＳ１００６）。

１−４−１１−４−１．削除の具体例
図１５および図１５ａに示す画面とデータの例を用いて、上記フローチャートの処理における具体例を説明する。なお、図１５ａの項目データ１５５１は、図１５の配置構造設定画面１４９に対応している。

図１５に示す配置構造設定画面１４９において、ユーザが、項目オブジェクトの識別名「表１」の項目制御用セル１５５を選択して削除ボタン１５７を押下すると、図１５のＡに示す配置構造用ワーク領域２０５１が配置構造データとしてサーバ装置３に送信される。

サーバ装置３は、項目ＩＤ「０１」のレコードを検索して削除するとともに、当該項目ＩＤを親表ＩＤにもつ項目ＩＤ「０２」および「０３」のレコードを削除する。

なお、図１５ａに示すように、削除した項目ＩＤの下に位置する項目ＩＤ「０４」のレコード１５９１は、項目ＩＤ「０４」から「０１」に更新される。

更新後、サーバ装置３は、図１５のＢの右側に示す配置構造設定画面１４９を送信する。

１−４−１１−５．複写処理
図９ｄに、複写処理におけるフローチャートを示す。ＣＰＵ３０３は、配置構造データから複写元として設定された項目ＩＤを読み込む（ステップＳ１１０１）。

ＣＰＵ３０３は、項目ＩＤの属するレコードを一時的に保存しておく一時保存処理を行う（ステップＳ１１０３）。図９ｅに、一時保存処理におけるフローチャートを示す。ＣＰＵ３０３は、項目ＩＤを読み込む（ステップＳ１１５１）。

ＣＰＵ３０３は、読み込んだ項目ＩＤの属するレコードをメモリ３０５上の一時保存領域１５０に一時保存する（ステップＳ１１５３）。

ＣＰＵ３０３は、読み込んだ項目ＩＤを親表ＩＤにもつレコードを検索し、レコードが存在すれば（ステップＳ１１５５、ＹＥＳ）、当該一時保存処理の再帰呼び出しを行い、ネスト構造にある項目オブジェクトのレコードをすべて一時保存する（ステップＳ１１５７）。

図９ｄに示す複写処理において、一時保存処理（ステップＳ１１０３）を終えたＣＰＵ３０３は、貼付先項目ＩＤを読み込む（ステップＳ１１０５）。例えば、図１６に示した例においては、貼付先項目１３０７として「０４」を読み込む。

ＣＰＵ３０３は、一時保存領域１５０から一時保存したレコード数を取得する（ステップＳ１１０７）。

ＣＰＵ３０３は、当該項目ＩＤの次の項目ＩＤを、上記で取得したレコード数に等しい数だけ下にずらす処理を行い（ステップＳ１１０９）、ずらした項目ＩＤを親表ＩＤにもつすべてのレコードの親表ＩＤを、当該ずらした項目ＩＤに更新する（ステップＳ１１１１）。

ＣＰＵ３０３は、上記ステップＳ１１０９〜Ｓ１１１１を、すべてのレコードについて繰り返す（ステップＳ１１１３）。

すべてのレコードについての処理を終えると、ＣＰＵ３０３は、項目ＩＤの位置に、一時保存領域１５０に一時保存したレコードをすべて挿入する（ステップＳ１１１５）。

１−４−１１−５−１．複写の具体例
図１６および図１６ａに示す画面とデータの例を用いて、上記フローチャートの処理における具体例を説明する。なお、図１６ａの項目データ１６５１は、図１６の配置構造設定画面１４９に対応している。

図１６に示す配置構造設定画面１４９において、ユーザが、項目オブジェクトの識別名「表１」の項目制御用セル１６１を選択して複写ボタン１６０を押下すると、図１６のＡに示す配置構造用ワーク領域２０５１の項目ＩＤ１３０３に「０１」がセットされるとともに、「表１」の項目制御用セル１６１が灰色で反転表示される。また、貼付ボタン１６２が選択可能に表示される。

ユーザが、複写先の項目制御用セル１６３を選択して貼付ボタン１６２を押下すると、配置構造用ワーク領域２０５１の貼付先項目ＩＤに「０４」がセットされ、当該配置構造用ワーク領域２０５１のデータが配置構造データとして、サーバ装置３に送信される。

サーバ装置３は、項目ＩＤ「０１」のレコードおよび当該レコードとネスト関係にあるすべてのレコードを検索して一時保存する。例えば、項目ＩＤ「０１」〜「０３」のレコードが一時保存される。

ＣＰＵ３０３は、貼付先項目ＩＤ「０４」を取得して、この位置にあるレコードを一時保存したレコードの数だけ繰り下げる。例えば、レコード数「３」、貼付先項目ＩＤ「０４」であることにより、項目ＩＤ「０４」のレコード１６９１は３つ繰り下げられ、項目ＩＤ「０７」に更新される。

さらに、ＣＰＵ３０３は、レコード一時保存したレコードを項目ＩＤ「０４」〜「０６」として挿入する。

これにより、サーバ装置３は、項目ＩＤ「０１」〜「０３」のレコードを、項目ＩＤ「０４」を先頭レコードとする位置に複写することができる。

更新後、サーバ装置３は、図１６のＢの右側に示す配置構造設定画面１４９を送信する。

１−４−１１−６．移動処理
図９ｆに、移動処理におけるフローチャートを示す。

ＣＰＵ３０３は、配置構造データから移動元として設定された項目ＩＤを読み込む（ステップＳ１２０１）。

ＣＰＵ３０３は、読み込んだ項目ＩＤを複写元として上記複写処理を行い（ステップＳ１２０３）、さらに、読み込んだ項目ＩＤを対象として削除処理を行う（ステップＳ１２０５）。

１−４−１１−６−１．移動の具体例
図１７および図１７ａに示す画面とデータの例を用いて、上記フローチャートの処理における具体例を説明する。なお、図１７ａの項目データ１７５１は、図１７の配置構造設定画面１４９に対応している。

図１７に示す配置構造設定画面１４９において、ユーザが、項目オブジェクトの識別名「Ｃ」の項目制御用セル１７３を選択して移動ボタン１７０を押下すると、図１７のＡに示す配置構造用ワーク領域２０５１の項目ＩＤ１３０３に「０４」がセットされるとともに、「Ｃ」の項目制御用セル１７３が灰色で反転表示される。また、貼付ボタン１７２が選択可能に表示される。

ユーザが、移動先の項目制御用セル１７１を選択して貼付ボタン１７２を押下すると、配置構造用ワーク領域２０５１の貼付先項目ＩＤに「０１」がセットされ、当該配置構造用ワーク領域２０５１のデータが配置構造データとして、サーバ装置３に送信される。

サーバ装置３は、項目ＩＤ「０４」のレコードおよび当該レコードとネスト関係にあるすべてのレコードを検索して一時保存する。例えば、項目ＩＤ「０４」のレコードが一時保存される。

ＣＰＵ３０３は、貼付先項目ＩＤ「０１」を取得して、この位置にあるレコードを一時保存したレコードの数だけ繰り下げる。

さらに、ＣＰＵ３０３は、一時保存したレコード１７９１を項目ＩＤ「０１」として挿入する。

これにより、サーバ装置３は、項目ＩＤ「０４」のレコードを、項目ＩＤ「０１」の位置に移動することができる。

更新後、サーバ装置３は、図１７のＢの右側に示す配置構造設定画面１４９を送信する。この画面において、項目オブジェクト「Ｃ」にかかる項目識別用セル１７５は、先頭に表示されている。

なお、図１７のＢの右側に示す配置構造設定画面１４９においては、移動元となった項目制御セル１７１が選択時と同様に反転表示されている。これにより、再度移動ボタン１７０を押下することなく、移動先となる項目制御セルを選択して貼付ボタン１７２を押下することができる。つまり、ユーザは、移動の操作を連続して行うことができる。また、上述した複写処理においても同様に、複写後に項目制御セルを選択状態で反転表示するようにしてもよい。

１−４−１２．ステップＳ４１８〜Ｓ４０９
項目データ更新処理を終えると、サーバ装置３のＣＰＵ３０３は、上記ステップＳ４１２と同様の配置構造設定画面生成処理を実行する（ステップＳ４１８）。すなわち、更新後の項目データに基づいて、配置構造設定画面を再生成する処理を行う。

配置構造設定画面を再生成すると、ＣＰＵ３０３は、配置構造設定画面を更新するための画面を端末装置１に送信する（ステップＳ４１９）。なお、挿入処理の場合は、挿入した項目オブジェクトが追加された配置構造設定画面を送信する。

送信を受けて、端末装置１における配置構造設定画面が更新される。ユーザは更新後の配置構造設定画面を確認し、必要であれば、上記ステップＳ４０３に戻って上記処理を繰り返す（ステップＳ４０９、ＮＯ）。

図１３のＢに示す配置構造設定画面において、ユーザが保存ボタン１３９を押下すると、端末装置１のＣＰＵ２０３は、サーバ装置３にウェブページの生成指示を送信する（ステップＳ４１０）。

送信を受けて、サーバ装置３のＣＰＵ３０３は、項目データに基づいてウェブページを生成する処理を実行する（ステップＳ４２０）。

１−４−１３．ウェブページ生成処理
図１０に、ウェブページ生成処理におけるフローチャートを示す。

１−４−１３−１．
ＣＰＵ３０３は、フォーム毎に作成されたデータベースに記録されている項目データ１１０の１レコードを読み込む（ステップＳ１３０１）。

図１２に、示したように、項目データ１１０のデータ構造における１レコードは、項目ＩＤ１６１、項目タイプ１６３、位置データ１６５（親表ＩＤ１６５１、行番号１６５２、列番号１６５３）、表示内容データ１６７（識別名１６７１、パラメータ０１＿１６７２、パラメータ０２＿１６７３、パラメータ０３＿１６７９、…）等から構成される。

ＣＰＵ３０３は、読み込んだ項目データ１１０のレコードにおける項目タイプ１６３が、「表」である場合（ステップＳ１３０３、ＹＥＳ）、表出力処理を実行する（ステップＳ１３０６）。例えば、図１２に示す項目データ１１０における項目ＩＤ１６１が「０１」のレコードは項目タイプ１６３が「表」である。

１−４−１３−２．表出力処理
図１０ａに、表出力処理におけるフローチャートを示す。サーバ装置３のＣＰＵ３０３は、項目データ１１０の「表」を示すレコードの表示内容データから、行番号および列番号を取得し、最終行および最終列としてそれぞれ記録する（ステップＳ１３５１）。

ＣＰＵ３０３は、対象行を「１」、対象列を「１」にそれぞれ設定する（ステップＳ１３５３）。ＣＰＵ３０３は、ハードディスク３０９上のデータファイルであるウェブページ３０９５に、ＨＴＭＬの表（テーブル）の開始を記述する＜ＴＡＢＬＥ＞タグを出力し（ステップＳ１３５５）、さらに、表の行の開始を記述する＜ＴＲ＞タグを出力する（ステップＳ１３５７）。ＣＰＵ３０３は、表の内部に表示する内容の開始を記述する＜ＴＤ＞タグを出力する（ステップＳ１３５９）。

ＣＰＵ３０３は、項目データ１１０から次の１レコードを読み込み（ステップＳ１３６１）、読み込んだレコードにおける項目タイプ１６３が、「表」である場合（ステップＳ１３６３、ＹＥＳ）、表出力処理を再帰呼出にて実行する（ステップＳ１３６２）。これにより、表の内部にさらに表が存在するネスト構造にある場合のＨＴＭＬデータを出力することができる。

ＣＰＵ３０３は、読み込んだレコードにおける項目タイプ１６３が「表」以外の場合（ステップＳ１３６３、ＮＯ）、項目データ１１０レコードの表示内容データに基づいてＨＴＭＬデータを出力する（ステップＳ１３６５）。

なお、上記ステップＳ１３６５において、表示内容データに基づいてＨＴＭＬデータを出力させる処理については、上述したプレビューエリア表示処理（図８ａ）における各種出力処理（例えば、図８ｂ）と同様である。例えば、図１２に示した項目データにおけるレコード１２０３の表示内容データを読み込んだ場合、ＨＴＭＬデータ「 <FONT SIZE="5" COLOR="#000000"> アンケートＢ <FONT> 」を出力する。

ＣＰＵ３０３は、＜ＴＤ＞タグの終了を示す＜／ＴＤ＞タグを出力し（ステップＳ１３６７）、対象列に１を増分させる（ステップＳ１３６９）。

ＣＰＵ３０３は、対象列が最終列を超えているか否かを判断し、超えていれば（ステップＳ１３７１、ＹＥＳ）、＜ＴＲ＞タグの終了を示す＜／ＴＲ＞タグを出力し（ステップＳ１３７３）、対象行に１を増分させる（ステップＳ１３７５）。なお、対象列が最終列を超えていなければ（ステップＳ１３７１、ＮＯ）、ステップＳ１３５９から上記処理を繰り返す。

ＣＰＵ３０３は、対象行が最終行を超えているか否かを判断し、超えていれば（ステップＳ１３７７、ＹＥＳ）、＜ＴＡＢＬＥ＞タグの終了を示す＜／ＴＡＢＬＥ＞タグを出力する（ステップＳ１３７９）。なお、対象行が最終行を超えていなければ（ステップＳ１３７７、ＮＯ）、ステップＳ１３５７から上記処理を繰り返す。

１−４−１３−３．
図１０において、ＣＰＵ３０３は、読み込んだ項目データ１１０のレコードにおける項目タイプ１６３が、「表」以外の場合（図１０、ステップＳ１３０３、ＮＯ）、項目データ１１０レコードの表示内容データに基づいてＨＴＭＬデータを出力する（ステップＳ１３０５）。

なお、上記ステップＳ１３０５において、表示内容データに基づいてＨＴＭＬデータを出力させる処理については、上述したプレビューエリア表示処理（図８ａ）における各種出力処理（例えば、図８ｂ）と同様である。

ＣＰＵ３０３は、項目データ１１０に次のレコードが存在すれば、ステップＳ１３０１から上記処理を繰り返す（ステップＳ１３０７、ＹＥＳ）。次のレコードが存在しなければ、ウェブページ生成処理を終了する（ステップＳ１３０７、ＮＯ）。

１−５まとめ
以上説明したように、この発明によれば、ウェブページの作成において、テーブルタグの中にさらにテーブルタグを入れ子状に記述して、テーブルのネスト構造を作成したい場合であっても、簡単に編集することができる。

２．その他の実施形態
上記実施形態においては、端末装置１にインストールされたブラウザプログラム２０９１を用いてウェブページ作成処理を行うように構成したが、その他のプログラムを用いてもよい。例えば、Visual Basic（商標）、Visual C++（商標）またはその他の開発言語等で開発されたアプリケーションプログラムがこれに該当する。

上記実施形態においては、端末装置１のプログラムで、配置構造データ生成処理（図４、ステップＳ４０５）や表示内容設定処理（図４、ステップＳ４０７）を実行するように構成したが、サーバ装置３のプログラムでこれらの処理を実行するようにしてもよい。この場合、サーバ装置３で生成した画面を端末装置３に送信し、ユーザ操作に基づいてサーバ装置３で所定の処理を行うようにすればよい。

上記実施形態においては、端末装置１とサーバ装置３を用いてウェブページ作成処理を行うウェブページ作成システムを構成したが、１つの装置でこれを実現するウェブページ作成装置としてもよい。

上記実施形態においては、項目データ１１０を、フォーム毎に作成されたデータベースを用いて構成したが、その他の方法を用いてもよい。例えば、ＣＳＶ形式等で記録されたテキストファイルがこれに該当する。

また、データベースにフォームＩＤを記録して、１つのデータベースで複数のフォームにかかる項目データ１１０を管理するようにしてもよい。

上記実施形態においては、配置構造設定画面の項目制御用セルを四角形で表示したが、図１３ｃのアイコン２００７に示すように、項目タイプの種類に応じたアイコンを項目制御用セル上に同時に表示するようにしてもよい。また、上記アイコンのみを項目制御用セルとしてもよい。

上記実施形態においては、配置構造設定画面において項目制御用セルが選択された場合、選択された項目制御用セルの地色を反転表示するように構成したが、項目識別用セルの地色も併せて反転表示するようにしてもよい。これにより、配置構造設定画面における視認性が高まり、ユーザの操作効率を向上させることができる。なお、反転表示の色として紺色と灰色を用いて構成したが、項目識別用セルの地色を他の色（例えば、水色）を用いて反転表示するようにしてもよい。

上記実施形態においては、図１に示す機能を実現する為に、ＣＰＵ２０３およびＣＰＵ３０３を用い、ソフトウェアによってこれを実現している。しかし、その一部もしくは全てを、ロジック回路等のハードウェアによって実現してもよい。なお、プログラムの一部の処理をさらに、オペレーティングシステム（ＯＳ）にさせるようにしてもよい。

３．本発明にかかる他の側面
上記において示したウェブページ作成システムの他の側面を以下に説明する。つまり、上記ウェブページ作成システムは、下記に説明するプレビュー生成システムとしても捉えることができる。図１８に、このプレビュー生成システムを構成する機能ブロック図を示す。

３−１．端末装置
図１８において、本発明にかかる端末装置１は、入力画面要求手段１８０１と、パラメータ入力手段１８０３と、プレビュー画面生成手段１８０５と、プレビュー画面表示手段１８０４と、ウェブページ生成指示手段１８０７と、ＨＴＭＬデータ表示手段１８０９を備えている。

入力画面要求手段１８０１は、サーバ装置３にウェブページ作成のための入力画面を要求する。

パラメータ入力手段１８０３は、サーバ装置３から受けた入力画面にウェブページを構成する項目オブジェクトを表示内容であるパラメータを入力する。

プレビュー画面生成手段１８０５は、パラメータ入力手段１８０３において入力されたパラメータに基づいて、当該項目オブジェクトのＨＴＭＬデータを作成しプレビュー画面を生成する。

プレビュー画面表示手段１８０４は、プレビュー画面生成手段において作成されたＨＴＭＬデータを解釈してブラウザ表示する。

なお、ユーザが項目オブジェクトのパラメータを変更すると、これを受けて、プレビュー画面生成手段１８０５はＨＴＭＬデータを再作成する。さらに、プレビュー画面生成手段において再作成されたＨＴＭＬデータを解釈してブラウザ表示を更新する。

ＨＴＭＬデータ表示手段１８０９は、サーバ装置３から受けたウェブページをブラウザ表示する。

３−２．サーバ装置
図１８において、本発明にかかるサーバ装置３は、入力画面送信手段１８１１と、記録部１８１２と、ウェブページ生成手段１８１３と、
ウェブページ送信手段１８１５を備えている。

入力画面送信手段１８１１は、端末装置１からの要求を受けて入力画面を送信する。

ウェブページ生成手段１８１３は、端末装置１からウェブページ生成指示とともにパラメータデータを受けて、ＨＴＭＬデータを生成しこれを記録部１８１２に記録する。

ウェブページ送信手段１８１５は、記録部１８１２に記録されたウェブページを端末装置１に送信する。

３−３．処理の概要
(1)この発明は、
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
前記端末装置は、
(A)表示内容設定画面に設定された項目オブジェクトの表示内容を入力する表示内容入力手段（パラメータ入力手段）と、
(B)入力された表示内容に基づいて、前記項目オブジェクトのプレビュー画面を生成するプレビュー画面生成手段と、
プレビュー画面生成手段において生成されたプレビュー画面を表示するプレビュー画面表示手段と、
(C)ユーザ指示に基づいて、サーバ装置３に入力されたパラメータデータとともに、ウェブページ生成指示を送信するウェブページ生成指示手段とを備え、
前記サーバ装置は、
(D)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段（入力画面送信手段）と、
(E)端末装置から受信したパラメータデータに基づいて、ウェブページを生成して記録部に記録するウェブページ生成手段とを備え、
ことを特徴とするウェブページ作成システム。

(2)この発明は、
ウェブページにおける項目オブジェクトのプレビュー画面を作成するプレビュー画面作成装置であって、
項目オブジェクトの表示内容を設定するための表示内容設定画面を表示する表示内容設定画面表示手段と、
前記表示内容設定画面に設定された表示内容に基づいて、項目オブジェクトの表示内容データを生成する表示内容データ生成手段と、
前記表示内容データを読み込んで、項目オブジェクトのウェブページにおけるプレビュー表示画面を生成するプレビュー表示画面生成手段とを備え、
前記プレビュー表示画面を前記表示内容設定画面と同一画面内に表示させることを特徴とするプレビュー画面作成装置である。

(3)この発明は、
表示内容データ生成手段は、前記表示内容設定画面において表示内容が変更されると、表示内容データを再作成し、
前記プレビュー表示画面生成手段は、再作成された表示内容データを読み込んで新たなプレビュー表示画面を生成するとともに、前記プレビュー表示画面を更新することを特徴とする。

この発明の実施形態におけるウェブページ作成システムを構成する端末装置１およびサーバ装置３の機能ブロック図の例を示す図である。 この発明のウェブページ作成システムにかかる処理の概要の例を示す図である。 この発明の端末装置１のハードウェア構成図の例を示す例である。 この発明のサーバ装置３のハードウェア構成図の例を示す例である。 この発明の「ウェブページ作成処理」における全体フローチャートの例を示す図である。 この発明の「ウェブページ作成処理」における全体フローチャートの例を示す図である。 この発明の「配置構造設定画面生成処理」におけるフローチャートの例を示す図である。 この発明の「表出力処理」におけるフローチャートの例を示す図である。 この発明の「配置構造データ生成処理」におけるフローチャートの例を示す図である。 この発明の「複写セット処理」におけるフローチャートの例を示す図である。 この発明の「移動セット処理」におけるフローチャートの例を示す図である。 この発明の「表示内容設定画面生成処理」におけるフローチャートの例を示す図である。 この発明の「表示内容設定処理」におけるフローチャートの例を示す図である。 この発明の「設定エリア表示処理」におけるフローチャートの例を示す図である。 この発明の『「文字」出力処理』におけるデータおよびフローチャートの例を示す図である。 この発明の「項目データ更新処理」におけるフローチャートの例を示す図である。 この発明の「作成または変更処理」におけるフローチャートの例を示す図である。 この発明の「挿入処理」におけるフローチャートの例を示す図である。 この発明の「削除処理」におけるフローチャートの例を示す図である。 この発明の「複写処理」におけるフローチャートの例を示す図である。 この発明の「一時保存処理」におけるフローチャートの例を示す図である。 この発明の「移動処理」におけるフローチャートの例を示す図である。 この発明の「変更処理」におけるフローチャートの例を示す図である。 この発明の「ウェブページ生成処理」におけるフローチャートの例を示す図である。 この発明の「表出力処理」におけるフローチャートの例を示す図である。 この発明の「メニュー画面」および「配置構造設定画面」の例を示す図である。 この発明の項目データにおけるデータ構造の例を示す図である。 この発明の作成処理における配置構造データ、配置構造設定画面および表示内容設定画面の例を示す図である。 この発明の作成処理における表示内容データ、配置構造設定画面および表示内容設定画面の例を示す図である。 この発明の作成処理における項目データの例を示す図である。 この発明の作成処理における配置構造設定画面の例を示す図である。 この発明の変更処理における配置構造データ、配置構造設定画面および表示内容設定画面の例を示す図である。 この発明の変更処理における表示内容データ、配置構造設定画面および表示内容設定画面の例を示す図である。 この発明の変更処理における項目データの例を示す図である。 この発明の削除処理における配置構造データ、配置構造設定画面の例を示す図である。を示す図である。 この発明の削除処理における項目データの例を示す図である。 この発明の複写処理における配置構造データ、配置構造設定画面の例を示す図である。 この発明の複写処理における項目データの例を示す図である。 この発明の移動処理における配置構造データ、配置構造設定画面の例を示す図である。 この発明の移動処理における項目データの例を示す図である。 この発明の他の側面におけるウェブページ作成システムを構成する端末装置１およびサーバ装置３の機能ブロック図の例を示す図である。

符号の説明

１ 端末装置
３ サーバ装置
１０１ 配置構造設定手段
１０３ 配置構造データ生成手段
１０５ 表示部
１０７ 表示内容設定手段
１０９ 表示内容データ生成手段
１１１ データ送信手段
１１３ 配置構造設定画面生成手段
１１５ 配置構造設定画面更新手段
１１７ 表示内容設定画面生成手段
１１９ 記録部
１２１ 項目データ更新手段
１２３ ウェブページ生成手段

Claims (21)

1. ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
   前記端末装置は、
   (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
   (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
   (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
   (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
   (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段とを備え、
   前記サーバ装置は、
   (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
   (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
   (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
   (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
   (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
   を備えたことを特徴とするウェブページ作成システム。
2. 受信したデータに基づいてウェブページを生成するサーバ装置とともに、ウェブページ作成システムを構成する端末装置であって、
   (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
   (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
   (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
   (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
   (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
   を備えたことを特徴とするウェブページ作成システムのための端末装置。
3. ウェブページを構成する項目オブジェクトに関するデータを送信する端末装置とともに、ウェブページ作成システムを構成するサーバ装置であって、
   (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
   (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
   (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
   (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
   (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
   を備えたことを特徴とするウェブページ作成システムのための端末装置。
4. 受信したデータに基づいてウェブページを生成するサーバ装置とともに、ウェブページ作成システムを構成する端末装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
   (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
   (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
   (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
   (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
   (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段。
5. ウェブページを構成する項目オブジェクトに関するデータを送信する端末装置とともに、ウェブページ作成システムを構成するサーバ装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
   (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
   (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
   (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
   (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
   (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段。
6. ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成装置であって、
   (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
   (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
   (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
   (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
   (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
   (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
   (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
   (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
   (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
   (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
   を備えたことを特徴とするウェブページ作成装置。
7. ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
   (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
   (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
   (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
   (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
   (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
   (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
   (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
   (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
   (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
   (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段。
8. 請求項１〜７のいずれかのシステム、装置またはプログラムにおいて、
   前記配置構造設定画面生成手段は、項目オブジェクトを項目制御用セルと項目識別用セルとを用いて簡易表示させるようにしたことを特徴とするもの。
9. 請求項１〜８のいずれかのシステム、装置またはプログラムにおいて、
   前記配置構造設定画面生成手段は、項目オブジェクトの属性が表である場合、項目識別用セルに換えて当該表を示す罫線を表示させるようにしたことを特徴とするもの。
10. 請求項９のシステム、装置またはプログラムにおいて、
    前記配置構造設定画面生成手段は、表の罫線の内部にさらに表を示す項目オブジェクトが存在する場合、表を示す罫線を入れ子構造で表示させるようにしたことを特徴とするもの。
11. 請求項１〜１０のいずれかのシステム、装置またはプログラムにおいて、
    前記配置構造設定画面生成手段は、前記項目制御用セルに項目オブジェクトの種類に応じた所定のアイコンを表示させるようにしたことを特徴とするもの。
12. 請求項１〜１１のいずれかのシステム、装置またはプログラムにおいて、
    前記配置構造設定画面生成手段は、前記項目識別用セルに項目オブジェクトに付された識別名を表示させるようにしたことを特徴とするもの。
13. 請求項１〜１２のいずれかのシステム、装置またはプログラムにおいて、
    前記配置構造設定画面生成手段は、項目オブジェクトの種類が決定されていない項目オブジェクトを少なくとも１つ表示させるようにしたことを特徴とするもの。
14. 請求項１〜１３のいずれかのシステム、装置またはプログラムにおいて、
    前記項目データ更新手段は、対象の項目オブジェクトの項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤに対応付けて記録することを特徴とするもの。
15. 請求項１４のシステム、装置またはプログラムにおいて、
    前記項目データ更新手段は、対象の項目オブジェクトに付された項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトにおける前記対象の項目オブジェクトの位置を示す行番号データおよび列番号データに対応付けて記録することを特徴とするもの。
16. 請求項１〜１５のいずれかのシステム、装置またはプログラムにおいて、
    前記表示内容設定手段は、表示内容設定画面に設定された項目オブジェクトの表示内容に基づいて、当該項目オブジェクトのプレビュー画面を生成して表示するプレビュー画面生成手段を備えたことを特徴とするもの。
17. ウェブページの構成要素となる項目オブジェクトのデータ構造であって、
    (a)対象の項目オブジェクト毎に付された項目オブジェクトＩＤと、
    (b)前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤと、
    (c)前記対象の項目オブジェクトの、前記表の項目オブジェクトにおける位置を示す行番号データおよび列番号データと、
    (d)前記対象の項目オブジェクトをウェブページに表示するための表示内容データと、
    を備えたことを特徴とする項目オブジェクトのデータ構造。
18. ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
    前記端末装置は、
    (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
    (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
    (e)生成した前記配置構造データを、前記サーバ装置に送信するデータ送信手段とを備え、
    前記サーバ装置は、
    (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
    (h)端末装置から受信した配置構造データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
    (i)記録した配置構造データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
    (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
    を備えたことを特徴とするウェブページ作成システム。
19. ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを用いたウェブページ作成方法であって、
    前記端末装置は、
    (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
    (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
    (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定ステップと、
    (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成ステップと、
    (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信ステップとを備え、
    前記サーバ装置は、
    (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
    (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成ステップと、
    (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
    (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
    (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
    を備えたことを特徴とするウェブページ作成方法。
20. ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成方法であって、
    (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
    (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
    (c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定ステップと、
    (d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成ステップと、
    (e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信ステップと、
    (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
    (g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成ステップと、
    (h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
    (i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
    (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
    を備えたことを特徴とするウェブページ作成方法。
21. ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成方法であって、
    前記端末装置は、
    (a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
    (b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
    (e)生成した前記配置構造データを、前記サーバ装置に送信するデータ送信ステップとを備え、
    前記サーバ装置は、
    (f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
    (h)端末装置から受信した配置構造データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
    (i)記録した配置構造データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
    (j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
    を備えたことを特徴とするウェブページ作成方法。
    

Images