(57)【要約】  【課題】項目の配置構造がわかりやすく編集しやすいウェブページ作成システムの提供。  【解決手段】  配置構造設定手段１０１はウェブページを構成する項目の配置構造を設定する。配置構造データ生成手段１０３は配置構造データを生成する。表示内容設定手段１０７はウェブページを構成する項目の表示内容を設定する。表示内容データ生成手段１０９は表示内容データを生成する。データ送信手段１１１は配置構造データおよび表示内容データをサーバ装置３に送信する。配置構造設定画面生成手段１１３は配置構造設定画面を生成する。配置構造設定更新手段１１５は配置構造設定画面を更新させる。表示内容設定画面生成手段１１７は表示内容設定画面を生成する。項目データ更新手段１２１は配置構造データおよび表示内容データを受信して項目データを更新する。ウェブページ生成手段１２３は、ウェブページを生成する。  【選択図】図１
2005196642.tif 000002
【特許請求の範囲】
【請求項１】
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段とを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴とするウェブページ作成システム。
【請求項２】
受信したデータに基づいてウェブページを生成するサーバ装置とともに、ウェブページ作成システムを構成する端末装置であって、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
を備えたことを特徴とするウェブページ作成システムのための端末装置。
【請求項３】
ウェブページを構成する項目オブジェクトに関するデータを送信する端末装置とともに、ウェブページ作成システムを構成するサーバ装置であって、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴とするウェブページ作成システムのための端末装置。
【請求項４】
受信したデータに基づいてウェブページを生成するサーバ装置とともに、ウェブページ作成システムを構成する端末装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段。
【請求項５】
ウェブページを構成する項目オブジェクトに関するデータを送信する端末装置とともに、ウェブページ作成システムを構成するサーバ装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段。
【請求項６】
ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成装置であって、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴とするウェブページ作成装置。
【請求項７】
ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成装置をコンピュータを用いて実現するためのプログラムであって、コンピュータに以下の手段を構成させることを特徴とするプログラム：
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定手段と、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成手段と、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信手段と、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成手段と、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段。
【請求項８】
請求項１〜７のいずれかのシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、項目オブジェクトを項目制御用セルと項目識別用セルとを用いて簡易表示させるようにしたことを特徴とするもの。
【請求項９】
請求項１〜８のいずれかのシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、項目オブジェクトの属性が表である場合、項目識別用セルに換えて当該表を示す罫線を表示させるようにしたことを特徴とするもの。
【請求項１０】
請求項９のシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、表の罫線の内部にさらに表を示す項目オブジェクトが存在する場合、表を示す罫線を入れ子構造で表示させるようにしたことを特徴とするもの。
【請求項１１】
請求項１〜１０のいずれかのシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、前記項目制御用セルに項目オブジェクトの種類に応じた所定のアイコンを表示させるようにしたことを特徴とするもの。
【請求項１２】
請求項１〜１１のいずれかのシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、前記項目識別用セルに項目オブジェクトに付された識別名を表示させるようにしたことを特徴とするもの。
【請求項１３】
請求項１〜１２のいずれかのシステム、装置またはプログラムにおいて、
前記配置構造設定画面生成手段は、項目オブジェクトの種類が決定されていない項目オブジェクトを少なくとも１つ表示させるようにしたことを特徴とするもの。
【請求項１４】
請求項１〜１３のいずれかのシステム、装置またはプログラムにおいて、
前記項目データ更新手段は、対象の項目オブジェクトの項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤに対応付けて記録することを特徴とするもの。
【請求項１５】
請求項１４のシステム、装置またはプログラムにおいて、
前記項目データ更新手段は、対象の項目オブジェクトに付された項目オブジェクトＩＤを、前記対象の項目オブジェクトを包含する表の項目オブジェクトにおける前記対象の項目オブジェクトの位置を示す行番号データおよび列番号データに対応付けて記録することを特徴とするもの。
【請求項１６】
請求項１〜１５のいずれかのシステム、装置またはプログラムにおいて、
前記表示内容設定手段は、表示内容設定画面に設定された項目オブジェクトの表示内容に基づいて、当該項目オブジェクトのプレビュー画面を生成して表示するプレビュー画面生成手段を備えたことを特徴とするもの。
【請求項１７】
ウェブページの構成要素となる項目オブジェクトのデータ構造であって、
(a)対象の項目オブジェクト毎に付された項目オブジェクトＩＤと、
(b)前記対象の項目オブジェクトを包含する表の項目オブジェクトに付された項目オブジェクトＩＤと、
(c)前記対象の項目オブジェクトの、前記表の項目オブジェクトにおける位置を示す行番号データおよび列番号データと、
(d)前記対象の項目オブジェクトをウェブページに表示するための表示内容データと、
を備えたことを特徴とする項目オブジェクトのデータ構造。
【請求項１８】
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成システムであって、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定手段と、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成手段と、
(e)生成した前記配置構造データを、前記サーバ装置に送信するデータ送信手段とを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成手段と、
(h)端末装置から受信した配置構造データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新手段と、
(i)記録した配置構造データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新手段と、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成手段と、
を備えたことを特徴とするウェブページ作成システム。
【請求項１９】
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを用いたウェブページ作成方法であって、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定ステップと、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成ステップと、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信ステップとを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成ステップと、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
を備えたことを特徴とするウェブページ作成方法。
【請求項２０】
ウェブページを構成する項目オブジェクトに関するデータに基づいてウェブページを作成するウェブページ作成方法であって、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
(c)表示部に表示された表示内容設定画面において、項目オブジェクトの表示内容を設定する表示内容設定ステップと、
(d)設定された項目オブジェクトの表示内容に基づいて、表示内容データを生成する表示内容データ生成ステップと、
(e)生成した前記配置構造データおよび前記表示内容データを、前記サーバ装置に送信するデータ送信ステップと、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
(g)表示内容設定画面を生成して端末装置の表示部に表示させる表示内容設定画面生成ステップと、
(h)端末装置から受信した配置構造データおよび表示内容データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
(i)記録した配置構造データおよび表示内容データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
を備えたことを特徴とするウェブページ作成方法。
【請求項２１】
ウェブページを構成する項目オブジェクトに関するデータを、サーバ装置に送信する端末装置と、前記端末装置と通信可能に設けられ、前記端末装置から受信したデータに基づいてウェブページを生成するサーバ装置とを備えたウェブページ作成方法であって、
前記端末装置は、
(a)表示部に表示された配置構造設定画面において、項目オブジェクトの配置構造を設定する配置構造設定ステップと、
(b)設定された項目オブジェクトの配置構造に基づいて、配置構造データを生成する配置構造データ生成ステップと、
(e)生成した前記配置構造データを、前記サーバ装置に送信するデータ送信ステップとを備え、
前記サーバ装置は、
(f)配置構造設定画面を生成して端末装置の表示部に表示させる配置構造設定画面生成ステップと、
(h)端末装置から受信した配置構造データに基づいて、項目オブジェクト毎に記録された項目データを更新する項目データ更新ステップと、
(i)記録した配置構造データに基づいて、前記配置構造設定画面を更新する配置構造設定画面更新ステップと、
(j)記録部に記録した項目データに基づいてウェブページを生成するウェブページ生成ステップと、
を備えたことを特徴とするウェブページ作成方法。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、ウェブページを構成する項目オブジェクトに関するデータを設定してウェブページを作成するウェブページ作成システムに関する。
【背景技術】
【０００２】
従来、ウェブページを作成する場合は、テキストエディタを用いてＨＴＭＬのソースコードを直接編集するか、ＨＴＭＬエディタにおいて視覚的に編集した画面に基づいてソースコードを作成するようにしていた。
【０００３】
しかしながら、ソースコードを記述する場合はＨＴＭＬの知識が必要であり、視覚的に編集する場合はＨＴＭＬエディタが必要であった。
【０００４】
このような問題を解決するため、ＨＴＭＬデータを記録したサーバ上の管理テーブルをブラウザを用いて直接編集し、前記管理テーブルに基づいてウェブページを作成するシステムが知られている（例えば、特許文献１。）。
【０００５】
【特許文献１】特開２０００−２５９５３１号公報
【発明の開示】
【発明が解決しようとする課題】
【０００６】
しかしながら、上記のようなシステム等においては、ＨＴＭＬを構成する項目の配置構造を理解してウェブページを編集することが困難であった。
【０００７】
例えば、ウェブページ内でのコンテンツの見栄えをよくするため、テーブルタグの中にさらにテーブルタグを入れ子状に記述して、テーブルのネスト構造を作成したい場合がある。
【０００８】
このようなネスト構造が存在する場合、＜ＴＡＢＥＬ＞タグ同士の関係が非常に複雑になり、ソースコードの編集が困難になるという問題があった。
【０００９】
また、ＨＴＭＬエディタの編集画面においても、テーブルのネスト構造が複雑になるにつれて、テーブル内に配置されるコンテンツの表示とテーブルの境界線の表示とが識別できにくくなる場合があり、編集が困難になるという問題があった。
【００１０】
さらに、ＨＴＭＬデータを階層的に記録したサーバ上の管理テーブルをブラウザを用いて直接編集するシステム（例えば、特許文献１。）においても、スプレッドシートでＨＴＭＬデータを編集しているため、テーブルのネスト構造も同様にスプレッドシートで編集しなければならず、編集が困難になるものと考えられる。
【００１１】
この発明は、上記のような課題を解決するためになされたものであり、ウェブページを構成する項目の配置構造がわかりやすく、編集しやすいウェブページ作成システムの提供を目的とする。
【課題を解決するための手段】
【００１２】
(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)この発明は、
表示内容データ生成手段は、前記表示内容設定画面において表示内容が変更されると、表示内容データを再作成し、
前記プレビュー表示画面生成手段は、再作成された表示内容データを読み込んで新たなプレビュー表示画面を生成するとともに、前記プレビュー表示画面を更新することを特徴とする。
【図面の簡単な説明】
【０２９５】
【図１】この発明の実施形態におけるウェブページ作成システムを構成する端末装置１およびサーバ装置３の機能ブロック図の例を示す図である。
【図１ａ】この発明のウェブページ作成システムにかかる処理の概要の例を示す図である。
【図２】この発明の端末装置１のハードウェア構成図の例を示す例である。
【図３】この発明のサーバ装置３のハードウェア構成図の例を示す例である。
【図４】この発明の「ウェブページ作成処理」における全体フローチャートの例を示す図である。
【図４ａ】この発明の「ウェブページ作成処理」における全体フローチャートの例を示す図である。
【図５】この発明の「配置構造設定画面生成処理」におけるフローチャートの例を示す図である。
【図５ａ】この発明の「表出力処理」におけるフローチャートの例を示す図である。
【図６】この発明の「配置構造データ生成処理」におけるフローチャートの例を示す図である。
【図６ａ】この発明の「複写セット処理」におけるフローチャートの例を示す図である。
【図６ｂ】この発明の「移動セット処理」におけるフローチャートの例を示す図である。
【図７】この発明の「表示内容設定画面生成処理」におけるフローチャートの例を示す図である。
【図８】この発明の「表示内容設定処理」におけるフローチャートの例を示す図である。
【図８ａ】この発明の「設定エリア表示処理」におけるフローチャートの例を示す図である。
【図８ｂ】この発明の『「文字」出力処理』におけるデータおよびフローチャートの例を示す図である。
【図９】この発明の「項目データ更新処理」におけるフローチャートの例を示す図である。
【図９ａ】この発明の「作成または変更処理」におけるフローチャートの例を示す図である。
【図９ｂ】この発明の「挿入処理」におけるフローチャートの例を示す図である。
【図９ｃ】この発明の「削除処理」におけるフローチャートの例を示す図である。
【図９ｄ】この発明の「複写処理」におけるフローチャートの例を示す図である。
【図９ｅ】この発明の「一時保存処理」におけるフローチャートの例を示す図である。
【図９ｆ】この発明の「移動処理」におけるフローチャートの例を示す図である。
【図９ｇ】この発明の「変更処理」におけるフローチャートの例を示す図である。
【図１０】この発明の「ウェブページ生成処理」におけるフローチャートの例を示す図である。
【図１０ａ】この発明の「表出力処理」におけるフローチャートの例を示す図である。
【図１１】この発明の「メニュー画面」および「配置構造設定画面」の例を示す図である。
【図１２】この発明の項目データにおけるデータ構造の例を示す図である。
【図１３】この発明の作成処理における配置構造データ、配置構造設定画面および表示内容設定画面の例を示す図である。
【図１３ａ】この発明の作成処理における表示内容データ、配置構造設定画面および表示内容設定画面の例を示す図である。
【図１３ｂ】この発明の作成処理における項目データの例を示す図である。
【図１３ｃ】この発明の作成処理における配置構造設定画面の例を示す図である。
【図１４】この発明の変更処理における配置構造データ、配置構造設定画面および表示内容設定画面の例を示す図である。
【図１４ａ】この発明の変更処理における表示内容データ、配置構造設定画面および表示内容設定画面の例を示す図である。
【図１４ｂ】この発明の変更処理における項目データの例を示す図である。
【図１５】この発明の削除処理における配置構造データ、配置構造設定画面の例を示す図である。を示す図である。
【図１５ａ】この発明の削除処理における項目データの例を示す図である。
【図１６】この発明の複写処理における配置構造データ、配置構造設定画面の例を示す図である。
【図１６ａ】この発明の複写処理における項目データの例を示す図である。
【図１７】この発明の移動処理における配置構造データ、配置構造設定画面の例を示す図である。
【図１７ａ】この発明の移動処理における項目データの例を示す図である。
【図１８】この発明の他の側面におけるウェブページ作成システムを構成する端末装置１およびサーバ装置３の機能ブロック図の例を示す図である。
【符号の説明】
【０２９６】
１    端末装置
３    サーバ装置
１０１    配置構造設定手段
１０３    配置構造データ生成手段
１０５    表示部
１０７    表示内容設定手段
１０９    表示内容データ生成手段
１１１    データ送信手段
１１３    配置構造設定画面生成手段
１１５    配置構造設定画面更新手段
１１７    表示内容設定画面生成手段
１１９    記録部
１２１    項目データ更新手段
１２３    ウェブページ生成手段
【図１】
2005196642.tif 000003
【図１ａ】
2005196642.tif 000004
【図２】
2005196642.tif 000005
【図３】
2005196642.tif 000006
【図４】
2005196642.tif 000007
【図４ａ】
2005196642.tif 000008
【図５】
2005196642.tif 000009
【図５ａ】
2005196642.tif 000010
【図６】
2005196642.tif 000011
【図６ａ】
2005196642.tif 000012
【図６ｂ】
2005196642.tif 000013
【図７】
2005196642.tif 000014
【図８】
2005196642.tif 000015
【図８ａ】
2005196642.tif 000016
【図８ｂ】
2005196642.tif 000017
【図９】
2005196642.tif 000018
【図９ａ】
2005196642.tif 000019
【図９ｂ】
2005196642.tif 000020
【図９ｃ】
2005196642.tif 000021
【図９ｄ】
2005196642.tif 000022
【図９ｅ】
2005196642.tif 000023
【図９ｆ】
2005196642.tif 000024
【図９ｇ】
2005196642.tif 000025
【図１０】
2005196642.tif 000026
【図１０ａ】
2005196642.tif 000027
【図１１】
2005196642.tif 000028
【図１２】
2005196642.tif 000029
【図１３】
2005196642.tif 000030
【図１３ａ】
2005196642.tif 000031
【図１３ｂ】
2005196642.tif 000032
【図１３ｃ】
2005196642.tif 000033
【図１４】
2005196642.tif 000034
【図１４ａ】
2005196642.tif 000035
【図１４ｂ】
2005196642.tif 000036
【図１５】
2005196642.tif 000037
【図１５ａ】
2005196642.tif 000038
【図１６】
2005196642.tif 000039
【図１６ａ】
2005196642.tif 000040
【図１７】
2005196642.tif 000041
【図１７ａ】
2005196642.tif 000042
【図１８】
2005196642.tif 000043