JPH10222508A - コンピュータ画面レイアウト編集方法 - Google Patents

Abstract

(57)【要約】 【課題】 ホームページを作成するための必要最小限の
機能に特化し、さらにブラウザ上での表示状態を確認し
ながら容易に編集することができるコンピュータ画面レ
イアウト編集方法を提供する。 【解決手段】 コンピュータ画面を複数のブロックに分
割する際に、最初に上下方向に分割するか左右方向に分
割するかの入力パターンを指定する。指定された入力パ
ターンに応じてコンピュータ画面を複数のブロックに分
割し、各ブロックに順番に番号付けを行う。ブロック番
号を指定し、ブロック単位で文字データまたは画像デー
タを入力する。ブロック番号の若い順に入力データに基
づいた仕上がり画面のデータを生成し、ホームページの
ＨＴＭＬファイルを作成する。ホームページのＨＴＭＬ
ファイルをサーバに登録する。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、インターネットに
発信するホームページの作成に用いるコンピュータ画面
レイアウト編集方法に関する。

【０００２】

【従来の技術】ホームページは、ＨＴＭＬ（Hyper Text
Markup Language）言語で記述されたテキスト・ファイ
ル（以下「ＨＴＭＬファイル」という。）である。した
がって、このＨＴＭＬファイルは、テキスト・エディタ
ーを用いて自由に作成・編集することができる。

【０００３】ここで、図８を参照し、ホームページを作
成してプロバイダのサーバに登録する手順について説明
する。テキスト・エディターを用いてホームページの
ＨＴＭＬファイルを作成する。ブラウザを用いて作成
したＨＴＭＬファイルを表示してみる。なお、ブラウザ
は、タグ付きのＨＴＭＬファイルを読み込むと、それぞ
れのタグの機能を解釈して文字や画像を指定の位置に指
定の大きさで表示するソフトフェアである。ファイル
転送プロトコル（ＦＴＰ）の手順に従って、サーバにホ
ームページのＨＴＭＬファイルをアップロードする。以
上により、ホームページの登録が完了する。

【０００４】ところで、テキスト・エディターを用いて
ホームページのＨＴＭＬファイルを作成する場合には、
ＨＴＭＬ言語のタグを理解することが不可欠であった。
また、ブラウザ上で表示される状態を想定して作成する
ことは容易ではなかった。そこで、ＨＴＭＬ言語を知ら
なくても、あるいは意識しなくても、簡単にホームペー
ジのＨＴＭＬファイルを作成できるＨＴＭＬエディター
が開発されている。

【０００５】従来のＨＴＭＬエディターには、例えばテ
キストを入力し、範囲指定してタグを貼りつけていくタ
イプや、通常のワープロソフトで作成したデータをＨＴ
ＭＬ言語に変換するタイプなどがある。後者のＨＴＭＬ
エディターは、ワープロソフトで文書を作成する要領で
ホームページを作成でき、かつブラウザで見える画面と
ほぼ同じイメージで編集できる。また、ホームページを
ＨＴＭＬ言語で記述した画面に切り替え、直接タグを入
力することもできる。

【０００６】

【発明が解決しようとする課題】従来のＨＴＭＬエディ
ターでは、文字や画像のレイアウトに関する制約が大き
く、また設定方法も複雑なものがあり、必ずしも使い勝
手がよいものではなかった。また、各種の機能を盛り込
むあまり、操作が複雑かつ判りにくくなっていた。例え
ば、レイアウト、文字の書体、文字の大きさ、文字の色
等を指定する際には、ＨＴＭＬ言語の知識が必要になっ
ていた。

【０００７】本発明は、ホームページを作成するための
必要最小限の機能に特化し、さらにブラウザ上での表示
状態を確認しながら容易にブラウザ上で編集することが
できるコンピュータ画面レイアウト編集方法を提供する
ことを目的とする。

【０００８】

【課題を解決するための手段】請求項１に記載のコンピ
ュータ画面レイアウト編集方法では、コンピュータ画面
を複数のブロックに分割し、ブロック単位で文字または
画像を入力し、編集する方法をとる。

