(57)【要約】【課題】所望のレイアウトを容易に得ることのできるレイアウト支援システム等を提供する。【解決手段】  レイアウト支援手段１０は、基準パターン表示制御部１１、情報サイズ調整部１２、領域高さ調整部１３、および領域位置調整部１４を含む。基準パターン表示制御部１１は、配置数を属性とする矩形の浮動領域を横方向に1以上配置してなる浮動領域行を複数備えた基準パターンを表示する。情報サイズ調整部１２は、視覚情報の横幅が、浮動領域の横幅をその配置数で除した値に略等しくなるよう視覚情報のサイズを調整する。領域高さ調整部１３は、サイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整する。領域位置調整部１４は、縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する。【選択図】  図２
2018092624.tif 000002
【特許請求の範囲】
【請求項１】
入力手段と、
表示手段と、
複数の視覚情報、および、視覚情報のレイアウトを行う際の基準となる基準パターンを記憶する記憶手段と、
前記入力手段を介して入力される命令にしたがい、前記記憶手段の記憶内容に基づいて、前記表示手段に表示されるレイアウト領域における視覚情報のレイアウトを支援するレイアウト支援手段と、
を備えたレイアウト支援システムであって、
前記レイアウト支援手段は、
一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域であって当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする領域である浮動領域を横方向に1以上配置してなる浮動領域行を、縦方向に複数隣接して配置してなる領域である集合領域を１以上備えた基準パターンを、前記レイアウト領域に表示するよう制御する基準パターン表示制御部と、
前記入力手段を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する情報サイズ調整部と、
前記情報サイズ調整部においてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する領域高さ調整部と、
前記領域高さ調整部において縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、前記縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する領域位置調整部と、
を備えたこと、
を特徴とするレイアウト支援システム。
【請求項２】
請求項１のレイアウト支援システムにおいて、
前記領域高さ調整部は、
指定された浮動領域についてその配置数を超える数の視覚情報が指定されると、当該浮動領域における視覚情報の表示行を追加するために当該浮動領域を含む浮動領域行の縦寸法をさらに調整したうえで、当該配置数を超える分の視覚情報を当該浮動領域において追加された表示行に配置して表示するよう制御すること、
を特徴とするレイアウト支援システム。
【請求項３】
請求項１または２のレイアウト支援システムにおいて、
前記レイアウト支援手段は、さらに、
前記入力手段を介して、浮動領域を指定した配置数変更命令を受けると、当該命令にしたがって当該浮動領域の配置数を変更するとともに、当該浮動領域に既に視覚情報が配置されている場合は、変更後の配置数にしたがって、前記情報サイズ調整部により当該視覚情報のサイズを再調整させ、前記領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、前記領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する配置数変更制御部、を備えたこと、
を特徴とするレイアウト支援システム。
【請求項４】
請求項１ないし３のいずれかのレイアウト支援システムにおいて、
前記レイアウト支援手段は、さらに、
前記レイアウト領域に配置された視覚情報を前記表示手段に印刷モードで表示させる際、視覚情報が配置されていない浮動領域のみからなる浮動領域行の縦寸法を略０として上詰め表示するよう制御する印刷モード表示制御部、を備えたこと、
を特徴とするレイアウト支援システム。
【請求項５】
請求項１ないし４のいずれかのレイアウト支援システムにおいて、
前記レイアウト支援手段は、さらに、
前記入力手段を介して、２以上の配置数を属性とする浮動領域を指定した要素領域比率変更命令を受けると、前記浮動領域内において横方向に配置される各視覚情報を収容する要素領域の横幅の比率を変更するよう制御する要素領域比率変更制御部を備え、
前記情報サイズ調整部は、さらに、前記入力手段を介して視覚情報および当該視覚情報を収容すべき要素領域が指定されると、当該視覚情報の横幅が、当該要素領域の横幅に略等しくなるよう当該視覚情報のサイズを調整するよう構成され、
前記要素領域比率変更制御部は、さらに、要素領域比率変更命令において指定された浮動領域に既に視覚情報が配置されている場合は、変更後の比率にしたがって、前記情報サイズ調整部により当該視覚情報のサイズを再調整させ、前記領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、前記領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御するよう構成されたこと、
を特徴とするレイアウト支援システム。
【請求項６】
請求項１ないし５のいずれかのレイアウト支援システムにおいて、
前記レイアウト支援手段は、さらに、
前記入力手段を介して、２以上の浮動領域を備えた浮動領域行を指定した浮動領域比率変更命令を受けると、前記浮動領域行内において横方向に配置される２以上の浮動領域の横幅の比率を変更するとともに、当該浮動領域行を構成するいずれかの浮動領域に既に視覚情報が配置されている場合は、変更後の比率にしたがって、前記情報サイズ調整部により当該視覚情報のサイズを再調整させ、前記領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、前記領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する浮動領域比率変更制御部を備えたこと、
を特徴とするレイアウト支援システム。
【請求項７】
請求項１ないし６のいずれかのレイアウト支援システムにおいて、
当該システムは、
前記記憶手段およびレイアウト支援手段を備えたサーバ装置と、
情報通信手段を介して前記サーバ装置と通信可能に構成され、前記表示手段および入力手段を備えた端末装置と、を備えたこと、
を特徴とするレイアウト支援システム。
【請求項８】
請求項７のレイアウト支援システムにおいて、
前記サーバ装置はウェブサーバであり、
前記情報通信手段はインターネットを含む通信手段であり、
前記端末装置はウェブブラウザを搭載し、
前記記憶手段に記憶されたデータおよびレイアウト支援手段の少なくとも一部は、前記ウェブサーバに掲載されたウェブページを介して、前記端末装置に複製され機能するよう構成されたこと、
を特徴とするレイアウト支援システム。
【請求項９】
請求項７ないし８のいずれかのレイアウト支援システムに用いられる前記サーバ装置。
【請求項１０】
コンピュータを、請求項１ないし８のいずれかのレイアウト支援システムまたは請求項９のサーバ装置を構成するレイアウト支援手段、として機能させるためのプログラム。
【請求項１１】
請求項１０のプログラムを記憶した記録媒体。
【請求項１２】
入力手段と、表示手段と、複数の視覚情報、および、視覚情報のレイアウトを行う際の基準となる基準パターンを記憶する記憶手段と、前記入力手段を介して入力される命令にしたがい、前記記憶手段の記憶内容に基づいて、前記表示手段に表示されるレイアウト領域における視覚情報のレイアウトを支援するレイアウト支援装置と、を用いて行うレイアウト支援方法であって、
前記レイアウト支援装置が、一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域であって当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする領域である浮動領域を横方向に1以上配置してなる浮動領域行を、縦方向に複数隣接して配置してなる領域である集合領域を１以上備えた基準パターンを、前記レイアウト領域に表示するよう制御する基準パターン表示制御ステップと、
前記レイアウト支援装置が、前記入力手段を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する情報サイズ調整ステップと、
前記レイアウト支援装置が、前記情報サイズ調整ステップにおいてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する領域高さ調整ステップと、
前記レイアウト支援装置が、前記領域高さ調整ステップにおいて縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、前記縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する領域位置調整ステップと、
を備えたこと、
を特徴とするレイアウト支援方法。
【発明の詳細な説明】
【技術分野】
【０００１】
この発明は、レイアウト支援システムに関し、とくに、表示手段に表示される複数の視覚情報のレイアウト（割付け）を支援する技術に関する。
【背景技術】
【０００２】
通信ネットワークを利用して旅行用のパンフレットを作成することができるパンフレット作成システムが提案されている。
【０００３】
このシステムは、印刷会社等に設置された受注用コンピュータと、各旅行代理店に設置された発注用コンピュータから構成されている。発注用コンピュータは、インターネットを介して受注用コンピュータに接続される。受注用コンピュータは、ホームページを提供するサーバとして機能し、ホームページによって、各データを提供するとともに発注用コンピュータからの指示データ等を受け取る。
【０００４】
受注用コンピュータは記憶手段を備え、記憶手段には、パンフレットの掲載情報のレイアウトに関する複数の配置データ、旅行先の風景に関する画像データ、及び、旅行のコース名・観光ガイド・日程表・国名・宿泊情報（ホテル情報）・イベント等に関する文字データが記憶されている。（特許文献１の段落［００２４］−［００２６］、図１−図２参照）。
【０００５】
このシステムでは、発注用コンピュータのディスプレイにレイアウト選択画面が表示され、発注者は、受注用コンピュータの記憶手段に記憶されている配置データの中から所望のレイアウトを選択することが可能となる。つぎに、ディスプレイに指示データ入力画面が表示され、発注者は、記憶手段に記憶されている画像データの中から所望の画像を選択することが可能となる。また、記憶手段に記憶されている文字データの中から所望の文字データを選択することが可能となる。さらに、文字データを直接入力することも可能となる。
【０００６】
選択された画像データ及び文字データは、プレビューとしてディスプレイに表示され、その場で内容の確認をすることができる（特許文献１の段落［００３７］−［００３８］、図４参照）。
【０００７】
このシステムによれば、発注者自らがパンフレットを作成することができるため、発注の際の注文書やヒアリングによる情報伝達が不要となる。また、作成されたパンフレットの画像がディスプレイに表示されるため、速やかに確認・校正を行うことが可能になる。したがって、パンフレットを完成するまでの時間が大幅に削減でき、即応性に優れる。特に、受注用コンピュータに記憶された複数のデータの中から所望のデータを選択するだけで、パンフレットが組版されるため、熟練者でなくても極めて容易に作成することができる。さらに、発注用コンピュータとして特別の装置や専用のプログラムを使用しなくても、ブラウザソフトをインストールした汎用のコンピュータを利用して作成作業が行えるため、設備費を安価に抑えることができる（特許文献１の段落［００５１］、［００５３］参照）。
【０００８】
しかしながら、このパンフレット作成システムには、以下の問題がある。
【０００９】
すなわち、このパンフレット作成システムにおいては、複数の配置データの中から所望のレイアウトを選択するよう構成されているところ、予め用意された既成の配置データの中に所望のレイアウトが存在しないという事態が生じ得る。このような場合、既成のレイアウトを変更（修正）して所望のレイアウトを得る必要がある。
【００１０】
しかし、一般にレイアウトの変更は容易ではなく、とりわけ熟練者でない発注者にとっては、困難な作業となる。
【００１１】
このような事態を避けるために、極めて多数の既成の配置データを用意しておくことも考えられるが、記憶手段の容量や操作性の観点から、実用的な解決手段とは言えない。
【先行技術文献】
【特許文献】
【００１２】
【特許文献１】特開２００２−１０９３１８号公報
【発明の概要】
【発明が解決しようとする課題】
【００１３】
この発明は、このような従来の問題を解決し、所望のレイアウト（割付けパターン）を容易に得ることのできるレイアウト支援システム等を提供することを目的とする。
【課題を解決するための手段】
【００１４】
この発明によるレイアウト支援システムは、入力手段と、表示手段と、複数の視覚情報、および、視覚情報のレイアウトを行う際の基準となる基準パターンを記憶する記憶手段と、入力手段を介して入力される命令にしたがい、記憶手段の記憶内容に基づいて、表示手段に表示されるレイアウト領域における視覚情報のレイアウトを支援するレイアウト支援手段と、を備えたレイアウト支援システムであって、レイアウト支援手段は、一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域であって当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする領域である浮動領域を横方向に1以上配置してなる浮動領域行を、縦方向に複数隣接して配置してなる領域である集合領域を１以上備えた基準パターンを、レイアウト領域に表示するよう制御する基準パターン表示制御部と、入力手段を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する情報サイズ調整部と、情報サイズ調整部においてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する領域高さ調整部と、領域高さ調整部において縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する領域位置調整部と、を備えたこと、を特徴とする。
【００１５】
なお、本発明における「視覚情報」とは、表示手段に表示され、視覚を通じて認識可能な情報全般をいい、画像、文字、バーコード（１次元または２次元）等の記号、または、これらを組み合せたものを含み、静止画・動画の別を問わない。さらに、２次元（２Ｄ）・３次元（３Ｄ）の別を問わない。
【００１６】
本発明の特徴は、上記のように広く示すことができるが、その構成や内容は、目的および特徴とともに、図面を考慮に入れた上で、以下の開示によりさらに明らかになるであろう。
【発明の効果】
【００１７】
本願の第１発明によるレイアウト支援システムは、入力手段と、表示手段と、複数の視覚情報、および、視覚情報のレイアウトを行う際の基準となる基準パターンを記憶する記憶手段と、入力手段を介して入力される命令にしたがい、記憶手段の記憶内容に基づいて、表示手段に表示されるレイアウト領域における視覚情報のレイアウトを支援するレイアウト支援手段と、を備えたレイアウト支援システムであって、レイアウト支援手段は、一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域であって当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする領域である浮動領域を横方向に1以上配置してなる浮動領域行を、縦方向に複数隣接して配置してなる領域である集合領域を１以上備えた基準パターンを、レイアウト領域に表示するよう制御する基準パターン表示制御部と、入力手段を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する情報サイズ調整部と、情報サイズ調整部においてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する領域高さ調整部と、領域高さ調整部において縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する領域位置調整部と、を備えたことを特徴とする。
【００１８】
このように、視覚情報および当該視覚情報を配置すべき浮動領域を指定するだけで、指定された視覚情報のサイズが、指定された浮動領域の配置数に対応して自動的に調整され、指定された浮動領域を含む浮動領域行の縦寸法が、サイズの調整された視覚情報が表示可能となるよう自動的に調整されたうえで、当該視覚情報が当該浮動領域に配置されて表示される。同時に、縦寸法の調整された浮動領域行より下方にある浮動領域行の位置が、縦寸法の調整値に等しい量だけ縦方向に自動的に移動する。
【００１９】
したがって、複数の浮動領域のうち所望の浮動領域に視覚情報を配置すれば、視覚情報の配置された浮動領域には当該浮動領域の配置数に応じたサイズの視覚情報が表示される一方、視覚情報の配置されていない浮動領域のみからなる浮動領域行（以下、「空の浮動領域行」ということがある。）の縦寸法は初期高さのまま残される。
【００２０】
ここで、浮動領域行の初期高さが、視覚情報の配置された浮動領域を含む浮動領域行の縦寸法以下となるよう設定しておけば、配置された視覚情報のレイアウトの概略を視認する上で、空の浮動領域行の影響を小さくすることが可能となる。
【００２１】
このため、１の基準パターンを構成するそれぞれの浮動領域について、視覚情報を配置するか否かを選択するだけで、１の基準パターンに基づいて、種々のレイアウトを得ることができ、得られたレイアウトの概略をレイアウト領域上で容易に視認することができる。
【００２２】
すなわち、所望のレイアウトを容易に得ることのできるレイアウト支援システムを実現することができる。
【００２３】
本願の第２発明によるレイアウト支援システムは、本願の第１発明によるレイアウト支援システムにおいて、領域高さ調整部は、指定された浮動領域についてその配置数を超える数の視覚情報が指定されると、当該浮動領域における視覚情報の表示行を追加するために当該浮動領域を含む浮動領域行の縦寸法をさらに調整したうえで、当該配置数を超える分の視覚情報を当該浮動領域において追加された表示行に配置して表示するよう制御すること、を特徴とする。
【００２４】
このように、所望の浮動領域についてその配置数を超える数の視覚情報を指定することで、当該浮動領域における視覚情報の表示行を追加して、配置数を超える視覚情報を表示させることができる。
【００２５】
したがって、視覚情報を配置する浮動領域について、配置数を超える数の視覚情報を指定するか否かを選択するだけで、さらに多種のレイアウトを得ることができる。
【００２６】
本願の第３発明によるレイアウト支援システムは、本願の第１または第２発明によるレイアウト支援システムにおいて、レイアウト支援手段は、さらに、入力手段を介して、浮動領域を指定した配置数変更命令を受けると、当該命令にしたがって当該浮動領域の配置数を変更するとともに、当該浮動領域に既に視覚情報が配置されている場合は、変更後の配置数にしたがって、情報サイズ調整部により当該視覚情報のサイズを再調整させ、領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する配置数変更制御部、を備えたこと、を特徴とする。
【００２７】
このように、所望の浮動領域について配置数を変更することで、１の基準パターンに基づいてさらに多種のレイアウトを得ることができる。
【００２８】
また、既に視覚情報が配置されている浮動領域について配置数を変更すると、変更後の配置数に適合するよう、自動的にレイアウトが変更され、変更後のレイアウトにしたがって、配置済みの視覚情報が再配置される。このため、いったん配置された視覚情報を消去したのち再度配置する手間を省くことができるので、レイアウトの変更が容易となる。
【００２９】
本願の第４発明によるレイアウト支援システムは、本願の第１ないし第３のいずれかの発明によるレイアウト支援システムにおいて、レイアウト支援手段は、さらに、レイアウト領域に配置された視覚情報を表示手段に印刷モードで表示させる際、視覚情報が配置されていない浮動領域のみからなる浮動領域行の縦寸法を略０として上詰め表示するよう制御する印刷モード表示制御部、を備えたこと、を特徴とする。
【００３０】
したがって、レイアウト領域に配置された視覚情報を印刷モードで表示させることで、作業中のレイアウトをより正確に表示画面上で再現させることができる。
【００３１】
本願の第５発明によるレイアウト支援システムは、本願の第１ないし第４のいずれかの発明によるレイアウト支援システムにおいて、レイアウト支援手段は、さらに、入力手段を介して、２以上の配置数を属性とする浮動領域を指定した要素領域比率変更命令を受けると、浮動領域内において横方向に配置される各視覚情報を収容する要素領域の横幅の比率を変更するよう制御する要素領域比率変更制御部を備え、情報サイズ調整部は、さらに、入力手段を介して視覚情報および当該視覚情報を収容すべき要素領域が指定されると、当該視覚情報の横幅が、当該要素領域の横幅に略等しくなるよう当該視覚情報のサイズを調整するよう構成され、要素領域比率変更制御部は、さらに、要素領域比率変更命令において指定された浮動領域に既に視覚情報が配置されている場合は、変更後の比率にしたがって、情報サイズ調整部により当該視覚情報のサイズを再調整させ、領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御するよう構成されたこと、を特徴とする。
【００３２】
このように、２以上の配置数を属性とする所望の浮動領域について要素領域の横幅の比率を変更することで、１の基準パターンに基づいてさらに多種のレイアウトを得ることができる。
【００３３】
また、既に視覚情報が配置されている浮動領域について要素領域の横幅の比率を変更すると、変更後の要素領域の横幅の比率に適合するよう、自動的にレイアウトが変更され、変更後のレイアウトにしたがって、配置済みの視覚情報が再配置される。このため、いったん配置された視覚情報を消去したのち再度配置する手間を省くことができるので、レイアウトの変更が容易となる。
【００３４】
本願の第６発明によるレイアウト支援システムは、本願の第１ないし第５のいずれかの発明によるレイアウト支援システムにおいて、レイアウト支援手段は、さらに、入力手段を介して、２以上の浮動領域を備えた浮動領域行を指定した浮動領域比率変更命令を受けると、浮動領域行内において横方向に配置される２以上の浮動領域の横幅の比率を変更するとともに、当該浮動領域行を構成するいずれかの浮動領域に既に視覚情報が配置されている場合は、変更後の比率にしたがって、情報サイズ調整部により当該視覚情報のサイズを再調整させ、領域高さ調整部により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する浮動領域比率変更制御部を備えたこと、を特徴とする。
【００３５】
このように、２以上の浮動領域を備えた所望の浮動領域行について浮動領域の横幅の比率を変更することで、１の基準パターンに基づいてさらに多種のレイアウトを得ることができる。
【００３６】
また、既に視覚情報が配置されている浮動領域を含む浮動領域行について浮動領域の横幅の比率を変更すると、変更後の浮動領域の横幅の比率に適合するよう、自動的にレイアウトが変更され、変更後のレイアウトにしたがって、配置済みの視覚情報が再配置される。このため、いったん配置された視覚情報を消去したのち再度配置する手間を省くことができるので、レイアウトの変更が容易となる。
【００３７】
本願の第７発明によるレイアウト支援システムは、本願の第１ないし第６のいずれかの発明によるレイアウト支援システムにおいて、当該システムは、記憶手段およびレイアウト支援手段を備えたサーバ装置と、情報通信手段を介してサーバ装置と通信可能に構成され、表示手段および入力手段を備えた端末装置と、を備えたこと、を特徴とする。
【００３８】
したがって、複数の端末装置から、情報通信手段を介して、１のサーバ装置の記憶手段およびレイアウト支援手段を利用することが可能となるうえ、記憶手段の記憶内容やレイアウト支援手段の構成に変更が生じた場合の変更管理が容易となる。
【００３９】
なお、本発明においては、とくに断らない限り、「情報通信手段」とは、電気信号、光信号等に変換された文字、音声、画像、映像、制御信号等の情報を伝達するための通信手段であって、有線、無線の別を問わない。情報通信手段として、インターネットに代表されるＷＡＮ（Ｗｉｄｅ  Ａｒｅａ  Ｎｅｔｗｏｒｋ）、ＬＡＮ（Ｌｏｃａｌ  Ａｒｅａ  Ｎｅｔｗｏｒｋ）等のコンピュータネットワーク、電話回線(携帯電話回線を含む。)、専用回線等の通信回線、通信ケーブルや赤外線等による直接接続、あるいはこれらを組合わせたものが例示される。
【００４０】
「端末装置」とは、情報通信手段を介してサーバ装置と協同することで、本システムにおける処理を実行する装置である。端末装置として、パーソナルコンピュータ、タブレット型コンピュータ、携帯情報端末、いわゆるスマートフォンに代表される携帯電話機が例示される。
【００４１】
本願の第８発明によるレイアウト支援システムは、本願の第７発明によるレイアウト支援システムにおいて、サーバ装置はウェブサーバであり、情報通信手段はインターネットを含む通信手段であり、端末装置はウェブブラウザを搭載し、記憶手段に記憶されたデータおよびレイアウト支援手段の少なくとも一部は、ウェブサーバに掲載されたウェブページを介して、端末装置に複製され機能するよう構成されたこと、を特徴とする。
【００４２】
このように構成することで、一般に普及している端末装置、ウェブブラウザおよび情報インフラを利用して、容易にレイアウト支援システムを構築することができるうえ、情報通信手段が使用不能になった場合であっても、記憶手段に記憶された視覚情報、基準パターンおよびレイアウト支援手段の少なくとも一部を、端末装置において複製して利用することが可能となる。
【００４３】
本願の第９発明によるサーバ装置は、本願の第７ないし第８のいずれかの発明によるレイアウト支援システムに用いられるサーバ装置である。
【００４４】
したがって、このサーバ装置をレイアウト支援システムに用いることで、上記第７ないし第８のいずれかの発明と同様の効果を奏する。
【００４５】
本願の第１０発明によるプログラは、コンピュータを、本願の第１ないし第８のいずれかの発明によるレイアウト支援システムまたは第９発明によるサーバ装置を構成するレイアウト支援手段、として機能させるためのプログラムである。
【００４６】
したがって、当該プログラムをコンピュータに実行させることで、上記第１発明ないし第８発明または第９発明と同様の効果を奏する。
【００４７】
本願の第１１発明による記録媒体は、本願の第１０発明によるプログラムを記憶した記録媒体である。
【００４８】
したがって、これらの記録媒体に記憶されたプログラムをコンピュータに実行させることで、上記第１０発明と同様の効果を奏する。
【００４９】
また、本願の第１２発明によるレイアウト支援方法は、入力手段と、表示手段と、複数の視覚情報、および、視覚情報のレイアウトを行う際の基準となる基準パターンを記憶する記憶手段と、入力手段を介して入力される命令にしたがい、記憶手段の記憶内容に基づいて、表示手段に表示されるレイアウト領域における視覚情報のレイアウトを支援するレイアウト支援装置と、を用いて行うレイアウト支援方法であって、レイアウト支援装置が、一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域であって当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする領域である浮動領域を横方向に1以上配置してなる浮動領域行を、縦方向に複数隣接して配置してなる領域である集合領域を１以上備えた基準パターンを、レイアウト領域に表示するよう制御する基準パターン表示制御ステップと、レイアウト支援装置が、入力手段を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する情報サイズ調整ステップと、レイアウト支援装置が、情報サイズ調整ステップにおいてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する領域高さ調整ステップと、レイアウト支援装置が、領域高さ調整ステップにおいて縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する領域位置調整ステップと、を備えたこと、を特徴とする。
【００５０】
したがって、入力手段と、表示手段と、記憶手段と、レイアウト支援装置と、を用いて当該方法を使用することで、上記第１発明と同様の効果を奏する。
【図面の簡単な説明】
【００５１】
【図１】図１は、この発明の一実施形態によるレイアウト支援システム２の全体構成を示すブロック図である。
【図２】図２は、レイアウト支援システム２の構成要素であるサーバ装置４および端末装置６の構成を例示するブロック図である。
【図３】図３は、図２に示すサーバ装置４および端末装置６のハードウェア構成の一例を示すブロック図であって、サーバ装置４および端末装置６として、それぞれ１台のコンピュータ用いた場合の例である。
【図４】図４は、レイアウト支援システム２における全体処理の流れの一例を示すフローチャートである。
【図５】図５は、レイアウト処理の流れの一例を示すフローチャートである。
【図６】図６は、配置処理の流れの一例を示すフローチャートである。
【図７】図７は、プレビュー・印刷処理の流れの一例を示すフローチャートである。
【図８】図８は、保存処理の流れの一例を示すフローチャートである。
【図９】図９は、端末装置６の表示装置６２に表示された初期状態のレイアウト作業用ページ６０の一例を示す図面である。
【図１０】図１０Ａないし図１０Ｃは、レイアウト作業用ページ６０を構成するメニューエリア８０に表示される各種メニューボタンについて、プルダウンメニューの一例を示す図面である。
【図１１】図１１Ａないし図１１Ｃは、レイアウト作業用ページ６０を構成するメニューエリア８０に表示される各種メニューボタンについて、プルダウンメニューの一例を示す図面である。
【図１２】図１２Ａおよび図１２Ｂは、配置処理実行後における、端末装置６の表示装置６２に表示されたレイアウトエリア７０の一部の様子を例示した図面である。
【図１３】図１３Ａおよび図１３Ｂは、所望のパーツすべてについて、所望の浮動領域への配置処理が完了した後の、端末装置６の表示装置６２に表示されたレイアウトエリア７０の一部の様子を模式的に例示した図面である。
【図１４】図１４Ａは、レイアウトエリア７０のプレビュー表示画面のうち、図１３Ａに示すグループ領域７２および７３に対応する部分を表す図面である。図１４Ｂは、図１３Ｂに示すグループ領域７２および７３に対応する部分を表す図面である。
【図１５】図１５Ａは、サーバ装置４の記憶手段２０に記憶された基準パターンであるフォーマットのデータ構成の一例を示す図面である。図１５Ｂは、サーバ装置４の記憶手段２０に記憶された視覚情報を構成する画像のデータ構成の一例を示す図面である。
【図１６】図１６は、レイアウト支援システム１０２の構成要素であるサーバ装置１０４の構成を例示するブロック図である。
【図１７】図１７は、要素領域比率変更処理の流れの一例を示すフローチャートである。
【図１８】図１８は、浮動領域比率変更処理の流れの一例を示すフローチャートである。
【図１９】図１９Ａは、レイアウトエリア７０の一部の様子を模式的に例示した図面であって、要素領域比率変更処理を実行する前におけるレイアウト状況を示す図面である。図１９Ｂは、図１９Ａに示す状況から要素領域比率変更処理を実行した後の状況を示す図面である。
【図２０】図２０Ａは、レイアウトエリア７０の一部の様子を模式的に例示した図面であって、要素領域比率変更処理および浮動領域比率変更処理を実行する前におけるレイアウト状況を示す図面である。図２０Ｂは、図２０Ａに示す状況から要素領域比率変更処理および浮動領域比率変更処理を実行した後の状況を示す図面である。
【発明を実施するための形態】
【００５２】
図１は、この発明の一実施形態によるレイアウト支援システム２の全体構成を示すブロック図である。
【００５３】
レイアウト支援システム２は、たとえば、紙媒体や電子媒体の態様で提供されるカタログ、パンフレット、チラシ、プレゼンテーションに用いられる企画書（プランニングシート）等を作成する際に、画像等の視覚情報のレイアウト作業を補助するために用いられる。
【００５４】
レイアウト支援システム２は、サーバ装置４と、端末装置６、６、・・・とを備えており、サーバ装置４と各端末装置６とは、情報通信手段８を介して、情報の通信が可能となっている。
【００５５】
図２は、レイアウト支援システム２の構成要素であるサーバ装置４および端末装置６の構成を例示するブロック図である。
【００５６】
図２に示すように、サーバ装置４は、レイアウト支援手段１０および記憶手段２０を備え、レイアウト支援装置として機能する。端末装置６は、入力手段３０、表示手段４０および端末側記憶手段５０を備えている。
【００５７】
この例では、サーバ装置４はウェブサーバであり、情報通信手段８はインターネットを含む通信手段である。また、端末装置６はウェブブラウザを搭載している。サーバ装置４の記憶手段２０に記憶された視覚情報、基準パターンおよびレイアウト支援手段１０を構成するデータおよび／またはプログラムは、サーバ装置４に構築されたウェブページを介して、端末装置６の端末側記憶手段５０に複製記憶され、端末装置６において機能するよう構成されている。したがって、このような場合、事実上、端末装置６もレイアウト支援装置として機能する。
【００５８】
レイアウト支援手段１０は、入力手段３０を介して入力される命令にしたがい、記憶手段２０の記憶内容に基づいて、表示手段４０に表示されるレイアウト領域における視覚情報のレイアウトを支援する。
【００５９】
レイアウト支援手段１０は、基準パターン表示制御部１１、情報サイズ調整部１２、領域高さ調整部１３、領域位置調整部１４、配置数変更制御部１５、および印刷モード表示制御部１６を備えている。
【００６０】
基準パターン表示制御部１１は、集合領域を１以上備えた基準パターンを、表示手段４０のレイアウト領域に表示するよう制御する。集合領域は、浮動領域行を縦方向に複数隣接して配置してなる領域である。浮動領域行は、１の浮動領域または横方向に隣接配置された２以上の浮動領域からなる領域である。この例においては、１の浮動領域行を構成する各浮動領域の高さは同一となるよう構成されている。浮動領域は、一定の横幅と視覚情報を配置する前の縦寸法である初期高さとを有する矩形の領域である。また、浮動領域は、当該領域において横方向に配置可能な視覚情報の最大数を表す配置数を属性とする。
【００６１】
なお、「集合領域は、浮動領域行を縦方向に複数隣接して配置してなる領域である。」とは、１つの集合領域を構成する隣り合う浮動領域行が、相互に接するよう配置される場合の他、一定の間隙を介して隣り合うよう配置される場合も含む趣旨である。また、「浮動領域行は、・・・横方向に隣接配置された２以上の浮動領域からなる領域である。」とは、２以上の浮動領域からなる浮動領域行においては、１つの浮動領域行を構成する隣り合う浮動領域が、相互に接するよう配置される場合の他、一定の間隙を介して隣り合うよう配置される場合も含む趣旨である。
【００６２】
情報サイズ調整部１２は、入力手段３０を介して視覚情報および当該視覚情報を配置すべき浮動領域が指定されると、当該視覚情報の横幅が、当該浮動領域の横幅をその配置数で除した値に略等しくなるよう当該視覚情報のサイズを調整する。
【００６３】
領域高さ調整部１３は、情報サイズ調整部１２においてサイズの調整された視覚情報が表示可能となるよう当該浮動領域を含む浮動領域行の縦寸法を調整したうえで、当該視覚情報を当該浮動領域に配置して表示するよう制御する。
【００６４】
領域高さ調整部１３は、また、指定された浮動領域についてその配置数を超える数の視覚情報が指定されると、当該浮動領域における視覚情報の表示行を追加するために当該浮動領域を含む浮動領域行の縦寸法をさらに調整したうえで、当該配置数を超える分の視覚情報を当該浮動領域において追加された表示行に配置して表示するよう制御する。
【００６５】
領域位置調整部１４は、領域高さ調整部１３において縦寸法の調整された浮動領域行より下方にある浮動領域行の位置を、縦寸法の調整値に等しい量だけ縦方向に移動するよう調整する。
【００６６】
配置数変更制御部１５は、入力手段３０を介して、浮動領域を指定した配置数変更命令を受けると、当該命令にしたがって当該浮動領域の配置数を変更する。また、当該浮動領域に既に視覚情報が配置されている場合は、変更後の配置数にしたがって、情報サイズ調整部１２により当該視覚情報のサイズを再調整させ、領域高さ調整部１３により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部１４により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する。
【００６７】
印刷モード表示制御部１６は、レイアウト領域に配置された視覚情報を表示手段４０に印刷モードで表示させる際、視覚情報が配置されていない浮動領域行の縦寸法を０として上詰め表示するよう制御する。
【００６８】
図３は、図２に示すサーバ装置４および端末装置６のハードウェア構成の一例を示すブロック図であって、サーバ装置４および端末装置６として、それぞれ１台のコンピュータ用いた場合の例である。
【００６９】
サーバ装置４は、とくに限定されるものではないが、この例では、一般的なサーバコンピュータと同様の構成である。
【００７０】
サーバ装置４は、レイアウト支援システム２のサーバ装置４側のプログラムを記憶した記録媒体であり、記憶手段２０でもあるハードディスクを備えたＨＤＤ（ハードディスクドライブ）等の補助記憶装置５５、補助記憶装置５５に記憶されたプログラムがロードされる主記憶装置５４、主記憶装置５４にロードされたプログラムを実行するレイアウト支援手段１０に対応するＣＰＵ５１，ＬＣＤ（液晶表示装置）等の表示装置５２，キーボード、マウス、トラックパッド等の入力装置５３、および、情報通信手段８を介して端末装置６と通信するための通信インタフェース５６を備えている。
【００７１】
端末装置６は、とくに限定されるものではないが、この例では、一般的なパーソナルコンピュータと同様な構成である。
【００７２】
端末装置６は、ウェブブラウザプログラムを記憶した記録媒体であるフラッシュメモリを搭載したＳＳＤ（ソリッドステートドライブ）等の補助記憶装置６５、補助記憶装置６５に記憶されたプログラムがロードされる主記憶装置６４、主記憶装置６４にロードされたプログラムを実行するＣＰＵ６１、表示手段４０として機能するＬＣＤ（液晶表示装置）等の表示装置６２，入力手段３０として機能する入力キー、タッチパネル等の入力装置６３、および、情報通信手段８を介してサーバ装置４と通信するための通信インタフェース６６、を備えている。補助記憶装置６５および主記憶装置６４が、端末側記憶手段５０に対応している。
【００７３】
図４は、レイアウト支援システム２における全体処理の流れの一例を示すフローチャートである。図５は、レイアウト処理の流れの一例を示すフローチャートである。図６は、配置処理の流れの一例を示すフローチャートである。図７は、プレビュー・印刷処理の流れの一例を示すフローチャートである。図８は、保存処理の流れの一例を示すフローチャートである。
【００７４】
図９は、端末装置６の表示装置６２に表示された初期状態のレイアウト作業用ページ６０の一例を示す図面である。レイアウト作業用ページ６０は、ＨＴＭＬ（Ｈｙｐｅｒ  Ｔｅｘｔ  Ｍａｒｋｕｐ  Ｌａｎｇｕａｇｅ）で記述され、ウェブブラウザを用いて表示されている。
【００７５】
図１０Ａないし図１１Ｃは、レイアウト作業用ページ６０を構成するメニュー領域であるメニューエリア８０に表示される各種メニューボタンについて、プルダウンメニューの一例を示す図面である。
【００７６】
図１５Ａは、サーバ装置４の記憶手段２０に記憶された基準パターンであるフォーマットのデータ構成の一例を示す図面である。フォーマットを構築するフォーマットデータが当該フォーマットの名称（フォーマット名）と関連付けて記憶されている。これらのフォーマットデータは、上述のように、サーバ装置４に構築されたウェブページを介して、端末装置６の端末側記憶手段５０に複製記憶される。
【００７７】
図１５Ｂは、サーバ装置４の記憶手段２０に記憶された視覚情報を構成する画像のデータ構成の一例を示す図面である。この例においては、視覚情報を構成する画像を複数のグループに分けて管理している。各画像を構築する画像データが、当該画像の属する画像グループの名称（画像グループ名）および当該画像のファイル名と関連付けて記憶されている。
【００７８】
つぎに、レイアウト支援システム２における処理手順について説明する。
【００７９】
図４に示すように、端末装置６のＣＰＵ６１（以下、単に「端末装置６」と略称することがある。）は、まず、視覚情報のレイアウトを新規に作成するか、以前に作成したレイアウトの流用・修正を行うかを判断する（ステップＳ１、ステップＳ２）。
【００８０】
端末装置６の入力装置６３を介し、予め定められたウェブサイト（以下、「レイアウト支援サイト」という。）を指定したアクセス要求があると、端末装置６は、レイアウトの新規作成であると判断し（ステップＳ１）、情報通信手段８を介して、当該レイアウト支援サイトにアクセスする（ステップＳ３）。
【００８１】
レイアウト支援サイトの構築されているサーバ装置４は、上記アクセスを受けると、所定のウェブページ、すなわち、初期状態のレイアウト作業用ページ６０を、記憶手段２０から読みだして、端末装置６に送信する（ステップＳ４）。
【００８２】
端末装置６は、初期状態のレイアウト作業用ページ６０を受信して、表示装置６２に表示する（ステップＳ５）。
【００８３】
図９に示すように、初期状態のレイアウト作業用ページ６０は、レイアウト領域である矩形のレイアウトエリア７０と、レイアウトエリア７０に隣接するメニューエリア８０およびゴミ箱エリア９３とを備えている。
【００８４】
レイアウトエリア７０は、たとえば、紙媒体に印刷する場合の１ページ分に対応させたり、数ページ分に対応させたりすることができる。図９は、レイアウトエリア７０全体をＡ４用紙見開き２ページ分、すなわち、Ａ３用紙１ページ分に対応させた場合を例示している。
【００８５】
レイアウトエリア７０には、基準パターンとしてのフォーマット７５を構成するグループ領域７２、７３、７４が配置されている。グループ領域７２、７３は、レイアウトエリア７０の左半分に配置され、見開きの左ページに対応する。グループ領域７４は、レイアウトエリア７０の右半分に配置され、見開きの右ページに対応する。
【００８６】
各ページに対応するグループ領域は、それぞれ、レイアウトエリア７０における当該ページに対応する部分において略上詰めで配置される。この例においては、グループ領域７２および７３は、レイアウトエリア７０の左半分において、略上詰めで配置され、グループ領域７４は、レイアウトエリア７０の右半分において、略上詰めで配置されている。なお、グループ領域７２とグループ領域７３とは、上下に所定距離を隔てて配置されている。
【００８７】
グループ領域７２は、縦方向に接するように連続して配置された６つの矩形の浮動領域７２１〜７２６により構成されている。グループ領域７２を構成する各浮動領域の横幅は略等しくなるよう構成され、この例では、それぞれの初期高さも略等しくなるよう構成されている。
【００８８】
なお、この実施形態においては、各浮動領域行が、いずれも１つの浮動領域により構成されている場合を例に説明する。
【００８９】
浮動領域内に当該浮動領域の配置数を示す配置数記号９４が表示されている。この例では、配置数記号９４を、配置数の前に「Ｘ」を付した「Ｘ１」、「Ｘ２」、「Ｘ３」のように表現し、当該浮動領域の背景として表示するよう構成している。
【００９０】
配置数が複数（ｎ個）の浮動領域については、浮動領域を横方向にｎ等分したｎ個の領域ごとに、上記配置数記号９４を表示するよう構成している。当該ｎ個の領域を、当該浮動領域の要素領域という。１つの要素領域が、１つの視覚情報を収容する領域となる。この例では、各要素領域は、縦方向の線分（区切り線９６）で区切られている。この例では、この区切り線９６も、当該浮動領域の背景として表示するよう構成している。
【００９１】
浮動領域の初期高さはとくに限定されるものではないが、視覚情報の配置された浮動領域の縦寸法以下となるよう、すなわち、浮動領域に配置して表示された視覚情報の高さ以下となるよう設定することが好ましい。浮動領域の初期高さは低い方が好ましいが、浮動領域内に配置数記号９４を表示する場合には、当該配置数記号９４が視認可能な程度以上に高くすることが好ましい。
【００９２】
この実施形態においては、浮動領域の初期高さが、視覚情報として配置されるデフォルトのフォントサイズのテキスト１行分の高さと略等しい高さになるよう設定している。
【００９３】
各浮動領域の範囲は、この例では、当該領域を囲む矩形の境界線９５（破線）で表示されている。もっとも、各浮動領域の範囲を表示する方法はこれに限定されるものではなく、たとえば、隣接する浮動領域を異なった背景色で表示するようにしてもよい。このように、各浮動領域の範囲（境界）を表示する目印を境界マークと呼ぶ。
【００９４】
グループ領域７３、７４は、これらを構成する浮動領域の数、各浮動領域の配置数等は異なるが、基本的構成は、グループ領域７２と同様である。グループ領域７２および７４が集合領域に対応する。なお、グループ領域７３は、１つの浮動領域７３１により構成されている。
【００９５】
レイアウトエリア７０の最上部（ヘッダー部）と最下部（フッター部）に、それぞれ帯状の上部デザインエリア７１ａ、下部デザインエリア７１ｂが配置されている。上部デザインエリア７１ａおよび下部デザインエリア７１ｂを併せてデザインエリア７１と呼ぶ。上記フォーマット７５は、上部デザインエリア７１ａの下端近傍に配置されている。
【００９６】
つぎに、メニューエリア８０には、各種メニューボタン８１、８２、...が設けられている。たとえば、保存ボタン８１に対してクリックやタッチなど所定の操作を行うと、プルダウンメニューとして、「編集可能ファイルに保存」ボタンおよび「編集不能ファイルに保存」ボタン（図示せず）が表示される。ここでたとえば、「編集可能ファイルに保存」ボタンが操作されると、レイアウト作業用ページが、編集可能なＨＴＭＬファイルとして保存される（後述）。
【００９７】
他のメニューボタン８２、...も同様に、メニューボタン８２、...が操作されるとプルダウンメニューが表示されるよう構成されている。
【００９８】
図１０Ａは、フォーマットボタン８２のプルダウンメニューを示す図面である。プルダウンメニューにはフォーマット名が記載されている。この例では、１２種類のフォーマットが選択可能となっている。なお、図９に示すフォーマット７５は、これらのフォーマットのうちデフォルト設定のフォーマットとして、初期状態のレイアウト作業用ページ６０のレイアウトエリア７０に配置されたものである。
【００９９】
図１０Ｂは、デザインボタン８３のプルダウンメニューを示す図面である。この例では、３種類のデザインが選択可能となっている。図９に示すデザインエリア７１には、これらのデザインのうち初期設定のデザインが配置されている。
【０１００】
図１０Ｃは、配置数ボタン８４のプルダウンメニューを示す図面である。この例では、６種類の配置数が選択可能となっている。
【０１０１】
図１１Ａは、テキストボタン８５のプルダウンメニューを示す図面である。この例では、５つのテキスト欄が選択可能となっており、各テキスト欄には任意のテキストが入力可能となっている。
【０１０２】
図９に示すロゴマーク・アイコンボタン８６は、画像グループの一つである「ロゴマーク・アイコン」に対応するボタンであり、当該ボタン８６に対して操作を行うと、プルダウンメニューが表示され、画像グループ「ロゴマーク・アイコン」に属する各種画像（図示せず）が選択可能となる。
【０１０３】
図１１Ｂは、画像グループの一つである「シリーズ名称」に対応するシリーズ名称ボタン８７のプルダウンメニューを示す図面である。この例では、画像グループ「シリーズ名称」に属する７種類の画像が選択可能となっている。
【０１０４】
図１１Ｃは、画像グループの一つである「シリーズＡ」に対応するシリーズＡボタン８８のプルダウンメニューを示す図面である。この例では、画像グループ「シリーズＡ」に属する８種類の画像が選択可能となっている。
【０１０５】
メニューボタン８１、８２、...のうち、保存ボタン８１、フォーマットボタン８２、デザインボタン８３、配置数ボタン８４を除くボタン、すなわち、テキストボタン８５、ロゴマーク・アイコンボタン８６、シリーズ名称ボタン８７、シリーズＡボタン８８、...を、とくにパーツボタンと呼ぶ。
【０１０６】
各種パーツボタン８５、８６、８７、８８、...の操作により表示されるプルダウンメニューから選択されたテキスト欄、画像等の視覚情報を、「パーツ」と総称する。
【０１０７】
なお、パーツボタンのうち、テキストボタン８５を除くボタン、すなわち、ロゴマーク・アイコンボタン８６、シリーズ名称ボタン８７、シリーズＡボタン８８、...には、画像グループ名が記載されている。
【０１０８】
つぎに、ゴミ箱エリア９３は、不要となったパーツを退避させるための領域である。たとえば、ドラッグアンドドロップなどの方法により、浮動領域に配置されたパーツをいったんゴミ箱エリア９３に退避させ、必要に応じて、再度、浮動領域に配置することができる。
【０１０９】
図４にもどって、端末装置６は、ステップＳ５に続いてレイアウト処理を実行する（ステップＳ６）。レイアウト処理については、後述する。
【０１１０】
一方、端末装置６の入力装置６３を介し、端末装置６の端末側記憶手段５０（とくに、補助記憶装置６５）に記憶されている以前に作成したレイアウトに対応するＨＴＭＬファイルを指定した読出し要求があると、端末装置６は、以前に作成したレイアウトの流用・修正であると判断し（ステップＳ２）、当該ＨＴＭＬファイルを開くとともに、当該ＨＴＭＬファイルにおいて配置指示されている画像がある場合は、当該画像のファイル名（図１５Ｂ参照）を指定して、当該画像を送信するようサーバ装置４に要求する（ステップＳ７）。
【０１１１】
サーバ装置４は、要求された画像を、記憶手段２０から読みだし、端末装置６に送信する（ステップＳ８）。
【０１１２】
端末装置６は、受信した画像が当該ＨＴＭＬファイルに基づいて配置されたページ（以下、「レイアウト済みページ」という。）を、表示装置６２に表示する（ステップＳ９）。
【０１１３】
端末装置６は、当該レイアウト済みページが閲覧専用であるか否かを判断し（ステップＳ１０）、閲覧専用のレイアウト済みページでない場合は、編集可能なレイアウト済みページであると判断して、制御をレイアウト処理（ステップＳ６）に移す。
【０１１４】
編集可能なレイアウト済みページは、初期状態のレイアウト作業用ページ６０に変更が加えられたり、視覚情報が配置されたりしている可能性があるものの、基本的な構成は、初期状態のレイアウト作業用ページ６０と同様である。したがって、以下、とくに断らないかぎり、初期状態のレイアウト作業用ページ６０、レイアウト作業中のレイアウト作業用ページ、編集可能なレイアウト済みページを区別することなく、「レイアウト作業用ページ６０」と呼ぶ。
【０１１５】
ステップＳ１０において、閲覧専用のレイアウト済みページであると判断された場合の処理については、後述する。
【０１１６】
つぎに、レイアウト処理（ステップＳ６）について説明する。図５に示すように、レイアウト処理において、端末装置６は、フォーマット・デザイン・配置数変更命令（ステップＳ２１）、画像グループ指定命令（ステップＳ２３）、パーツおよび配置領域指定命令（ステップＳ２７）、プレビュー・印刷命令（ステップＳ２９）、保存命令（ステップＳ３１）、ページ終了命令（ステップＳ３３）などの監視を行っている。
【０１１７】
ステップＳ２１において、フォーマット、デザイン、配置数を変更する命令のうち、いずれかの変更命令が発せられると、端末装置６は、当該変更命令に対応した変更処理を実行する（ステップＳ２２）。
【０１１８】
たとえば、図９に示すフォーマットボタン８２が操作され、表示されたプルダウンメニュー（図１０Ａ参照）の中から、現在表示中のフォーマットと異なるフォーマットが選択されると、端末装置６は、フォーマットを変更する命令が発せられたと判断し、端末側記憶手段５０に複製されて記憶されているフォーマットデータの中から、選択されたプルダウンメニューに記載されたフォーマット名に対応するフォーマットデータ（図１５Ａ参照）を読みだし、現在表示中のフォーマットに替えて、図９に示すレイアウトエリア７０に表示する。
【０１１９】
なお、現在表示中のフォーマットを構成するいずれかの浮動領域に、既にパーツが配置されている場合は、当該パーツを、変更後のフォーマットを構成する浮動領域に自動的に再配置するよう構成されている。
【０１２０】
再配置先となる浮動領域の決定方法は、とくに限定されるものではないが、たとえば、変更後のフォーマットの浮動領域であって、現在表示中のフォーマットにおいて当該パーツの配置されている浮動領域に対応する浮動領域を、再配置先とするよう構成することができる。
【０１２１】
２つのフォーマット間における対応する浮動領域とは、とくに限定されるものではないが、それぞれのフォーマット内で各浮動領域に順位をつけておき、２つのフォーマット間における同一順位の浮動領域を、対応する浮動領域とするよう構成することができる。
【０１２２】
浮動領域の順位は、たとえば、レイアウトエリア７０の最左上端の浮動領域から下方に向けて順に、「１」、「２」、「３」、...とし、最左下端の浮動領域のつぎは、左から２列目の上端の浮動領域へと順位をつなぎ、以下同様に順位付けするよう構成することができる。
【０１２３】
このように構成すると、図９における浮動領域７２２の順位は「２」となり、浮動領域７３１の順位は「７」となり、浮動領域７４１の順位は「８」となる。
【０１２４】
また、２つのフォーマット間における対応する浮動領域の他の例として、それぞれのフォーマット内で各グループ領域に順位をつけるとともに、各グループ領域内で各浮動領域に順位をつけておき、２つのフォーマット間における同一順位のグループ領域内の同一順位の浮動領域を、対応する浮動領域とするよう構成することができる。
【０１２５】
グループ領域の順位、浮動領域の順位は、たとえば、上述の浮動領域の順位付けと同様の方法で行うことができる。
【０１２６】
このように構成したうえで、浮動領域の順位を「グループ領域の順位−浮動領域の順位」のように表現するとすると、図９における浮動領域７２２の順位は「１−２」となり、浮動領域７３１の順位は「２−１」となり、浮動領域７４１の順位は「３−１」となる。
【０１２７】
再配置先の浮動領域が決定されると、当該パーツが当該浮動領域に自動的に再配置される。なお、現在表示中のフォーマットにおける1つの浮動領域に複数のパーツが配置されている場合は、変更後のフォーマットにおける再配置先の浮動領域においても、当該複数のパーツの配置順序（たとえば、図１２Ｂにおける画像８８ｂ、画像８８ｃの順）は維持される。
【０１２８】
再配置の手順は、後述の配置処理（ステップＳ２８）と略同様である。自動的に再配置されたパーツの配置を、後で変更することができるのも、後述の配置処理の場合と同様である。
【０１２９】
さて、ステップＳ２１において、図９に示すデザインボタン８３が操作され、表示されたプルダウンメニュー（図１０Ｂ参照）の中から、現在表示中のデザインと異なるデザインが選択されると、端末装置６は、デザインを変更する命令が発せられたと判断し、端末側記憶手段５０に複製されて記憶されている当該デザインを読みだし、現在表示中のデザインに替えて、図９に示すレイアウトエリア７０のデザインエリア７１に表示する。
【０１３０】
もちろん、デザインの変更は、浮動領域にパーツが配置済みか否かに拘わらず可能である。
【０１３１】
また、ステップＳ２１において、図９に示す配置数ボタン８４が操作され、表示されたプルダウンメニュー（図１０Ｃ参照）の中から所望の配置数が選択され、かつ、配置数の変更対象となる浮動領域が指定されると、端末装置６は、配置数を変更する命令が発せられたと判断し、指定された浮動領域の配置数を、現在の配置数から、選択された配置数に変更して再表示する。
【０１３２】
配置数の変更対象となる浮動領域の指定方法は、とくに限定されるものではないが、たとえば、メニューエリア８０に表示されている配置数ボタン８４のプルダウンメニューの中から選択した所望の配置数を、レイアウトエリア７０に表示されている変更対象となる浮動領域にドラッグアンドドロップすることで指定するよう構成することができる。
【０１３３】
なお、配置数の変更対象となる浮動領域に、既にパーツが配置されている場合は、当該パーツを、変更後の配置数に対応させて当該浮動領域内において自動的に再配置するよう構成されている。
【０１３４】
なお、配置数変更前の浮動領域に複数のパーツが配置されている場合は、配置数変更後の浮動領域においても、当該複数のパーツの配置順序（たとえば、図１２Ｂにおける画像８８ｂ、画像８８ｃの順）は維持される。
【０１３５】
再配置の手順は、後述の配置処理（ステップＳ２８）と略同様である。自動的に再配置されたパーツの配置を、後で変更することができるのも、後述の配置処理の場合と同様である。
【０１３６】
つぎに、ステップＳ２３において、画像グループ指定命令が発せられると、端末装置６は、指定された画像グループに属する画像を送信するよう、サーバ装置４に要求する（ステップＳ２４）。
【０１３７】
なお、画像グループを指定する方法は、とくに限定されるものではないが、たとえば、各画像グループに対応するボタン、すなわち、この例では、図９に示すロゴマーク・アイコンボタン８６、シリーズ名称ボタン８７、および、シリーズＡボタン８８、シリーズＢボタン８９その他のシリーズボタンなど、画像グループ名の付されたボタンのうち、いずれかのボタンを操作することで、画像グループを指定するよう構成している。
【０１３８】
サーバ装置４は、端末装置６から画像グループの指定を伴う画像送信要求を受けると、指定された画像グループに属する画像の画像データ（図１５Ｂ参照）を、記憶手段２０から読みだして、端末装置６に送信する（ステップＳ２５）。
【０１３９】
端末装置６は、サーバ装置４からこれらの画像を受信すると、それをメニューエリア８０に表示する（ステップＳ２６）。表示の方法はとくに限定されるものではないが、たとえば、操作された画像グループに対応するボタンのプルダウンメニューとして、受信したこれらの画像をサムネール表示するよう構成することができる。図１１Ｂおよび図１１Ｃには、このようにして表示されたプルダウンメニューの様子が示されている。
【０１４０】
つぎに、ステップＳ２７において、パーツおよび配置領域指定命令が発せられると、端末装置６は、当該命令において指定されたパーツを、指定された領域に配置する配置処理を実行する（ステップＳ２８）。
【０１４１】
この実施形態では、パーツおよび配置領域指定命令が発せられると、端末装置６は、当該命令において指定されたパーツを、指定された浮動領域に配置するよう構成されている。
【０１４２】
当該命令におけるパーツおよび浮動領域の指定方法は、とくに限定されるものではないが、たとえば、メニューエリア８０に表示されているパーツボタン（すなわち、テキストボタン８５、ロゴマーク・アイコンボタン８６、シリーズ名称ボタン８７、シリーズＡボタン８８、...）のいずれかのボタンのプルダウンメニューの中から所望のパーツを選択し、選択したパーツを、レイアウトエリア７０に表示されている所望の浮動領域にドラッグアンドドロップすることにより指定するよう構成することができる。
【０１４３】
上記メニューエリア８０は、浮動領域に配置される前のパーツが当該エリア８０内において一覧表示される点で、パーツ表示領域またはパーツエリアとして把握することもできる。
【０１４４】
なお、テキストボタン８５のプルダウンメニューに表示されたテキスト欄を浮動領域にドラッグアンドドロップする場合に、テキスト欄を浮動領域にドラッグアンドドロップした後、当該テキスト欄にテキストを入力してもよいし、プルダウンメニューに表示された状態のテキスト欄にテキストを入力した後、浮動領域にドラッグアンドドロップしてもよい。いずれの場合も、テキストを後で変更することは可能である。
【０１４５】
図６に示すように、配置処理において、端末装置６は、まず、ステップＳ２７において指定されたパーツのサイズを調整する（ステップＳ４１）。
【０１４６】
この実施形態では、上記ステップＳ４１において、端末装置６は、ステップＳ２７において指定された浮動領域の配置数に応じてパーツのサイズを調整するよう構成されている。すなわち、端末装置６は、指定されたパーツの横幅が、指定された浮動領域の横幅をその配置数で除した値に略等しくなるよう当該パーツのサイズを調整する。
【０１４７】
パーツの縦寸法（高さ）の調整方法はとくに限定されるものではないが、パーツが画像である場合には、たとえば、画像の縦横比を維持するよう、パーツの縦寸法が調整される。パーツがテキスト欄である場合には、たとえば、所定のフォントサイズおよび文字間隔のテキストが表示できるよう、パーツの縦寸法が調整される。テキスト全体がパーツの横幅に収まらないときは、テキストを複数行に折り返して表示できるよう、パーツの縦寸法が調整される。
【０１４８】
つぎに、端末装置６は、ステップＳ２７において指定されたパーツを指定された浮動領域に配置した場合に、当該浮動領域がオーバーフロー状態となるか否かを判断する（ステップＳ４２）。
【０１４９】
指定された浮動領域に、当該浮動領域の配置数の正の整数倍（たとえば、当該配置数が「３」の場合は、「３」、「６」、「９」、...）に相当する数のパーツが、既に配置済みの場合は、今回指定されたパーツを追加すると、当該浮動領域はオーバーフロー状態となり、このままでは、指定されたパーツを表示することができない。このような場合には、当該浮動領域に新たな表示行を下方に追加し（ステップＳ４３）、追加された表示行に、当該指定されたパーツを配置することとし、当該追加された表示行についてステップＳ４４を実行する。
【０１５０】
一方、指定されたパーツを、指定された浮動領域に配置しても、当該浮動領域がオーバーフロー状態とならない場合は、当該浮動領域に新たな表示行を追加することなく、ステップＳ４４を実行する。
【０１５１】
ステップＳ４４において、端末装置６は、ステップＳ４１でサイズの調整されたパーツが表示可能となるよう浮動領域における当該表示行の縦寸法（高さ）を調整する（ステップＳ４４）。すなわち、当該表示行の縦寸法が、サイズ調整後のパーツの縦寸法と略同一となるよう、調整される。
【０１５２】
このとき、当該表示行に別のパーツが既に配置済みの場合には、配置済みのパーツも含めて、当該表示行に配置されるパーツの全てが表示可能となるように、これらのパーツのうち最も縦寸法の大きいパーツの縦寸法と略同一となるよう、当該表示行の縦寸法が調整される。なお、この例では、同一表示行に複数のパーツを配置する場合には、下詰め（下揃え）で配置するよう構成されているが、上詰めで配置したり、中央揃えで配置したりするよう構成することもできる。
【０１５３】
また、この例では、同一の浮動領域に２以上の表示行が存在する場合、最も縦寸法の大きい表示行の縦寸法と略同一となるよう、各表示行の縦寸法を調整するよう構成しているが、各表示行の縦寸法を独立に調整するよう構成することもできる。
【０１５４】
なお、浮動領域行が２以上の浮動領域により構成されている場合には、最も縦寸法の大きい浮動領域の縦寸法と略同一となるよう、各浮動領域の縦寸法が調整される。
【０１５５】
つぎに、端末装置６は、表示行の縦寸法の調整された浮動領域を含む浮動領域行より下方に別の浮動領域行があるか否かを判断し（ステップＳ４５）、ない場合には、当該浮動領域の当該表示行にパーツを表示する（ステップＳ４７）。
【０１５６】
ステップＳ４５において、下方に別の浮動領域行がある場合には、当該別の浮動領域行の位置を、上記表示行の縦寸法の調整値に等しい量だけ縦方向に移動するよう調整したのち（ステップＳ４６）、制御をステップＳ４７に移す。
【０１５７】
なお、縦方向に移動した上記別の浮動領域行にパーツが既に配置済みの場合には、配置済みのパーツごと、浮動領域行が移動する。このようにして、配置処理（図５、ステップＳ２８）が実行される。
【０１５８】
図１２Ａおよび図１２Ｂは、配置処理実行後における、端末装置６の表示装置６２に表示されたレイアウトエリア７０の一部（左半分、すなわちグループ領域７２および７３）の様子を例示した図面である。
【０１５９】
図１２Ａの例では、グループ領域７２を構成する浮動領域７２２（の第１表示行）に、パーツである画像８８ｂが配置され、表示されている。
【０１６０】
画像８８ｂが配置された浮動領域（以下、「表示行」という意味で使用することがある。）７２２の上端の位置はそのままで、下端の位置を下方に移動させることで、当該浮動領域７２２の縦寸法を拡大するよう調整している。
【０１６１】
配置数が複数の浮動領域に、配置数以下の数のパーツを配置する場合の、当該浮動領域内におけるパーツの位置を決定する方法は、とくに限定されるものではないが、この例では、指定された順に、当該浮動領域に左詰め（左揃え）で配置するよう構成されている。
【０１６２】
たとえば、図１２Ａにおいては、縦寸法の調整された浮動領域７２２の最左の要素領域７２２ａに画像８８ｂが配置されている。
【０１６３】
また、パーツとして、透明なダミー画像（背景が透けて見える画像）を用意しておけば、配置数より少ない数のパーツを配置する場合であっても、ダミー画像を適宜挿入することで、当該浮動領域内におけるパーツの位置を、自在に調整することができる。たとえば、パーツを、事実上右詰め（右揃え）で配置したり、中央揃えで配置したり、両端揃えで配置したりすることもできる。
【０１６４】
なお、この例では、浮動領域の縦寸法が調整されて拡大された場合には、背景として表示される配置数記号９４の個数も当該拡大倍率に略比例して増加するよう構成され、表示された各配置数記号９４は線分（仕切り線９７）で仕切られている。この例では、この仕切り線９７も、当該浮動領域の背景として表示するよう構成している。図１２Ａにおいては、浮動領域７２２の最右の要素領域７２２ｂに、複数の配置数記号９４およびそれらの仕切り線９７が背景として表示されている。
【０１６５】
そして、縦寸法の拡大した浮動領域７２２の下方にある浮動領域７２３、７２４、７２５、７２６、７３１は、縦寸法の拡大値に等しい量だけ縦方向に下方に移動している。浮動領域７３１は、これを含むグループ領域７３ごと、移動している。
【０１６６】
図１２Ｂの例では、図１２Ａの状態から、浮動領域７２２に、画像８８ｃを追加して配置するとともに、浮動領域７２３に、画像８８ａを配置している。
【０１６７】
浮動領域７２２に追加された画像８８ｃは、先に指定された画像８８ｂの配置された要素領域７２２ａの右隣りの要素領域７２２ｂに配置される。画像８８ｂより縦寸法の大きい画像８８ｃが配置されたことで、浮動領域７２２の縦寸法がさらに大きくなっている。
【０１６８】
なお、要素領域に配置されたパーツは、その後、グループ領域および浮動領域の異同を問わず、ドラッグアンドドロップなどの方法により、レイアウトエリア７０内の他の要素領域に移動させることが可能となっている。パーツの移動に際しても、ステップＳ２８と同様の処理が実行される。
【０１６９】
また、不要となったパーツを浮動領域からゴミ箱エリア９３に退避させたり、ゴミ箱エリア９３に退避させたパーツを、浮動領域に再配置させたりする場合にも、ステップＳ２８と同様の処理が実行される。
【０１７０】
図１３Ａおよび図１３Ｂは、このようにして、所望のパーツすべてについて、所望の浮動領域への配置処理が完了した後の、端末装置６の表示装置６２に表示されたレイアウトエリア７０の一部（左半分、すなわちグループ領域７２および７３）の様子を模式的に例示した図面である。
【０１７１】
図１３Ａは、すべての浮動領域７２１、７２２、７２３、７２４、７２５、７２６、７３１に、それぞれの浮動領域の配置数に等しい数のパーツを配置した場合の例である。
【０１７２】
図１３Ｂは、浮動領域７２１および７３１に、それぞれの浮動領域の配置数に等しい数のパーツを配置するとともに、浮動領域７２３に、その配置数（この例では「３」）を超える数（この例では１５個）のパーツを配置し、それ以外の浮動領域７２２、７２４、７２５、７２６には、パーツを配置しない場合の例である。
【０１７３】
このように、浮動領域ごとに、パーツ配置の有無、および、配置するパーツの個数を適宜変更することで、１種類のフォーマットから、多くのパターンのレイアウトを得ることができるうえ、配置処理（ステップＳ２８）の作業中に、レイアウトの概略を視認することができる。
【０１７４】
さて、図５に戻って、ステップＳ２９において、プレビュー・印刷命令が発せられると、端末装置６は、プレビュー・印刷処理を実行する（ステップＳ３０）。
【０１７５】
プレビュー・印刷命令は、たとえば、レイアウト作業用ページ６０上で右クリックメニューとして表示される「印刷プレビュー」ボタンや「印刷」ボタンを操作することで発することができる。
【０１７６】
図７に示すように、プレビュー・印刷処理において、端末装置６は、まず、パーツの配置されていない空の浮動領域行の有無を判断し（ステップＳ５１）、空の浮動領域行がある場合には、当該浮動領域行の縦寸法を０とすることにより非表示とし、当該浮動領域行より下方にある浮動領域行を、その分、上詰めしたあと（ステップＳ５２）、ステップＳ５３を実行する。
【０１７７】
ステップＳ５１において、空の浮動領域行がない場合には、そのまま、ステップＳ５３を実行する。
【０１７８】
ステップＳ５３において、端末装置６は、たとえば、図１２Ａに示す各浮動領域の背景、すなわち、配置数記号９４、区切り線９６および仕切り線９７、ならびに、境界マークすなわち境界線９５を非表示にしたうえで、レイアウトエリア７０全体のプレビュー表示または印刷を行う（ステップＳ５４）。
【０１７９】
図１４Ａは、レイアウトエリア７０のプレビュー表示画面のうち、図１３Ａに示すグループ領域７２および７３に対応する部分を表す図面であり、図１４Ｂは、図１３Ｂに示すグループ領域７２および７３に対応する部分を表す図面である。印刷の場合も、プレビュー表示と同様の結果を得ることができる。
【０１８０】
図５に戻って、ステップＳ３１において、保存命令が発せられると、端末装置６は、保存処理を実行する（ステップＳ３２）。
【０１８１】
保存命令は、保存ボタン８１（図９参照）のプルダウンメニューに表示される「編集可能ファイルに保存」ボタンまたは「編集不能ファイルに保存」ボタンが操作されることにより発せられる。
【０１８２】
図８に示すように、保存処理において、端末装置６は、まず、端末装置６の表示装置６２に表示されているレイアウト作業用ページ６０（図９参照）全体のＨＴＭＬソースコードを取得する（ステップＳ６１）。
【０１８３】
つぎに、保存命令における保存形式を判断する（ステップＳ６２）。「編集可能ファイルに保存」ボタンが操作された場合は、編集可能な保存形式であると判断して、ステップＳ６１において取得したＨＴＭＬソースコードのヘッダー情報に、予め作成された編集用ＣＳＳ（Ｃａｓｃａｄｉｎｇ  Ｓｔｙｌｅ  Ｓｈｅｅｔｓ）へのリンク命令を加えて（ステップＳ６３）、端末装置６の補助記憶装置６５に、ＨＴＭＬファイルとして保存する（ステップＳ６５）。
【０１８４】
編集用ＣＳＳは、保存処理に際し、レイアウト作業用ページ６０全体を保存対象とするとともに、書き込み可能モードで保存するよう構成されている。したがって、保存されたＨＴＭＬファイルを読み出せば、保存前と同様、レイアウトエリア７０の編集を自由に行うことができる。
【０１８５】
一方、「編集不能ファイルに保存」ボタンが操作された場合は、閲覧専用の保存形式であると判断して、ステップＳ６１において取得したＨＴＭＬソースコードのヘッダー情報に、予め作成された閲覧用ＣＳＳへのリンク命令を加えて（ステップＳ６４）、端末装置６の補助記憶装置６５に、ＨＴＭＬファイルとして保存する（ステップＳ６５）。
【０１８６】
閲覧用ＣＳＳは、保存処理に際し、レイアウト作業用ページ６０のうちレイアウトエリア７０のみを保存対象とするとともに、読み取り専用モードで保存するよう構成されている。そして、保存されたＨＴＭＬファイルを読み出して表示する際（ステップＳ９）に、上述のプレビュー・印刷処理（ステップＳ３０）におけるステップＳ５１からステップＳ５３（図７参照）に相当する処理を実行するよう構成されている。
【０１８７】
したがって、保存されたＨＴＭＬファイルを読み出せば、保存前のレイアウトエリア７０を、閲覧専用のレイアウト済みページとして再現することができるが、その編集を行うことはできない。閲覧専用のレイアウト済みページは、たとえば、図１４Ａまたは図１４Ｂのような形式で表示される。
【０１８８】
この例では、ステップＳ６５において、レイアウト作業用ページ６０をＨＴＭＬファイルとして保存する際、浮動領域に画像が配置されている場合には、保存形式の如何に拘らず、画像データ自体は保存せずに、画像のファイル名（図１５Ｂ参照）を保存するよう構成している。このように構成することで、補助記憶装置６５において消費される記憶量を低減することができる。
【０１８９】
図５に戻って、ステップＳ３３において、ページ終了命令が発せられると、端末装置６は、レイアウト作業用ページ６０を閉じて（ステップＳ３４）、レイアウト処理（ステップＳ６）を終了し、制御をステップＳ１（図４参照）に戻す。ページ終了命令は、たとえば、ウェブブラウザの「閉じるボタン」（図示せず）を操作することにより発せられる。
【０１９０】
端末装置６は、ページ終了命令（ステップＳ３３）が発せられるまで、ステップＳ２１以下の処理を繰り返す。
【０１９１】
さて、図４に戻って、ステップＳ１０において、ステップＳ９で表示されたレイアウト済みページが閲覧専用のレイアウト済みページである場合、端末装置６は、印刷命令の有無（ステップＳ１１）およびページ終了命令の有無（ステップＳ１３）を監視しており、印刷命令が発せられると、閲覧専用のレイアウト済みページの印刷を行い（ステップＳ１２）、ページ終了命令が発せられると、閲覧専用のレイアウト済みページを閉じて（ステップＳ１４）、制御をステップＳ１に戻す。
【０１９２】
図４におけるステップＳ１３およびステップＳ１４の処理内容は、それぞれ、図５におけるステップＳ３３およびステップＳ３４の処理と同様である。
【０１９３】
つぎに、この発明の他の実施形態によるレイアウト支援システム１０２について説明する。
【０１９４】
図１６は、レイアウト支援システム１０２の構成要素であるサーバ装置１０４の構成を例示するブロック図である。サーバ装置１０４はレイアウト支援手段１１０を備えている。サーバ装置１０４、レイアウト支援手段１１０は、それぞれ、上述のレイアウト支援システム２の構成要素であるサーバ装置４、レイアウト支援手段１０に対応する。
【０１９５】
レイアウト支援手段１１０は、要素領域比率変更制御部１７および浮動領域比率変更制御部１８をさらに備えるとともに、情報サイズ制御部１２に替え情報サイズ制御部１１２を備えている点を除き、レイアウト支援手段１０と略同様の構成である。サーバ装置１０４は、レイアウト支援手段１０に替えレイアウト支援手段１１０を備えている点を除き、サーバ装置４と略同様の構成である。また、レイアウト支援システム１０２は、サーバ装置４に替えサーバ装置１０４を備えている点を除き、上述のレイアウト支援システム２と略同様の構成である。図１６において、レイアウト支援システム２と同様の機能を有する構成部分は、同一の符号を付すこととし、説明を省略する。
【０１９６】
要素領域比率変更制御部１７は、入力手段３０を介して、２以上の配置数を属性とする浮動領域を指定した要素領域比率変更命令を受けると、浮動領域内において横方向に配置される各視覚情報を収容する要素領域の横幅の比率を変更する。
【０１９７】
情報サイズ調整部１１２は、上述の情報サイズ調整部１２の構成に加え、さらに、次の構成を備えている。すなわち、情報サイズ調整部１１２は、要素領域比率変更制御部１７により要素領域の横幅の比率が変更されたあと、入力手段３０を介して視覚情報および当該視覚情報を収容すべき要素領域が指定されると、当該視覚情報の横幅が、当該要素領域の横幅に略等しくなるよう当該視覚情報のサイズを調整するよう構成されている。
【０１９８】
要素領域比率変更制御部１７は、さらに、要素領域比率変更命令において指定された浮動領域に既に視覚情報が配置されている場合は、変更後の要素領域の横幅の比率にしたがって、情報サイズ調整部１１２により当該視覚情報のサイズを再調整させ、領域高さ調整部１３により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部１４により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する。
【０１９９】
浮動領域比率変更制御部１８は、入力手段３０を介して、２以上の浮動領域を備えた浮動領域行を指定した浮動領域比率変更命令を受けると、当該命令にしたがって、浮動領域行内において横方向に配置される２以上の浮動領域の横幅の比率を変更する。なお、この例においては、浮動領域比率変更命令の対象となる浮動領域行を構成する浮動領域のうち、２以上の配置数を属性とする浮動領域については、当該浮動領域を構成する各要素領域の横幅の比率はそのまま維持されるよう構成されている。
【０２００】
浮動領域比率変更制御部１８は、さらに、当該浮動領域行を構成するいずれかの浮動領域に既に視覚情報が配置されている場合は、変更後の浮動領域の横幅の比率にしたがって、情報サイズ調整部１１２により当該視覚情報のサイズを再調整させ、領域高さ調整部１３により当該浮動領域を含む浮動領域行の縦寸法を再調整させ、領域位置調整部１４により当該浮動領域行より下方にある浮動領域行の位置を再調整させたうえで、既に配置されている視覚情報を再調整後の浮動領域に再表示するよう制御する。
【０２０１】
図１７は、要素領域比率変更処理の流れの一例を示すフローチャートである。  図１８は、浮動領域比率変更処理の流れの一例を示すフローチャートである。
【０２０２】
図１９Ａは、端末装置６の表示装置６２に表示されたレイアウトエリア７０（図９参照）の一部の様子を模式的に例示した図面であって、要素領域比率変更処理を実行する前における図面である。図１９Ｂは、図１９Ａに示す状況から要素領域比率変更処理を実行した後の状況を示す図面である。
【０２０３】
図１９Ａには、たとえば、レイアウトエリア７０の左半分に配置された集合領域としてのグループ領域１７２において、所望のパーツすべてについて、所望の浮動領域への配置処理が完了した後のレイアウト状況が示されている。
【０２０４】
グループ領域１７２は、縦方向に隣接配置された３つの浮動領域１７３、１７４、１７５により構成されている。なおこの実施形態においては、浮動領域１７３、１７４、１７５は、一定の間隙を介して縦方向に隣り合うよう配置されている。また、各浮動領域１７３、１７４、１７５により、それぞれ、１つの浮動領域行が構成されている。すなわち、これらの浮動領域１７３、１７４、１７５に関しては、浮動領域と浮動領域行とが一致している。
【０２０５】
浮動領域１７３の配置数は２であり、横方向に隣接して配置された２つの要素領域１７３１、１７３２により構成されている。浮動領域１７４の配置数は４であり、横方向に隣接して配置された４つの要素領域１７４１、１７４２、１７４３、１７４４により構成されている。
【０２０６】
また、浮動領域１７５の配置数は３であり、表示行数は２となっている。第1の表示行は、横方向に隣接して配置された３つの要素領域１７５１、１７５２、１７５３により構成され、第１の表示行の下方に隣接して配置された第２の表示行は、横方向に隣接して配置された３つの要素領域１７５４、１７５５、１７５６により構成されている。
【０２０７】
図中、ハッチングを付した矩形部分は、各浮動領域に配置されたパーツを示す。浮動領域１７３には同一の横幅および同一の縦横比のパーツが２つ配置され、浮動領域１７４には同一の横幅および同一の縦横比のパーツが３つ配置され、  浮動領域１７５には同一の横幅および同一の縦横比のパーツが６つ配置されている。
【０２０８】
レイアウトエリア７０には、要素領域比率変更用指標であるノブＮＥ（図中、黒塗りの逆三角形で示す。）が配置されている。この例では、２以上の配置数を属性とする浮動領域において横方向に隣接する要素領域の境界にノブＮＥを配置して表示している。したがって、浮動領域１７３、１７４、１７５には、それぞれ、１つ、３つ、２つのノブＮＥが配置されている。
【０２０９】
つぎに、図１７に示す要素領域比率変更処理について説明する。要素領域比率変更処理は、たとえば、図４および図５に示すレイアウト処理（ステップＳ６）実行中における割込み処理として構成することができる。すなわち、  図１７に示すように、端末装置６は、レイアウト処理実行中に要素領域比率変更命令を監視している（ステップＳ７１）。
【０２１０】
要素領域比率変更命令の態様はとくに限定されるものではないが、たとえば、図１９Ａに示すノブＮＥを、ドラッグ等の方法により横方向（図面上で左右）にスライド操作することで、要素領域比率変更命令を入力するよう構成することができる。
【０２１１】
ノブＮＥがスライド操作されると、図１９Ｂに示すように、端末装置６は、スライド操作によりスライド移動したノブＮＥの位置を要素領域の新たな境界線とするよう要素領域の横幅の比率を変更する（ステップＳ７２）。
【０２１２】
２以上のノブＮＥの配置された浮動領域、たとえば浮動領域１７４において、１のノブＮＥがスライド操作された場合、スライド操作されていないノブＮＥの動作については、とくに限定されるものではないが、この例では、スライド操作されていないノブＮＥはスライド移動しないよう構成されている。すなわち、各ノブＮＥは、スライド操作によって独立にスライド移動させることができるよう構成されている。
【０２１３】
なお、スライド操作されていないノブＮＥの全てまたは一部が、スライド操作されたノブＮＥに連動してスライド移動するよう構成することもできる。たとえば、スライド操作されていないノブＮＥの全てが、スライド操作されたノブＮＥに連動して、スライド操作されたノブＮＥと同一方向に同一距離スライド移動するよう構成することができる。
【０２１４】
また、スライド操作されていないノブＮＥの一部、たとえば、スライド操作されたノブＮＥに隣接する一方または双方のノブＮＥのみが、スライド操作されたノブＮＥに連動して、スライド操作されたノブＮＥと同一方向に同一距離スライド移動するとともに、他のノブＮＥはスライド移動しないよう構成することができる。
【０２１５】
さらに、浮動領域の横幅から、ノブＮＥのスライド操作により横幅を所望量変化させた要素領域（以下「ターゲット要素領域」と呼ぶ。）の横幅を減じた値を、残りの要素領域の数で等分した値が当該残りの要素領域の横幅となるよう、スライド操作されていないノブＮＥを、スライド操作されたノブＮＥに連動してスライド移動するよう構成することができる。
【０２１６】
このように構成すれば、たとえば、図１９Ａに示す浮動領域１７４において、各要素領域１７４１、１７４２、１７４３、１７４４の横幅をすべてａとした場合、ターゲット要素領域を要素領域１７４１とし、その横幅をａ＋ｂに変化させると、残りの要素領域１７４２、１７４３、１７４４の横幅はすべてａ−ｂ／３となる。
【０２１７】
なお、スライド操作するノブＮＥの左右いずれの要素領域をターゲット要素領域とするかの判断方法はとくに限定されるものではないが、たとえば、スライド操作（たとえばドラッグ）の起点が、スライド操作の対象となるノブＮＥの中央から左右いずれに偏っているかによって判断するよう構成することができる。たとえば、スライド操作の起点が、スライド操作の対象となるノブＮＥの中央から左に偏っている場合は、当該ノブＮＥの左側の要素領域がターゲット要素領域であると判断する。
【０２１８】
つぎに、表示行数が２以上の浮動領域、たとえば、図１９Ａに示す浮動領域１７５においては、同一列を構成する要素領域、たとえば要素領域１７５１および要素領域１７５４は、要素領域比率変更命令の前後において、常に同じ横幅となるよう構成されている。
【０２１９】
図１７に戻って、端末装置６は、要素領域比率変更命令が入力された時点で、要素領域比率変更命令の対象となる浮動領域に既にパーツが配置されているか否かを判断し、当該浮動領域にパーツが未配置の場合は、制御をステップＳ７１にもどす（ステップＳ７３）。
【０２２０】
一方、当該浮動領域にパーツが既配置の場合は、図１９Ｂに示すように、端末装置６は、当該浮動領域に配置されている各パーツのサイズを、要素領域比率変更命令後における各要素領域の横幅に適合するよう再調整し（ステップＳ７４）、再調整後の各パーツが表示できるよう、当該浮動領域を含む浮動領域行の縦寸法を再調整し（ステップＳ７５）、当該浮動領域行の下方に他の浮動領域行がある場合は、当該他の浮動領域行の位置を再調整したうえで（ステップＳ７６）、既配置のパーツを、再調整後の浮動領域に再表示し（ステップＳ７７）、制御をステップＳ７１に戻す。
【０２２１】
図１９Ｂに示すように、この例においては、要素領域比率変更命令の前後において、各パーツの縦横比が維持されるよう構成している。また、この例では、各浮動領域（各表示行）において、各パーツは上詰めで表示されるよう構成している。
【０２２２】
つぎに、図２０Ａは、端末装置６の表示装置６２に表示されたレイアウトエリア７０の一部の様子を模式的に例示した図面であって、要素領域比率変更処理および浮動領域比率変更処理を実行する前における図面である。図２０Ｂは、図２０Ａに示す状況から要素領域比率変更処理および浮動領域比率変更処理を実行した後の状況を示す図面である。
【０２２３】
図２０Ａには、たとえば、レイアウトエリア７０の右半分に配置された集合領域としてのグループ領域１８２において、所望のパーツすべてについて、所望の浮動領域への配置処理が完了した後のレイアウト状況が示されている。
【０２２４】
グループ領域１８２は、縦方向に隣接配置された２つの浮動領域１８３、１８４および１つの浮動領域行１８５により構成されている。なおこの実施形態においては、浮動領域１８３、１８４および浮動領域行１８５は、一定の間隙を介して縦方向に隣り合うよう配置されている。また、各浮動領域１８３、１８４により、それぞれ、１つの浮動領域行が構成されている。すなわち、これらの浮動領域１８３、１８４に関しては、浮動領域と浮動領域行とが一致している。
【０２２５】
一方、浮動領域行１８５は、横方向に隣接配置された２つの浮動領域１８６、１８７により構成されている。
【０２２６】
浮動領域１８３および浮動領域１８６の配置数はともに１であり、それぞれ１つの要素領域により構成されている。すなわち、浮動領域１８３、１８６に関しては、浮動領域と要素領域とが一致している。浮動領域１８４の配置数は３であり、横方向に隣接して配置された３つの要素領域１８４１、１８４２、１８４３により構成されている。
【０２２７】
また、浮動領域１８７の配置数は２であり、表示行数は２となっている。第1の表示行は、横方向に隣接して配置された２つの要素領域１８７１、１８７２により構成され、第１の表示行の下方に隣接して配置された第２の表示行は、横方向に隣接して配置された２つの要素領域１８７３、１８７４により構成されている。
【０２２８】
図中、ハッチングを付した矩形部分は、各浮動領域に配置されたパーツを示す。浮動領域１８３および浮動領域１８６には、それぞれ、パーツが１つ配置され、浮動領域１８４には横幅が同一で異なる縦横比のパーツが３つ配置され、浮動領域１８７には横幅が同一で同一の縦横比のパーツが４つ配置されている。また、浮動領域行１８５を構成する浮動領域１８６に配置されたパーツ全体の縦横比と、浮動領域１８７に配置されたパーツ全体の縦横比は異なる。
【０２２９】
レイアウトエリア７０には、図１９Ａに表されたものと同様のノブＮＥのほか、浮動領域比率変更用指標であるノブＮＦ（図中、白抜きの逆三角形で示す。）が配置されている。この例では、２以上の浮動領域により構成される浮動領域行において横方向に隣接する浮動領域の境界にノブＮＦを配置して表示している。したがって、浮動領域行１８５に１つのノブＮＥが配置されている。
【０２３０】
つぎに、図１８に示す浮動領域比率変更処理について説明する。浮動領域比率変更処理も、上述の要素領域比率変更処理（図１７）と同様に、たとえば、図４および図５に示すレイアウト処理（ステップＳ６）実行中における割込み処理として構成することができる。すなわち、図１８に示すように、端末装置６は、レイアウト処理実行中に浮動領域比率変更命令を監視している（ステップＳ８１）。
【０２３１】
浮動領域比率変更命令の態様はとくに限定されるものではないが、たとえば、図２０Ａに示すノブＮＦを、ドラッグ等の方法により横方向（図面上で左右）にスライド操作することで、浮動領域比率変更命令を入力するよう構成することができる。
【０２３２】
ノブＮＦがスライド操作されると、図２０Ｂに示すように、端末装置６は、スライド操作によりスライド移動したノブＮＦの位置を浮動領域の新たな境界線とするよう浮動領域の横幅の比率を変更する（ステップＳ８２）。
【０２３３】
２以上のノブＮＦの配置された浮動領域行において、１のノブＮＦがスライド操作された場合、スライド操作されていないノブＮＦの動作については、とくに限定されるものではないが、この例では、スライド操作されていないノブＮＦはスライド移動しないよう構成されている。すなわち、各ノブＮＦは、スライド操作によって独立にスライド移動させることができるよう構成されている。
【０２３４】
なお、スライド操作されていないノブＮＦの全てまたは一部が、スライド操作されたノブＮＦに連動してスライド移動するよう構成することもできる。たとえば、スライド操作されていないノブＮＦの全てが、スライド操作されたノブＮＦに連動して、スライド操作されたノブＮＦと同一方向に同一距離スライド移動するよう構成することができる。
【０２３５】
また、スライド操作されていないノブＮＦの一部、たとえば、スライド操作されたノブＮＦに隣接する一方または双方のノブＮＦのみが、スライド操作されたノブＮＦに連動して、スライド操作されたノブＮＦと同一方向に同一距離スライド移動するとともに、他のノブＮＦはスライド移動しないよう構成することができる。
【０２３６】
さらに、浮動領域行の横幅から、ノブＮＦのスライド操作により横幅を所望量変化させた浮動領域（以下「ターゲット浮動領域」と呼ぶ。）の横幅を減じた値を、残りの浮動領域の数で等分した値が当該残りの浮動領域の横幅となるよう、スライド操作されていないノブＮＦを、スライド操作されたノブＮＦに連動してスライド移動するよう構成することができる。
【０２３７】
なお、スライド操作するノブＮＦの左右いずれの浮動領域をターゲット浮動領域とするかの判断方法はとくに限定されるものではないが、たとえば、スライド操作（たとえばドラッグ）の起点が、スライド操作の対象となるノブＮＦの中央から左右いずれに偏っているかによって判断するよう構成することができる。たとえば、スライド操作の起点が、スライド操作の対象となるノブＮＦの中央から左に偏っている場合は、当該ノブＮＥの左側の浮動領域がターゲット浮動領域であると判断する。
【０２３８】
つぎに、浮動領域比率変更処理の対象となる浮動領域行が２以上の配置数を属性とする浮動領域を含む場合、当該浮動領域を構成する要素領域の横幅の比率は、浮動領域比率変更処理によって変化しないよう構成されている。たとえば、図２０Ａに示す浮動領域１８７においては、要素領域１８７１（要素領域１８７３）の横幅と要素領域１８７２（要素領域１８７４）の横幅とは、浮動領域比率変更命令の前後において、常に同じ比率となるよう構成されている。
【０２３９】
図１８に戻って、端末装置６は、浮動領域比率変更命令が入力された時点で、浮動領域比率変更命令の対象となる浮動領域行を構成するいずれかの浮動領域に既にパーツが配置されているか否かを判断し、いずれの浮動領域にもパーツが未配置の場合は、制御をステップＳ８１にもどす（ステップＳ８３）。
【０２４０】
一方、いずれかの浮動領域にパーツが既配置の場合は、図２０Ｂに示すように、端末装置６は、当該浮動領域に配置されている各パーツのサイズを、浮動領域比率変更命令後における各要素領域の横幅に適合するよう再調整し（ステップＳ８４）、再調整後の各パーツが表示できるよう、当該浮動領域を含む浮動領域行の縦寸法を再調整し（ステップＳ８５）、当該浮動領域行の下方に他の浮動領域行がある場合は、当該他の浮動領域行の位置を再調整したうえで（ステップＳ８６）、既配置のパーツを、再調整後の浮動領域に再表示し（ステップＳ８７）、制御をステップＳ８１に戻す。
【０２４１】
図２０Ｂに示すように、この例においても、要素領域比率変更命令および浮動領域比率変更命令の前後において、各パーツの縦横比が維持されるよう構成している。また、この例でも、各浮動領域（各表示行）において、各パーツは上詰めで表示されるよう構成している。
【０２４２】
さて、図２０Ａに示す浮動領域１８４のように、異なる縦横比のパーツが複数配置された浮動領域においては、１または２以上のノブＮＥを適当にスライド操作することで、図２０Ｂに示すように、当該複数のパーツの縦寸法を同一にすることができる。  このように、浮動領域に配置されたパーツの縦横比が異なる場合であっても、ノブＮＥを適当に調整して各パーツの縦寸法をそろえることで、見栄えのよいレイアウトを実現することができる。
【０２４３】
また、図２０Ａに示す浮動領域行１８５のように、配置されたパーツ全体の縦横比が異なる浮動領域を複数備えた浮動領域行においては、１または２以上のノブＮＦを適当にスライド操作することで、図２０Ｂに示すように、当該複数の浮動領域においてパーツ全体の縦寸法を同一にすることができる。このように、配置されたパーツ全体の縦横比が異なる複数の浮動領域からなる浮動領域行であっても、ノブＮＦを適当に調整して各浮動領域に配置されたパーツ全体の縦寸法をそろえることで、さらに見栄えのよいレイアウトを実現することができる。
【０２４４】
なお、この実施形態においては、要素領域比率変更命令の態様として、ノブＮＥを横方向にスライド操作することで、要素領域比率変更命令を入力するよう構成した場合を例に説明したが、要素領域比率変更命令の態様として、たとえば、要素領域比率変更命令の対象となる浮動領域を指定するとともに、当該浮動領域を構成する要素領域の横幅の新たな比率を、入力手段３０としてのキーボードなどを用いて数値で入力するよう構成することができる。
【０２４５】
たとえば、図２０Ａに示す浮動領域行１８４を構成する要素領域１８４１、１８４２、１８４３に配置されているパーツの縦寸法を、それぞれ、ａ、ｂ、ｃとした場合、浮動領域行１８４を指定するとともに、当該浮動領域を構成する要素領域１８４１、１８４２、１８４３の横幅の新たな比率１／ａ：１／ｂ：１／ｃを、要素領域比率変更命令として、キーボードなどを用いて入力することで、図２０Ｂに示すように、これらのパーツの縦寸法をそろえることができる。
【０２４６】
要素領域の横幅が異なる場合を含め、さらに一般化して、異なる縦横比のパーツが複数配置された浮動領域について、これらのパーツの縦横比に基づいて、これらのパーツの縦寸法をそろえるよう構成することができる。たとえば、縦横比がそれぞれｙ１：ｘ１、ｙ２：ｘ２、ｙ３：ｘ３である３つのパーツが配置された浮動領域が指定されると、当該浮動領域を構成する３つの要素領域の横幅の新たな比率として、ｘ１／ｙ１：ｘ２／ｙ２：ｘ３／ｙ３を算出し、これを要素領域比率変更命令として入力することで、これらのパーツの縦寸法をそろえることができる。このように構成することで、異なる縦横比のパーツが複数配置された浮動領域について各パーツの縦寸法を容易にそろえることができる。
【０２４７】
また、この実施形態においては、浮動領域比率変更命令の態様として、ノブＮＦを横方向にスライド操作することで、浮動領域比率変更命令を入力するよう構成した場合を例に説明したが、浮動領域比率変更命令の態様として、上述の要素領域比率変更命令の場合と同様に、たとえば、浮動領域比率変更命令の対象となる浮動領域行を指定するとともに、当該浮動領域行を構成する浮動領域の横幅の新たな比率を、入力手段３０としてのキーボードなどを用いて数値で入力するよう構成することができる。
【０２４８】
また、上述の要素領域比率変更命令の場合と同様に、配置されたパーツ全体の縦横比が異なる浮動領域を複数備えた浮動領域行について、これらのパーツ全体の縦横比に基づいて、これらのパーツ全体の縦寸法をそろえるよう構成することができる。このように構成することで、配置されたパーツ全体の縦横比が異なる浮動領域を複数備えた浮動領域行について、パーツ全体の縦寸法を容易にそろえることができる。
【０２４９】
その余の処理は、上述のレイアウト支援システム２の場合と同様である。ただし、レイアウト支援システム１０２では、上記ステップＳ７２によって横幅の比率の変更された要素領域を含む浮動領域に関しては、ステップＳ２７（図５参照）においてパーツを配置するために指定される領域は、浮動領域ではなく要素領域である。
【０２５０】
また、レイアウト支援システム１０２では、上記ステップＳ７２によって横幅の比率の変更された要素領域を含む浮動領域に関しては、ステップＳ４１（図６参照）において、端末装置６は、ステップＳ２７（図５参照）において指定された要素領域の横幅に応じてパーツのサイズを調整するよう構成されている。すなわち、端末装置６は、指定されたパーツの横幅が当該要素領域の横幅に略等しくなるよう当該パーツのサイズを調整する。
【０２５１】
なお、図４に示すステップＳ５が、図２の基準パターン表示制御部１１に対応する。図６に示すステップＳ４１が、情報サイズ調整部１２または情報サイズ調整部１１２に対応する。図６に示すステップＳ４４が、領域高さ調整部１３に対応する。図６に示すステップＳ４６が、領域位置調整部１４に対応する。図５に示すステップＳ２２の一部が、配置数変更制御部１５に対応する。図５に示すステップＳ３０が、印刷モード表示制御部１６に対応する。図１７に示すステップＳ７１ないしステップＳ７７が、図１６の要素領域比率変更制御部１７に対応する。図１８に示すステップＳ８１ないしステップＳ８７が、浮動領域比率変更制御部１８に対応する。
【０２５２】
なお、上述の実施形態においては、レイアウト処理（図５参照）において端末装置６から画像グループ指定命令が発せられたタイミングで、指定された画像グループに属する画像のみを、サーバ装置４から端末装置６に送信するよう構成しているが、画像送信のタイミングおよび送信される画像の範囲は、これに限定されるものではない。
【０２５３】
たとえば、画像の総数（画像の総データ容量）が、それほど多くない場合には、レイアウトを新規に作成する際のレイアウト作業用ページの送信処理（図４、ステップＳ４）において、すべての画像グループに属するすべての画像を、サーバ装置４から端末装置６に送信しておくよう構成することもできる。
【０２５４】
また、上述の実施形態においては、保存処理（図８参照）において、レイアウト作業用ページをＨＴＭＬファイルとしてローカルに保存する際に、浮動領域に画像が配置されている場合、ローカルには画像データ自体を保存せずに、画像のファイル名を保存し、画像データ自体はサーバ装置４にて一括管理して保存するよう構成しているが、レイアウト作業用ページの保存方法は、これに限定されるものではない。
【０２５５】
たとえば、レイアウト作業用ページをＨＴＭＬファイルとして保存する際に、画像データ自体も、併せてローカルに保存するよう構成することもできる。
【０２５６】
ただし、保存処理において画像データ自体はローカルに保存せずに、サーバ装置４にて一括管理して保存するよう構成すれば、画像データ自体に変更があった場合や、何らかの理由で当該画像が使用不可となった場合に、当該変更等を速やかに端末装置６に反映することができるため、好都合である。
【０２５７】
また、上述の実施形態においては、レイアウト支援システムとして、ウェブサーバとして機能するサーバ装置４と、ウェブブラウザを搭載した端末装置６とを備え、これらを、インターネットを含む情報通信手段８を介して通信可能とするよう構成されたシステムを例に説明したが、この発明によるレイアウト支援システムは、これに限定されるものではない。
【０２５８】
この発明は、記憶手段およびレイアウト支援手段を備えたサーバ装置と、情報通信手段を介してサーバ装置と通信可能に構成され、表示手段および入力手段を備えた端末装置と、を備えたシステム全般に適用することができる。
【０２５９】
なお、上述の各実施形態においては、サーバ装置および各端末装置が、それぞれ１台のコンピュータを用いて構成されている場合を例に説明したが、この発明はこれに限定されるものではない。サーバ装置を、２台以上のコンピュータにより構成することもできる。この場合、当該２台以上のコンピュータを、上記情報通信手段を介して接続することもできる。
【０２６０】
また、１の端末装置を２台以上のコンピュータにより構成することもできる。この場合も、当該２台以上のコンピュータを、上記情報通信手段を介して接続することもできる。
【０２６１】
さらに、この発明は、たとえば、スタンドアロン構成によるレイアウト支援システムとして実現することもできる。この場合、１台のコンピュータに、上記入力手段と、表示手段と、記憶手段と、レイアウト支援手段とを、搭載すればよい。
【０２６２】
また、たとえば、１台のコンピュータに、上記入力手段と、表示手段と、レイアウト支援手段とを搭載し、他のコンピュータに、上記記憶手段を搭載するとともに、これらのコンピュータを、上記情報通信手段を介して接続するよう構成することもできる。
【０２６３】
すなわち、この発明によるレイアウト支援システムは、構成するコンピュータの数や設置場所に制限を受けるものではない。
【０２６４】
なお、この実施形態においては、レイアウト支援システム２のサーバ装置４側のプログラムを記憶した記録媒体として、ＨＤＤに装着されたハードディスクを例示し、端末装置６側のプログラムを記憶した記録媒体として、ＳＳＤに装着されたフラッシュメモリを例示しているが、プログラムを記憶した記録媒体はこれらに限定されるものではなく、プログラムを記憶した記録媒体として、たとえば、外部メモリカード、ＣＤ−ＲＯＭ、ＤＶＤ−ＲＯＭ、フレキシブルディスク、磁気テープを用いることもできる。さらに、主記憶装置もプログラムを記憶した記録媒体として用いることができる。
【０２６５】
また、プログラムの配布態様は特に限定されるものではなく、記録媒体にプログラムを記憶した状態で配布するほか、有線や無線の情報通信手段を介して当該プログラムを配布するようにしてもよい。
【０２６６】
また、プログラムの記録態様は特に限定されるものではない。直接実行できる形で記録媒体に記憶したり配布したりする他、たとえば、解凍して使用するように圧縮された形で記録媒体に記憶したり配布したりすることもできる。
【０２６７】
なお、上述の各実施形態においては、コンピュータを用いて図２の各機能を実現する場合を例に説明したが、これらの機能の一部または全部を、ハードウェアロジックを用いて構成するようにしてもよい。
【０２６８】
また、上述のブロック図、ハードウェア構成、フローチャート、表示画面の構成、データの構成等は、例として挙げたものであり、本願発明は、これらに限定されるものではない。
【０２６９】
上記においては、本発明を好ましい実施形態として説明したが、各用語は、限定のために用いたのではなく、説明のために用いたものであって、本発明の範囲および精神を逸脱することなく、添付のクレームの範囲において、変更することができるものである。また、上記においては、本発明のいくつかの典型的な実施形態についてのみ詳細に記述したが、当業者であれば、本発明の新規な教示および利点を逸脱することなしに上記典型的な実施形態において多くの変更が可能であることを、容易に認識するであろう。したがって、そのような変更はすべて、本発明の範囲に含まれるものである。
【符号の説明】
【０２７０】
１０：レイアウト支援手段
１１：基準パターン表示制御部
１２：情報サイズ調整部
１３：領域高さ調整部
１４：領域位置調整部
【図１】
2018092624.tif 000003
【図２】
2018092624.tif 000004
【図３】
2018092624.tif 000005
【図４】
2018092624.tif 000006
【図５】
2018092624.tif 000007
【図６】
2018092624.tif 000008
【図７】
2018092624.tif 000009
【図８】
2018092624.tif 000010
【図９】
2018092624.tif 000011
【図１０】
2018092624.tif 000012
【図１１】
2018092624.tif 000013
【図１２】
2018092624.tif 000014
【図１３】
2018092624.tif 000015
【図１４】
2018092624.tif 000016
【図１５】
2018092624.tif 000017
【図１６】
2018092624.tif 000018
【図１７】
2018092624.tif 000019
【図１８】
2018092624.tif 000020
【図１９】
2018092624.tif 000021
【図２０】
2018092624.tif 000022