【０００９】第１のステップは、コンピュータ画面を複
数のブロックに分割する際に、最初に上下方向に分割す
るか左右方向に分割するかの入力パターンを指定する。
第２のステップは、指定された入力パターンに応じてコ
ンピュータ画面を複数のブロックに分割し、各ブロック
に順番に番号付けを行う。第３のステップは、ブロック
番号を指定し、ブロック単位で文字データまたは画像デ
ータを入力する。第４のステップは、ブロック番号の若
い順に入力データに基づいた仕上がり画面のデータを生
成し、ホームページのＨＴＭＬファイルを作成する。第
５のステップは、ホームページのＨＴＭＬファイルをサ
ーバに登録する。

【００１０】請求項２に記載のコンピュータ画面レイア
ウト編集方法では、コンピュータ画面の分割方法を次の
ように設定する。コンピュータ画面を上下方向に上下分
割して基本ブロックを構成し、各基本ブロック内に各基
本ブロックを左右方向に分割して左右分割ブロックを構
成し、各左右分割ブロック内に各左右分割ブロックを上
下方向に分割して左右−上下分割ブロックを構成する。
請求項３に記載のコンピュータ画面レイアウト編集方法
では、左右分割ブロックの分割位置は左右サイズに対す
る比率指定により設定し、基本ブロックおよび左右−上
下分割ブロックの分割位置はブロックに表示されるデー
タ量によって自動設定する。

【００１１】請求項４に記載のコンピュータ画面レイア
ウト編集方法では、コンピュータ画面を左右方向に左右
分割して基本ブロックを構成し、各基本ブロック内に各
基本ブロックを上下方向に分割して上下分割ブロックを
構成し、各上下分割ブロック内に各上下分割ブロックを
左右方向に分割して上下−左右分割ブロックを構成す
る。

【００１２】請求項５に記載のコンピュータ画面レイア
ウト編集方法では、基本ブロックおよび上下−左右分割
ブロックの分割位置は左右サイズに対する比率指定によ
り設定し、上下分割ブロックの分割位置はブロックに表
示されるデータ量によって自動設定する。

【００１３】

【発明の実施の形態】本発明のコンピュータ画面レイア
ウト編集方法では、ホームページの画面を上下または左
右に複数の基本ブロックで構成することができ、各基本
ブロックをさらにそれぞれ上下左右に分割して枝番ブロ
ックに細分化することができ、分割したそれぞれの枝番
ブロック単位で文字または画像を入力し、最終的に各枝
番ブロックを結合して基本ブロックを組み立て、各基本
ブロックを自動的に上下また左右に結合して編集する方
法をとる。基本ブロックの分割方法には、複数の枝番ブ
ロックを上下に分割する（並べていく）Ａタイプと、左
右に分割する（並べていく）Ｂタイプがある。ユーザ
は、入力パターンとしてまずＡタイプまたはＢタイプを
選択し、ホームページを上下か左右に複数の基本ブロッ
クに分割する（ホームページをそのまま使用するのであ
れば、基本ブロックに分割する必要はない）。それから
各基本ブロックをさらに上下又は左右に分割して枝番ブ
ロックとし、分割した細かくなった各枝番ブロックに文
章やビジュアル（写真、図形など）のデータを入力す
る。なお、ホームページを分割して形成した基本ブロッ
クの数には上下方向、あるいは左右方向には制限が無
く、多数の基本ブロックに分割してレイアウトを細かく
することができることは言うまでもない。また、本実施
例では各基本ブロックを上下及び左右に分割して枝番ブ
ロックを区画する工程を最大３回までのもので説明して
いるが、この実施例に限定されず、枝番ブロックをさら
に数多く分割することもでき、よりきめ細かいレイアウ
トも可能である。

【００１４】まず、図１は本発明のコンピュータ画面レ
イアウト編集方法により、ホームページＨＰを生成した
後の画面表示を模示的に示したものである。この図１で
は前述したＡタイプに対応するものである。パソコンな
どの端末の画面でみることができ、このホームページＨ
Ｐの左右が画面の左右の幅と同じサイズとなる。ホーム
ページＨＰの上下方向の長さについては、そのホームペ
ージＨＰに編集されたデータの量によって変動し、デー
タ量が多くなるとホームページＨＰの上下の長さは長く
なり、画面上ではスクロールして読み取ることができ
る。

【００１５】このホームページＨＰは編集が終わってレ
イアウトが完了した状態のものであり、１ページ分のホ
ームページＨＰは基本ブロック１〜５を上下に結合して
生成してある（図１では基本ブロックを５分割してある
が、この数に限定されるものではない）。各基本ブロッ
ク１〜５の間は図１では鎖線で示してあるが、実際には
編集により切れ目のない１ページ分の画面となっている
ため、画面を見る人にとってはこの境界を認識すること
はできない。この１ページ分のホームページＨＰを上下
に分割してそれぞれを基本ブロック１〜５とし、次いで
各基本ブロック１〜５の内部をそれぞれ左右、上下にさ
らに分割して枝番ブロックとすることができ、細分化し
た枝番ブロックの最適な位置に文章（テキスト文）やビ
ジュアル（写真、図形、イラストなど）のデータを挿入
する。このデータを挿入する作業工程では、各枝番ブロ
ック毎に処理することになり、枝番ブロックごとにデー
タ加工を行うことになる。そして、最終的に編集の機能
を作動させると、枝番ブロックが順番通りに組み立てら
れて一つの基本ブロックを生成し、複数の基本ブロック
が上下に結合して一つのホームページＨＰを生成するこ
とができる。つまり、細かく細分化した枝番ブロック毎
にデータ入力の作業を順次行っていき、全ての枝番ブロ
ックにデータが挿入されたなら、ジグソーパズルを組み
合わせるように各枝番ブロックがその枝番号の順に組み
立てられて基本ブロックを生成し、次いで基本ブロック
を上下に結合して一体化となったホームページＨＰを編
集することができる。

【００１６】次に、図２は本発明のコンピュータ画面レ
イアウト編集方法により、ホームページＨＰを生成した
後の画面表示を模示的に示したものであり、図２では前
述したＢタイプに対応する。このホームページＨＰはパ
ソコンなどの端末の画面でみることができ、このホーム
ページＨＰの左右が画面の左右の幅と同じサイズとな
る。ホームページＨＰの上下方向の長さについては、そ
のホームページＨＰに編集されたデータの量によって変
動し、データ量が多くなるとホームページＨＰの上下の
長さは長くなり、画面上ではスクロールして読み取るこ
とができる。

【００１７】このホームページＨＰは編集が終わってレ
イアウトが完了した状態のものであり、１ページ分のホ
ームページＨＰは基本ブロック１〜３を左右に結合して
生成してある（図２では基本ブロックを３分割してある
が、この数に限定されるものではない）。各基本ブロッ
ク１〜３の間は図２では鎖線で示してあるが、実際には
編集により切れ目のない１ページ分の画面となっている
ため、画面を見る人にとってはこの境界を認識すること
はできない。この１ページ分のホームページＨＰを左右
に分割してそれぞれを基本ブロック１〜３とし、次いで
各基本ブロック１〜３の内部をそれぞれ上下、左右にさ
らに分割して枝番ブロックとすることができ、細分化し
た枝番ブロックの最適な位置に文章（テキスト文）やビ
ジュアル（写真、図形、イラストなど）のデータを挿入
する。このデータを挿入する作業工程では、各枝番ブロ
ック毎に処理することになり、枝番ブロックごとにデー
タ加工を行うことになる。

【００１８】次に、図３は、本発明のコンピュータ画面
レイアウト編集方法におけるＡタイプの基本ブロックを
枝番ブロックに分割する例を示している。

【００１９】図１におけるホームページＨＰを上下に分
割した一つの基本ブロック１が図３(a) で示されてい
る。この基本ブロック１が編集するための最小単位とな
り、上下左右のサイズはともに絶対値指定ではなく可変
である。このサイズは、情報量またはコンピュータ画面
で見るサイズに応じて基本ブロックの表示サイズは変わ
る。ただし、左右サイズについては、コンピュータ画面
の左右サイズを１００％とした比率指定が可能である。
これにより、各種のコンピュータ画面の表示サイズに柔
軟に対応しながら、ユーザが任意に指定することも可能
である。

【００２０】この基本ブロック１は、図３(a) に示すよ
うに左右に複数に分割（左右分割）できる。基本ブロッ
ク１を例えば３分割すると、分割した各枝番ブロックに
は、枝番ブロック１−１，１−２，１−３のように左か
ら順に通し番号（枝番号）がふられる。この図３(a) に
おける左右分割において、最初に枝番ブロック１−１の
左右分割比率として１０％を指定し、次に残りの９０％
に対して、枝番ブロック１−２の左右分割比率として３
０％を指定すると、残った最後の枝番ブロック１−３の
左右分割比率は自動的に６０％になった例である。

【００２１】左右に分割した各枝番ブロック１−１，１
−２，１−３は、図３(b) に示すようにさらに上下に複
数に分割（上下分割）が可能であり、分割した各枝番ブ
ロックごとに上から順番に通し番号がふられる。例え
ば、枝番ブロック１−２を３分割すると、上から枝番ブ
ロック１−２−１，１−２−２，１−２−３の通し番号
がふられる。同様に、枝番ブロック３を２分割すると、
上から枝番ブロック１−３−１，１−３−２の通し番号
がふられる。

【００２２】このようにして上下に分割された各枝番ブ
ロックは、図３(c) に示すようにさらに左右に複数に分
割が可能であり、分割した各枝番ブロックごとに左から
順番に通し番号がふられる。この左右の分割の分割位置
は、分割された各枝番ブロックの左右サイズを１００％
とした比率によって決められる。例えば、図３(c) にお
ける枝番ブロック１−３−２を左右に２分割する場合、
最初に枝番ブロック１−３−２−１について５０％と指
定すると、枝番ブロック１−３−２の左右サイズ（コン
ピュータ画面の左右サイズの６０％分）に対して５０％
の枝番ブロック１−３−２−１となる。すると、残った
枝番ブロック１−３−２−２の左右サイズは５０％に自
動的に分割される。

【００２３】また、図４は、本発明のコンピュータ画面
レイアウト編集方法におけるＢタイプの基本ブロック１
を枝番ブロックに分割する例を示している。

【００２４】この図４(a) は、図２におけるホームペー
ジＨＰを上下に分割した一つの基本ブロック１が示され
ている。この基本ブロック１が編集するための最小単位
となり、上下左右のサイズはともに絶対値指定ではなく
可変である。このサイズは、情報量またはコンピュータ
画面で見るサイズに応じて基本ブロックの表示サイズは
変わる。ただし、左右サイズについては、コンピュータ
画面の左右サイズを１００％とした比率指定が可能であ
る。これにより、各種のコンピュータ画面の表示サイズ
に柔軟に対応しながら、ユーザが任意に指定することも
可能である。この基本ブロック１を左右上下に分割する
ことにより、初心者でも画面のレイアウトをすることが
できる。各基本ブロック１には上下に順に通し番号がふ
られるが、１ページを構成する最大基本ブロック数は特
に制限を設けない。

【００２５】図４(a) は、最小単位である基本ブロック
１を３つの枝番ブロック１−１，１−２，１−３に上下
に複数に分割（上下分割）した例である。

【００２６】それぞれの枝番ブロックは、図４(b) に示
すようにさらに左右に複数に分割（左右分割）すること
が可能であり、分割した各枝番ブロックごとに左から順
番に通し番号（枝番号）がふられる。例えば、枝番ブロ
ック１−２を３分割すると、枝番ブロック１−２はさら
に分割されて左から枝番ブロック１−２−１，１−２−
２，１−２−３の通し番号がふられる。この左右分割に
おいて、最初に枝番ブロック１−２−１の左右分割比率
として２０％を指定し、次に残りの８０％に対して、枝
番ブロック１−２−２の左右分割比率として４０％を指
定すると、残った最後の枝番ブロック１−２−３の左右
分割比率は自動的に４０％になった例である。

【００２７】同様にして、枝番ブロック１−３を左右に
２分割すると、左から枝番ブロック１−３−１，１−３
−２の通し番号がふられる。この左右分割において、最
初に枝番ブロック１−３−１の左右分割比率として５０
％を指定すると、残った枝番ブロック１−３−２の左右
分割比率は自動的に５０％になった例である。

【００２８】左右に分割された各枝番ブロックは、図４
(c) に示すようにさらに上下に複数に分割（上下分割）
することが可能であり、分割した各枝番ブロックごとに
上から順番に通し番号がふられる。この枝番ブロック１
−３−２を上下に分割すると、上から順に枝番ブロック
１−３−２−１，１−３−２−２の通し番号がふられ
る。

【００２９】本発明のコンピュータ画面レイアウト編集
方法では、ホームページＨＰの１ページ分を複数の基本
ブロック１で構成させ、複数の基本ブロック１を上下
（Ａタイプ）あるいは左右（Ｂタイプ）に連結すること
であたかも大きな画面を編集したように見せることがで
きるものである。そして、各基本ブロックを図３または
図４に示すようにさらに上下左右に細かな枝番ブロック
に分割し、各枝番ブロック単位に文字情報またはビジュ
アル（画像、図形）情報を入力し、最後に貼り合わせる
ことで完成した基本ブロック１を生成する。こうして生
成した複数の基本ブロック１をさらに上下あるは左右に
貼り合わせて大きな１ページのホームページＨＰを作成
することができる。以下、図５に示すフローチャートを
参照して、本発明におけるホームページの作成・編集手
順の概要について説明する（なお、このフローチャート
では最小の単位である基本ブロック１を細かく分割した
枝番ブロックより生成する手順について説明してい
る）。

【００３０】（ステップ１）

【００３１】サーバ等から入力パターン選択画面（この
画面は本実施例では図示していない）を読み込む。

【００３２】（ステップ２）

【００３３】入力パターンとして、上記のＡタイプまた
はＢタイプを選択する（選択画面は図示していないが、
ＡタイプまたはＢタイプのアイコンをクリックする操作
で選択できる）。Ａタイプを選択した場合には、入力パ
ターンＡの設定データと、固定プログラム（コンピュー
タ画面レイアウト編集プログラム）がサーバ等から読み
込まれる。Ｂタイプを選択した場合には、入力パターン
Ｂの設定データと、固定プログラム（コンピュータ画面
レイアウト編集プログラム）がサーバ等から読み込ま
れ、次いでそれぞれの入力パターンのデータ入力画面が
表示される。本実施例では、入力パターンＡを選択して
Ａタイプを選ぶと、後述する図７の画面が表示されるこ
とになる（本実施例では、入力パターンＢのＢタイプの
画面は説明を省略している）。

【００３４】（ステップ３）

【００３５】ユーザは、図３に示すようなブロックレイ
アウトに対応するブロック番号を指定し、データを入力
する。例えば、文字情報を入力する場合には、編集用に
用意された文字入力ボックスに別途用意された文字情報
を貼るか、または文字を書き込む。次に、書き込んだ文
字の書体、大きさ、色、ブロック内での文字の位置を予
め用意されたメニューで指定する。文字の位置は、例え
ば左寄せ、中央、右寄せ等を指定する。

【００３６】また、ビジュアル（画像、図形）情報を入
力する場合には、予め作成しておいたビジュアルのファ
イル名を画像ファイル指定ボックスに入力する。次に、
ブロック内でのビジュアルの位置を予め用意されたメニ
ューで指定する。ビジュアルの位置は、例えば左寄せ、
中央、右寄せ等を指定する。なお、一つの基本ブロック
または枝番ブロック内に複数のビジュアル情報を入れる
ことも可能である。また、同一ブロック内に文字情報お
よびビジュアル情報を入れることも可能である。表示位
置は、それぞれ指定された位置に従う。

【００３７】以上の操作は、ホームページＨＰの１ペー
ジ分を構成する各ブロックに文字情報または画像情報が
入力されるまで繰り返す。メモリ中には、ブロック番号
単位で整理されたデータが一時的に保存される。

【００３８】（ステップ４）

【００３９】入力が終了して事前確認ボタンを押すと、
ブロック番号の若い順に、ユーザの指定や入力データに
基づいた仕上がり画面のデータが生成され、ブラウザで
表示される１ページ分のホームページＨＰの登録画面が
現れ、仕上がりを確認することができる。ここで修正が
ある場合には、ブロック番号を再入力することによりブ
ロック単位で修正を行うことができる。事前確認ボタン
を押さない場合には、仕上がり画面は表示されない。

【００４０】（ステップ５）

【００４１】登録ボタンを押すと、同様にブロック番号
の若い順に、ユーザの指定や入力データに基づいた仕上
がり画面のデータが生成され、ファイル転送プロトコル
（ＦＴＰ）の手順に従って、サーバにホームページのＨ
ＴＭＬファイルがアップロードされる。

【００４２】図６は、図５に示すフローチャートのステ
ップ４またはステップ５におけるデータ生成手順を示
す。

【００４３】一時的に保存されたメモリ中のデータの中
から、ブロック番号の若い順に、順次ブロックを生成す
る。そして、そのブロックにデータがあれば、ブロック
内にデータを入れて出力する。データがなければ、枠だ
けを出力する。次にブロック閉じを出力してブロックは
完成する。

【００４４】また、基本ブロック１に枝番ブロック（左
右分割または上下分割したブロック）があれば、その枝
番ブロックを生成し、そのデータを出力する。さらに、
その枝番ブロックに枝番ブロック（左右−上下分割また
は上下−左右分割した枝番ブロック）があれば、その枝
番ブロックを生成し、そのデータを出力する。メモリ中
にデータがなくなった時点で、画像データの生成を終了
する。

【００４５】図７は、本発明のコンピュータ画面レイア
ウト編集方法に用いられる入力画面の一例を示す。ここ
では、Ａタイプ（上下積み型）のものを示すが、Ｂタイ
プ（左右積み型）でも同様の入力画面である。

【００４６】入力画面は、大きく分けて文字情報（テキ
スト）を入力するテキスト入力エリア１０と、画像情報
（ビジュアル）を入力するビジュアル挿入エリア２０
と、事前確認ボタン３０と、登録ボタン４０とにより構
成される。

【００４７】テキスト入力エリア１０は、ブロック番号
指定ボックス１１と、文字入力ボックス１２と、位置指
定ボックス１３と、文字指定ボックス１４と、文字サン
プルボタン１５により構成される。

【００４８】テキスト（文章）入力に対するブロック番
号指定ボックス１１には、基本ブロック番号を指定する
基本ブロック番号指定部１１１、指定した基本ブロック
を左右に分割する枝番ブロックの通し番号および分割位
置（比率）を指定する左右分割指定部１１２、左右分割
指定部１１２で指定された枝番ブロックを上下に分割す
るために枝番ブロックの分割数を指定する上下分割指定
部１１３、上下分割指定部１１３で指定された枝番ブロ
ックを左右分割する枝番ブロックの通し番号および分割
位置（比率）を指定する左右分割指定部１１４を有す
る。基本ブロック番号の指定は、基本ブロック番号指定
部１１１の「＜」または「＞」ボタンを操作して行う。
ここには、常に現在入力中の基本ブロック番号が表示さ
れる（この基本ブロックの図１における基本ブロック１
〜５の何れかに対応する）。

【００４９】基本ブロックを左右に分割する場合には、
左右分割指定部１１２で枝番ブロックの通し番号および
分割位置（比率）を指定する（基本ブロックを左右に分
割した状態は図３(a) で示されている）。左右に分割さ
れた枝番ブロックをさらに上下に分割する場合には、上
下分割指定部１１３で分割する枝番ブロックの数を指定
する。２分割の場合には“２”、３分割の場合に“３”
と指定する（枝番ブロックを上下に分割した状態は図３
(b) で示されている）。こうして分割された枝番ブロッ
クをさらに左右に分割する場合には、左右分割指定部１
１４でその枝番ブロックの通し番号および分割位置（比
率）を指定する（枝番ブロックを左右に分割した状態は
図３(c) で示されている）。

【００５０】文字入力ボックス１２には、本文や見出し
などの文字要素を入力する。入力した文字のレイアウト
は、位置指定ボックス１３で「左寄せ」、「中央」、
「右寄せ」のいずれかを指定する。入力した文字の「書
体」、「大きさ」、「色」は、文字指定ボックス１４に
用意されているメニューの中からそれぞれ選択する。な
お、文字サンプルボタン１５を押すことにより、別ウイ
ンドに各指定の文字サンプルを表示させることができ
る。

【００５１】ビジュアル挿入エリア２０は、基本ブロッ
ク番号指定ボックス２１１と、枝番ブロック番号指定ボ
ックス２１２、２１３、２１４と、画像ファイル指定ボ
ックス２２と、位置指定ボックス２３とにより構成され
る。基本ブロックの番号指定は、基本ブロック番号指定
ボックス２１１のメニューの中から指定するブロック番
号を選択する。基本ブロックを左右上下に分割した枝番
ブロックの通し番号の指定は、各枝番ブロック番号指定
ボックス２１２、２１３、２１４のメニューの中から指
定する枝番ブロックの通し番号を選択する。この実施例
では、基本ブロック番号指定ボックス２１１は基本ブロ
ック番号指定部１１１に対応し、枝番ブロック番号指定
ボックス２１２は左右分割指定部１１２に対応し、枝番
ブロック番号指定ボックス２１３は上下分割指定部１１
３に対応し、枝番ブロック番号指定ボックス２１４は左
右分割指定部１１４に対応している。

【００５２】このビジュアル挿入エリア２０には基本ブ
ロック番号指定ボックス２１１、枝番ブロック番号指定
ボックス２１２、２１３、２１４はそれぞれ３組あり、
１つの枝番ブロック内に最大３つのビジュアル（画像）
を挿入することができる。画像ファイル指定ボックス２
２には、挿入するビジュアル（画像）のファイル名を指
定する。「Browse... 」ボタン２４を押すと、ファイル
の選択ボックスが開くので、ハードディスクにある画像
データファイルを選択することができる。ここで指定さ
れたファイルが、登録時にサーバへアップロードされ
る。挿入するビジュアル（画像）のレイアウトは、位置
指定ボックス２３で「左寄せ」、「中央」、「右寄せ」
のいずれかを指定する。なお、本実施例ではビジュアル
挿入エリア２０には挿入指定のボックスは３組が用意し
てあるが、実際にはこの数に限定されることがなく、プ
ログラム上では組数はこの数よりも多くても実行するこ
とが可能である。

【００５３】事前確認ボタン３０を押すと、それまで入
力されたデータに従って別ウインドにページイメージが
表示される。このページイメージと入力データを見比べ
ながら画面を確認し、登録ページを満足のいくレイアウ
トに仕上げていく。すべてのデータを入力し、レイアウ
トに問題がなければ登録ボタン４０を押す。これによ
り、全データがサーバへアップロードされる。

【００５４】なお、ここには図示していないが、予めタ
イトル、登録者名、Ｅメールアドレス、ホームページ登
録における基本的情報等を入力するエリアが設けられて
いる。

【００５５】

【発明の効果】以上説明したように、本発明のコンピュ
ータ画面レイアウト編集は、ブラウザ画面上で全て行う
ことができ、パソコンにソフトウエアをインストールす
る必要が無いので操作が簡易となる。また、このレイア
ウト編集方法では、コンピュータ画面を複数の枝番ブロ
ックに分割し、枝番ブロック単位で文字または画像を入
力できるので、文字または画像のレイアウト設定が極め
て容易になる。また、文字の書体、大きさ、色等は、メ
ニュー指定により容易に設定することができる。さら
に、仕上がり画面を確認しながら枝番ブロック単位で編
集や修正を行うことができるので、使い勝手がよい。

【図面の簡単な説明】

【図１】本発明のコンピュータ画面レイアウト編集方法
における上下分割のＡタイプのホームページ画面を生成
した状態を示す図である。

【図２】本発明のコンピュータ画面レイアウト編集方法
における左右分割のＢタイプのホームページ画面を生成
した状態を示す図である。

【図３】本発明のコンピュータ画面レイアウト編集方法
におけるＡタイプのブロック分割例を示す図である。

【図４】本発明のコンピュータ画面レイアウト編集方法
におけるＢタイプのブロック分割例を示す図である。

【図５】本発明におけるホームページの作成・編集手順
の概要を説明するフローチャートである。

【図６】図５に示すフローチャートのステップ４または
ステップ５におけるデータ生成手順を示すフローチャー
トである。

【図７】本発明のコンピュータ画面レイアウト編集方法
に用いられる入力画面（Ａタイプ用のもの）の一例を示
す図である。

【図８】ホームページを作成してプロバイダのサーバに
登録する手順の概要を説明する図である。

【符号の説明】

１ 基本ブロック １−１ 枝番ブロック １−２ 枝番ブロック １−３ 枝番ブロック １０ テキスト入力エリア １１ ブロック番号指定ボックス １２ 文字入力ボックス １３ 位置指定ボックス １４ 文字指定ボックス ２０ ビジュアル挿入エリア ２２ 画像ファイル指定ボックス ２３ 位置指定ボックス ２４ 「Browse... 」ボタン ３０ 事前確認ボタン ４０ 登録ボタン １１１ 基本ブロック番号指定部 １１２ 左右分割指定部 １１３ 上下分割指定部 １１４ 左右分割指定部 ２１１ 基本ブロック番号指定ボックス ２１２ 枝番ブロック番号指定ボックス ２１３ 枝番ブロック番号指定ボックス ２１４ 枝番ブロック番号指定ボックス

Claims (5)

【特許請求の範囲】
1. 【請求項１】 コンピュータ画面上でインターネットに
   発信するホームページを作成するコンピュータ画面レイ
   アウト編集方法において、 コンピュータ画面を複数のブロックに分割する際に、最
   初に上下方向に分割するか左右方向に分割するかの入力
   パターンを指定するステップと、 前記入力パターンに応じて前記コンピュータ画面を複数
   のブロックに分割し、各ブロックに順番に番号付けを行
   うステップと、 前記ブロック番号を指定し、ブロック単位で文字データ
   または画像データを入力するステップと、 前記ブロック番号の若い順に入力データに基づいた仕上
   がり画面のデータを生成し、ホームページのＨＴＭＬフ
   ァイルを作成するステップと、 前記ホームページのＨＴＭＬファイルをサーバに登録す
   るステップとを備えたことを特徴とするコンピュータ画
   面レイアウト編集方法。
2. 【請求項２】 コンピュータ画面を上下方向に上下分割
   して基本ブロックを構成し、各基本ブロック内に各基本
   ブロックを左右方向に分割して左右分割ブロックを構成
   し、各左右分割ブロック内に各左右分割ブロックを上下
   方向に分割して左右−上下分割ブロックを構成すること
   を特徴とする請求項１に記載のコンピュータ画面レイア
   ウト編集方法。
3. 【請求項３】 左右分割ブロックの分割位置は左右サイ
   ズに対する比率指定により設定し、基本ブロックおよび
   左右−上下分割ブロックの分割位置はブロックに表示さ
   れるデータ量によって自動設定することを特徴とする請
   求項２に記載のコンピュータ画面レイアウト編集方法。
4. 【請求項４】 コンピュータ画面を左右方向に左右分割
   して基本ブロックを構成し、各基本ブロック内に各基本
   ブロックを上下方向に分割して上下分割ブロックを構成
   し、各上下分割ブロック内に各上下分割ブロックを左右
   方向に分割して上下−左右分割ブロックを構成すること
   を特徴とする請求項１に記載のコンピュータ画面レイア
   ウト編集方法。
5. 【請求項５】 基本ブロックおよび上下−左右分割ブロ
   ックの分割位置は左右サイズに対する比率指定により設
   定し、上下分割ブロックのサイズはブロックに表示され
   るデータ量によって自動設定することを特徴とする請求
   項４に記載のコンピュータ画面レイアウト編集方法。