JPH10240732A - Ｗｗｗ用ｈｔｍｌファイル作成方法及び装置 - Google Patents

Abstract

(57)【要約】 【課題】本発明は、フレーム機能を使用したＷＷＷ用Ｈ
ＴＭＬファイル作成環境に於いて、ＨＴＭＬファイル特
有のタグというコマンドや複数のファイルに分かれてい
るフレーム機能の性質を意識することなく、ＷＷＷ上で
見る外観と同様の状態で簡単かつ容易にＨＴＭＬファイ
ルを作成することができるＷＷＷ用ＨＴＭＬファイル作
成方法及びＷＷＷ用ＨＴＭＬファイル作成装置を提供す
ることを課題とする。 【解決手段】作成対象画面上に更に別画面を生成するた
めのフレームパーツ選択手段、及びフレームパーツの選
択により画面上に更に同時に存在する別画面を生成する
フレーム生成部２１を有し、作成対象画面上にて新規フ
レームの生成機能をもつパーツ処理機能を実現した。

Description

【発明の詳細な説明】

【０００１】

【発明の属する技術分野】本発明は、ＷＷＷ（World Wi
de Web）用のＨＴＭＬ（Hyper Text Markup Language）
ファイル作成環境を実現するＷＷＷ用ＨＴＭＬファイル
作成方法及びＷＷＷ用ＨＴＭＬファイル作成装置に関す
る。

【０００２】また、本発明は、ＷＷＷ用ビューワーにて
見る状況と同様の外観でフレーム機能を使用したＷＷＷ
用ＨＴＭＬファイルを作成することのできるＷＷＷ用Ｈ
ＴＭＬファイル作成方法及びＷＷＷ用ＨＴＭＬファイル
作成装置に関する。

【０００３】更に、本発明は、フレーム機能を使用した
ＷＷＷ用ＨＴＭＬファイルの作成時に於いて任意にフレ
ームのサイズを変更できる環境を実現できるＷＷＷ用Ｈ
ＴＭＬファイル作成方法及びＷＷＷ用ＨＴＭＬファイル
作成装置に関する。

【０００４】

【従来の技術】表示手段及び入力手段を有するデータ処
理システム上で、ＷＷＷホームページ作成用ＨＴＭＬフ
ァイルを作成する際、従来では、テキストエディタを使
用して、ＨＴＭＬファイル特有のタグと呼ばれるコマン
ドを入力してゆくことによりＨＴＭＬファイルを生成
し、更に、作成したＨＴＭＬファイルをＷＷＷ用ビュー
ワーに表示させ、外観を確認するという作業を繰り返す
ことにより、実際に用いる所望のＨＴＭＬファイルを作
成していた。

【０００５】この際、特にフレーム機能を使用したＨＴ
ＭＬファイルを作成するには、従来、１つ１つのフレー
ムに相当する別々のＨＴＭＬファイルと、それらを統合
するフレームの形態を記述するＨＴＭＬファイル（統合
フレームの形態記述ＨＴＭＬファイル）とをそれぞれ別
々に作成していた。

【０００６】また、従来では、フレームを使用したＨＴ
ＭＬファイルを作成する際に、それぞれのフレームが１
ページ中のいずれの部分にあるかを、各フレーム毎に、
相対的あるいは絶対的な数値で、統合フレーム形態記述
ファイルに記述していた。

【０００７】このようなことから、従来では、ＷＷＷ用
ＨＴＭＬファイルを作成するためには、ＨＴＭＬファイ
ルのタグを熟知し、更にはフレーム機能を実現するため
に複数のファイルに分けて記述するというフレーム機能
の性質を熟知しなければならず、従って作成可能者が特
定され、一般ユーザは手軽にフレーム機能付きのＷＷＷ
ホームページを作成することができなかった。

【０００８】更に、テキストベースで作成しなければな
らないため、作成しながらにして実際にＷＷＷ用ビュー
ワで外観を見ることができず、ある程度、作成してから
ＷＷＷ用ビューワを立ち上げ、確認して、変更したい部
分をチェックする等の作業を経て、再度、テキストエデ
ィタで編集するという作業を繰り返さなければならない
ことから、タグ、フレーム機能等を理解した作成者にと
っても作成処理に多くの時間と労力を要し非常に使い難
いという問題があった。

【０００９】

【発明が解決しようとする課題】上記したように、従来
では、ＷＷＷ用ＨＴＭＬファイルを作成するためには、
ＨＴＭＬファイルのタグを熟知し、更にはフレーム機能
を実現するために複数のファイルに分けて記述するとい
うフレーム機能の性質を熟知しなければならず、従って
作成可能者が特定され、一般ユーザは手軽にフレーム機
能付きのＷＷＷホームページを作成することができない
という問題があった。更に、テキストベースで作成しな
ければならないため、作成しながらにして実際にＷＷＷ
用ビューワで外観を見ることができず、ある程度、作成
してからＷＷＷ用ビューワを立ち上げ、確認して、変更
したい部分をチェックする等の作業を経て、再度、テキ
ストエディタで編集するという作業を繰り返さなければ
ならないことから、タグ、フレーム機能等を理解した作
成者にとっても作成処理に多くの時間と労力を要し使い
勝手が非常に悪いという問題があった。

【００１０】本発明は上記実情に鑑みなされたもので、
フレーム機能を使用したＷＷＷ用ＨＴＭＬファイル作成
環境に於いて、ＨＴＭＬファイル特有のタグというコマ
ンドや複数のファイルに分かれているフレーム機能の性
質を意識することなく、ＷＷＷ上で見る外観と同様の状
態で簡単かつ容易にＨＴＭＬファイルを作成することが
できるＷＷＷ用ＨＴＭＬファイル作成方法及びＷＷＷ用
ＨＴＭＬファイル作成装置を提供することを目的とす
る。

【００１１】また、本発明は、ブラウザで見た外観をそ
のままにフレームの大きさを任意に変更できる、操作性
に優れたＷＷＷ用ＨＴＭＬファイル作成方法及びＷＷＷ
用ＨＴＭＬファイル作成装置を提供することを目的とす
る。

【００１２】また、本発明は、フレーム生成用のパーツ
を設け、他のパーツと同じ操作で画面上に配置して、任
意のフレーム生成を行なうことのできる、操作性に優れ
たＷＷＷ用ＨＴＭＬファイル作成方法及びＷＷＷ用ＨＴ
ＭＬファイル作成装置を提供することを目的とする。

【００１３】

【課題を解決するための手段】本発明は、ＷＷＷ用ＨＴ
ＭＬファイルを作成する環境として、ホームページとな
る画面の作成と、フレームの作成、フォームの作成、他
のファイルへのリンク付け、及びＨＴＭＬファイルの自
動生成によるＨＴＭＬファイル作成完了までの一連の作
業を１つのツールで実現することを特徴とする。

【００１４】更に、この際の一連の作業の起動を、メニ
ューやスピードバーのボタン等の選択により行なえる機
能を実現することを特徴とする。また、画面データの作
成に於いては、複数種の作成用パーツを用意し、これら
パーツを選択して画面上に配置することにより、フォー
ム等の設定を行なうことができる機能を実現することを
特徴とする。特にフレーム生成用のパーツを設け、他の
パーツと同じ操作で画面上に配置して、任意のフレーム
生成を行なうことができる機能を実現することを特徴と
する。

【００１５】また、作成中の画面上に入力した文字列の
一部を指定して他のファイルへリンクをはることがで
き、かつ画面上に配置されたイメージの一部を範囲指定
して他のファイルへリンクをはることができる機能を実
現することを特徴とする。また、既に作成されているＨ
ＴＭＬファイルを読み込み、同様に編集できる機能を実
現することを特徴とする。

【００１６】即ち、本発明は、グラフィカルなインタフ
ェースによりＷＷＷ用ファイルを生成するＷＷＷ用ＨＴ
ＭＬファイル作成方法に於いて、表示画面上でホームペ
ージとなるファイル作成用の画面を作成する処理に、画
面作成用のパーツを選択可能に表示する処理手段、及び
選択された画面作成用パーツを作成対象画面上に配置す
る処理手段と、前記作成対象画面上に更に別画面を生成
するためのフレームパーツ選択手段、及びフレームパー
ツの選択により画面上に更に同時に存在する別画面を生
成するフレーム生成手段とを備え、作成対象画面上に
て、新規フレームの生成機能をもつパーツ処理機能を実
現したことを特徴とする。

【００１７】又、本発明は、表示手段及び入力手段を有
するデータ処理システム上で、ＷＷＷホームページ作成
用ＨＴＭＬファイルを作成するＷＷＷ用ＨＴＭＬファイ
ル作成装置に於いて、画面作成用のボタン類を含むパー
ツを選択可能に表示するパーツ選択画面の表示処理手
段、及び当該パーツ選択画面上で選択された画面作成用
パーツを作成対象画面上に配置する処理手段と、前記作
成対象画面上に更に別画面を生成するためのフレームパ
ーツ選択手段、及びフレームパーツの選択により画面上
に更に同時に存在する別画面を生成するフレーム生成手
段とを有してなる画面作成処理手段を設け、作成対象画
面上にて新規フレームの生成機能をもつパーツ処理機能
を実現したことを特徴とする。

【００１８】又、本発明は、表示手段及び入力手段を有
するデータ処理システム上で、ＷＷＷホームページ作成
用ＨＴＭＬファイルを作成するＷＷＷ用ＨＴＭＬファイ
ル作成方法であって、表示画面上でホームページとなる
ファイル作成用の画面を作成するステップと、作成され
た画面上のある部分に他のホームページをリンク付けす
るステップと、作成された画面データを格納するステッ
プと、作成された画面データ及びリンクデータからＨＴ
ＭＬファイルを生成するステップとを備え、前記ファイ
ル作成用の画面を作成するステップに、画面上に配置す
るボタン、ライン、イメージ等の画面作成用パーツを表
示画面上で選択し、作成する画面上に配置するステッ
プ、及び当該作成する画面上に、更に画面を生成するた
めのフレームパーツを前記表示画面上で選択し、画面上
に、更に同時に存在する別画面を生成するステップを備
えて、作成する画面上にて新規フレームの生成機能をも
つパーツ処理機能を実現したことを特徴とする。

【００１９】又、上記した画面上に、更に同時に存在す
る別画面を生成するステップに、生成されたフレームの
大きさを変更するステップと、変更されたフレームの大
きさとそれ以外のフレームの大きさを計算し画面上の整
合をとるステップと、整合をとった大きさに他のフレー
ムのサイズを変更するステップとを有して、同一画面上
に存在する複数のフレームの大きさを任意に変更できる
ことを特徴とする。

【００２０】又、本発明は、表示手段及び入力手段を有
するデータ処理システムにて、ＷＷＷホームページ作成
用ＨＴＭＬファイルを作成するツールであって、表示画
面上でホームページとなるファイル作成用の画面を作成
する画面作成手段と、作成された画面上のある部分に他
のホームページをリンク付けするリンク手段と、作成さ
れた画面データを格納するデータ格納手段と、作成され
た画面データ及びリンクデータから、ＨＴＭＬファイル
を生成するＨＴＭＬ生成手段とを備え、更に、前記画面
作成手段に、画面上に配置されるボタン、ライン、イメ
ージなどの画面作成用パーツを入力手段により選択し
て、作成する画面上に配置するパーツ配置手段と、上記
作成する画面上に更に画面を生成するフレームパーツを
入力手段により選択し、画面上に更に同時に存在する別
画面を生成するフレーム生成手段とを具備することを特
徴とする。

【００２１】又、上記フレーム生成手段に、生成された
フレームの大きさを変更するフレームサイズ変更手段
と、変更されたフレームの大きさとそれ以外のフレーム
（画面）の大きさを計算するサイズ整合手段と、上記サ
イズ整合手段により整合性をとった大きさに他のフレー
ムのサイズを変更する他画面サイズ変更手段とを具備す
ることを特徴とする。

【００２２】このような本発明の機能をもつことによ
り、画面上で文字列を入力しながら、例えばワードプロ
セッサを操作する程度の簡単な操作で、又、文字列以外
の部分についても作成用パーツを選択して配置するのみ
の簡単な操作で、ＨＴＭＬファイルによるホームページ
を作成することができ、更に１ページ内を複数のフレー
ム（画面）に分割してページを表現できるフレーム機能
を他のパーツと同様に選択して配置することで簡単に新
規フレームを生成でき、ＷＷＷ用ブラウザで実際にイン
ターネット上でネットサーフィンする際の外観と同様に
作成することができるので、よりＨＴＭＬファイルを簡
単かつ迅速に、能率良く作成することができる。

【００２３】

【実施例】以下図面を参照して本発明の実施形態を説明
する。図１は本発明の実施形態に於けるシステムの構成
を示すブロック図である。図に於いて１１は入力部であ
り、キーボードやマウス、ペンなどから情報を入力す
る。ここでは、ボタン、ライン、イメージ等の画面作成
用パーツの選択入力、及び当該パーツの作成画面上への
配置指定、更には、画面上に更に画面を生成するフレー
ムパーツの選択入力等に供される。

【００２４】１２はシステム全体の制御を行なう処理制
御部であり、ここでは入力部１１からのデータ及びコマ
ンド入力に従い、図２乃至図４に示すような処理の制御
を司る。

【００２５】１３は処理制御部１２の制御の下に各種の
文字や図形データなどを表示する表示部であり、ここで
は表示管理部１５の表示管理による各種の選択用画面、
作成用画面等を表示出力する。

【００２６】１４は入力部１１より入力されたデータを
もとに処理内容を管理する入力管理部であり、入力部１
１から入力されたデータ及びコマンド等によって、どの
ような処理を行なうかを判断し処理制御部１２に通知す
る。

【００２７】１５は処理制御部１２の制御の下に表示管
理を行なう表示管理部であり、入力部１１より入力され
たデータによって、どのような形態で表示部１３に情報
を表示するかを管理する。

【００２８】１６はＨＴＭＬファイル解析部であり、処
理制御部１２の制御の下に、既に作成されているＨＴＭ
Ｌファイルを読み込み、内容を解析して画面データに変
換する。

【００２９】１７はＨＴＭＬファイルを作成するための
各画面の制御を行なう画面作成制御部であり、処理制御
部１２の制御の下に、ＨＴＭＬファイルの画面作成時に
於ける各画面の制御を行なう。

【００３０】１８は画面上で選択されたパーツの処理を
行なうパーツ処理部であり、処理制御部１２の制御の下
に、画面作成用のパーツを使用した際のパーツ種の判断
やそのパーツに応じた画面上への配置等を行なう。

【００３１】１９は画面作成制御部１７の制御に従い、
画面作成時に於ける画面全体のレイアウトを制御するレ
イアウト部である。２０はページ内のフレーム全体の管
理を行なうフレーム管理部であり、管理テーブル２０Ｔ
を用いてページ内に於ける各フレームの位置（座標）及
び大きさ（領域）等を管理する。

【００３２】２１は配置指示された位置にフレームを生
成するフレーム生成部であり、２２は生成された、ある
いは変更された、フレームに応じて全体の画面（フレー
ム）レイアウトを制御するフレームレイアウト部であ
る。

【００３３】２３は文字列や作成用パーツ、フレーム等
のコピーや削除、移動等の編集を行なう編集部であり、
２４は指定された他のＨＴＭＬファイルをリンク付けす
るリンク設定部である。

【００３４】２５は作成された画面データ及びリンクデ
ータからＷＷＷ用ＨＴＭＬファイルを生成して、当該フ
ァイルデータをＨＴＭＬファイル格納部２６に格納し管
理するＨＴＭＬファイル生成部である。

【００３５】２７は作成された画面の文字列や使用され
たパーツデータ、フレームの状況などの画面データを格
納する画面データ格納部であり、２８は設定されたリン
ク情報（リンク元の範囲、リンク先のファイル名等）を
格納するリンクデータ格納部である。

【００３６】図２乃至図４は、それぞれ本発明の実施形
態に於ける処理手順を示すフローチャートである。ここ
では、特に編集処理（ステップＡ11、図３参照）、及び
パーツ処理（ステップＡ13、図４参照）に本発明の特徴
をもつもので、フレーム生成用のパーツを他のパーツと
同じ操作で画面上に配置して、任意のフレーム生成を行
なうことができる機能を実現している。

【００３７】図２は上記実施形態に於ける全体の処理手
順を示すフローチャートである。図２に於いて、Ａ1 は
初期処理をするステップであり、メモリの確保やデータ
の初期化、初期画面の表示等の初期処理を行なう。

【００３８】Ａ2 はメニュー選択を判断するステップで
あり、メニュー上で選択された内容を判断する。ここで
は、メニュー上で選択された内容が、『ファイルオープ
ン（File Open）』、『画面操作』、『ＨＴＭＬファイ
ル生成』、『終了』のいずれであるかを判断する。

【００３９】Ａ3 はファイルをオープンするステップで
あり、メニュー上で『ファイルオープン（File Ope
n）』が選択された際に、既に存在するＨＴＭＬファイ
ルをオープンする。

【００４０】Ａ4 はファイルオープンしたＨＴＭＬファ
イルを解析するステップであり、テキストベースで書か
れているＨＴＭＬファイルの内容を解析する。Ａ5 はフ
ァイルを作成するためのデータを取込むステップであ
り、解析した結果のデータを取り込み、作成用画面に表
示する。

【００４１】Ａ6 は文字入力がなされたか否かを判断す
るステップであり、メニュー上で『画面操作』が選択さ
れた際に、作成画面上で文字の入力がなされたか否かを
判断する。

【００４２】Ａ7 は文字を入力するステップであり、キ
ーボードやソフトキーボード等から入力された文字を作
成画面上に入力し表示する。Ａ8 はリンク指定操作がな
されたか否かを判断するステップであり、文字列やパー
ツにリンク指定の指示がなされたか否かを判断する。

【００４３】Ａ9 はリンク指定を行なうステップであ
り、リンク指定指示がされた文字列やパーツに指定され
たリンク先の情報を設定する。Ａ10は編集操作がなされ
たか否かを判断するステップであり、既に入力されてい
る文字列や作成用パーツ、フレーム等に対して編集操作
が行なわれたか否かを判断する。

【００４４】Ａ11は編集処理を行なうルーチンであり、
文字列や作成用パーツ、フレームに対する編集処理を行
なうもので、その詳細な処理フローは図３に示される。
Ａ12はパーツ一覧からパーツかフレームが選ばれたか否
かを判断するステップであり、作成画面上に同時に表示
されている作成用パーツ一覧から、パーツ、フレーム等
が選ばれたか否かを判断する。

【００４５】Ａ13はパーツ処理を実行するルーチンであ
り、作成用パーツ一覧の中からパーツが１つ選択される
と、そのパーツ処理（フレーム処理を含む）を行なう。
Ａ14はデータを解析するステップであり、メニュー上で
『ＨＴＭＬファイル生成』が選択された際に、作成され
た各データを解析し、ＨＴＭＬファイルを生成する。

【００４６】Ａ15はファイルをセーブするステップであ
り、生成したＨＴＭＬファイルをＨＴＭＬファイル格納
部２６に保存する。Ａ16はファイルを閉じるステップで
あり、ＨＴＭＬファイルの作成終了時に、メニュー上で
『終了』が選択されると、作成用画面の情報を削除し、
メモリを解放する。

【００４７】図３は上記図２に示す編集処理（ステップ
Ａ11）の処理手順を示すフローチャートである。図３に
於いて、Ｂ1 は編集対象が文字列であるか否かを判断す
るステップであり、編集操作の対象が文字列であるか否
かを判断する。

【００４８】Ｂ2 は文字を編集するステップであり、文
字列に対して編集操作がなされた場合に、操作された編
集を文字に対して行なう。Ｂ3 は編集対象がフレームで
あるか否かを判断するステップであり、編集操作の対象
がフレームであるか否かを判断する。

【００４９】Ｂ4 はパーツを編集するステップであり、
パーツに対して編集操作がなされた場合に、操作された
編集をパーツに対して行なう。Ｂ5 は編集内容がサイズ
変更であるか否かを判断するステップであり、フレーム
に対してなされた編集操作が、サイズ変更であるか否か
を判断する。

【００５０】Ｂ6 は設定用ダイアログを表示するステッ
プであり、フレームに対してなされた編集操作がサイズ
変更でなかった場合は、属性設定用のダイアログ（ Di
g）を表示する。

【００５１】Ｂ7 は属性を設定するステップであり、属
性設定用ダイアログでフレームに対する属性の設定を行
なう。Ｂ8 はフレームのレイアウト計算を行なうステッ
プであり、変更されたサイズや設定された属性に合わせ
てフレームを変更し、その変更されたフレームに合わせ
て他のフレーム（画面）レイアウトを計算する。

【００５２】Ｂ9 はフレームをレイアウトするステップ
であり、計算されたレイアウトでフレーム（画面）を整
合性のとれた状態に配置する。図４は上記図２に示すパ
ーツ処理（ステップＡ13）の処理手順を示すフローチャ
ートである。

【００５３】図４に於いて、Ｃ1 は指定されたパーツ種
がフレーム用であるか否かを判断するステップであり、
画面上に配置しようとしているパーツが、フレームであ
るか否かを判断する。

【００５４】Ｃ2 は配置位置を指定するステップであ
り、フレームを画面上の何処に配置するかを指定する。
Ｃ3 は配置位置を判断するステップであり、指定された
配置位置のベースとなる画面を判断する。

【００５５】Ｃ4 はフレームを生成するステップであ
り、指定された位置のベースとなる画面に新しいフレー
ムを生成する。Ｃ5 はフレームレイアウトを計算するス
テップであり、新しく生成されたフレームの状態に合わ
せて他のフレームレイアウトを計算する。

【００５６】Ｃ6 はフレームレイアウトを配置するステ
ップであり、計算されたレイアウトでフレーム（画面）
を整合性をとった状態に配置する。Ｃ7 は配置位置を指
定するステップであり、パーツを何処に配置するかを指
定する。

【００５７】Ｃ8 は配置位置を判断するステップであ
り、指定された配置位置のベースとなる画面を判断す
る。Ｃ9 はパーツを生成するステップであり、指定され
た位置のベースとなる画面に新しいパーツを生成する。

【００５８】Ｃ10はパーツレイアウトを計算するステッ
プであり、新しく生成されたパーツの状態に合わせて他
のパーツレイアウトを計算する。Ｃ11はパーツをレイア
ウト配置するステップであり、計算されたレイアウトで
パーツを配置する。

【００５９】図５乃至図８はそれぞれ本発明の実施形態
に於ける動作を説明するための画面遷移による各表示画
面の構成例を示す図である。ここで上記各図を参照して
本発明の実施形態に於ける動作を説明する。

【００６０】先ず、本発明の実施形態に於ける動作を図
１を参照して説明する。入力部１１によりＨＴＭＬファ
イル作成が指示されると、処理制御部１２が全体のＨＴ
ＭＬファイル作成に於ける制御を開始する。

【００６１】ファイルの読み込みが指示された場合は、
ＨＴＭＬファイル解析部１６にて、既に作成されている
ＨＴＭＬファイルを解析し、画面データおよび処理フロ
ーデータ、リンクデータなどを取り込む。

【００６２】新規作成が指示された場合は、画面作成制
御部１７にて、初期ファイルを生成する準備を行なう。
画面作成時に入力がなされた際は、画面作成制御部１７
により、文字が入力されたのか、作成用パーツが選択さ
れているのかを判断し、文字が入力されている場合は、
そのまま入力された文字列を表示管理部１５を介して表
示部１３に表示する。

【００６３】作成用パーツが選択された場合、画面作成
制御部１７は、編集操作がなされているか否かを判断
し、パーツの新規作成の場合は、パーツ処理部１８が、
選ばれたパーツを画面内に配置し、レイアウト部１９で
既に配置されている他のパーツとの位置関係を計算し、
指定場所にパーツが収まるように他パーツの位置をずら
すなどしてレイアウトする。

【００６４】パーツ処理部１８にて作成指示のあったパ
ーツが、フレーム用である場合は、フレーム生成部２１
に処理が移り、フレームが生成される。更にフレームレ
イアウト部２２で、生成されたフレームの状況と既に生
成されているフレーム（画面）との整合性をとるように
位置関係を計算し、基（ベース）になる（大もとの）画
面をはみ出さないように他のフレームの大きさを変更す
るなどしてフレームをレイアウトする。この生成された
各フレームはフレーム管理部２０によりフレーム管理テ
ーブル２０Ｔ上で管理される。

【００６５】また、既に入力した文字が選択され編集が
指示されると、編集部２３は、文字に対する削除や、コ
ピー、大きさ設定などの編集を行なう。同様に、配置さ
れたパーツについても編集が指示されると、編集部２３
にて削除やコピー、大きさ設定等の編集を行なう。

【００６６】同様に、パーツに関する属性の変更がなさ
れた場合は、編集部２３が設定された属性に合わせてパ
ーツの編集を行なう。同様に、フレームに関して属性の
変更や大きさ変更などの編集がなされた場合は、編集部
２３がフレームの形態や大きさを変更し、フレームレイ
アウト部２２にて変更したフレームの状況から他のフレ
ームとの大きさの整合性を計算してフレームをレイアウ
トする。

【００６７】又、文字やパーツに対してリンク設定（メ
ニューなどによりリンク設定の選択）が行われた場合
は、リンク設定部２４へ処理が渡される。リンク設定部
２４では、指定された文字やパーツにリンクをはるため
に、指定されたリンク先のファイルを、リンクデータ格
納部２８へ登録する。

【００６８】上記したような処理により、作成された画
面データは、画面データ格納部２７に記憶される。メニ
ュー等によりＨＴＭＬファイル作成が指示されると、Ｈ
ＴＭＬファイル生成部２５は、画面データ格納部２７に
記憶された画面データと、リンクデータ格納部２８に登
録されたリンクデータとにより、ＨＴＭＬファイルや、
その他のＷＷＷ用ファイルを生成し、ユーザが指定した
ファイル名で保存する。

【００６９】ここで、上記した実施形態の更に詳しい処
理の流れを第２図乃至図４に示すフローチャート、及び
図５乃至図８に示す動作を説明するための画面遷移によ
る各表示画面を参照して説明する。

【００７０】ＷＷＷ用ＨＴＭＬファイルの作成が指示さ
れると、メモリの確保やデータの初期化及び初期画面の
表示などの初期処理を行なう（図２ステップＡ1 ）。こ
こで、ＨＴＭＬファイル作成用画面としての初期画面が
表示される。

【００７１】この初期画面のメニュー上で『ファイルオ
ープン（File Open）』が選択されると、既に存在する
ＨＴＭＬファイルをオープンし（図２ステップＡ2 ，Ａ
3 ）、テキスト形式あるいはバイナリー形式で書かれた
内容の解析を行なう（図２ステップＡ4 ）。

【００７２】この解析結果を図示しないメモリ内のデー
タバッファに取り込み（図２ステップＡ5 ）、その情報
を使用してファイル内容を画面上に表示する。この際の
画面構成例を図５に示している。

【００７３】ＨＴＭＬファイル作成用画面が表示されて
いる状態で、文字入力がキーボードあるいはソフトキー
ボード等によりなされると（図２ステップＡ6 ）、通常
のテキストエディタと同様に、文字列は作成用画面上
（あるいは文字入力用パーツ、枠等）に入力される（図
２ステップＡ7 ）。

【００７４】文字列のある部分、あるいはパーツがマウ
ス等により選択され、リンクをはることがメニューなど
により選ばれると（図２ステップＡ8 ）、指定されたリ
ンク先のファイルをリンクデータとして登録する（図２
ステップＡ9 ）。

【００７５】文字列やパーツに対して、マウス等により
編集操作が行なわれた（メニューなどにより削除やコピ
ーが選択された、属性が変更された等）場合（図２ステ
ップＡ10）は、編集処理を行なう（図２ステップＡ1
1）。

【００７６】ここで、上記編集処理（図２ステップＡ1
1）の詳細な処理動作を図３に示すフローチャートを参
照して説明する。上記編集処理では、編集対象となる部
分が文字列であるか否かを判断し（図３ステップＢ1
）、文字列であった場合には、通常の文字編集を行な
う（図３ステップＢ2 ）。

【００７７】編集対象が文字列でなかった場合は、フレ
ームであるかパーツであるかを判断し（図３ステップＢ
3 ）、パーツである際は、そのパーツになされたパーツ
編集（属性の変更、サイズ変更など）を行なう（図３ス
テップＢ4 ）。

【００７８】編集対象がフレームの場合は、編集操作が
サイズ変更であるか否かを判断し（図３ステップＢ5
）、サイズ変更の場合は、変更されたサイズを基準
に、その他のフレームの大きさ、位置などを計算し（図
３ステップＢ8 ）、計算された整合性のとれた他のフレ
ームとの位置関係を鑑みて全体のレイアウト配置を行な
う（図３ステップＢ9 ）。

【００７９】この際の画面構成例を図６に示している。
この図６に示す作成画面（フレーム付き）に於いては、
図中、Ｐ部分をマウスドラッグにて移動することによ
り、２つのフレーム（Ｆ１，Ｆ２）のうち、基（ベー
ス）のフレーム（Ｆ１）上にあるフレーム（Ｆ２）のサ
イズ変更が可能となる。尚、図中、ｓはそれぞれが画面
上に置かれるボタン、ライン、イメージ等の画面作成用
パーツである。

【００８０】又、サイズ変更でなかった場合は、図７に
示すようなフレーム設定用のダイアログを表示し（図３
ステップＢ6 ）、この画面上で背景色などのフレーム属
性を設定する（図３ステップＢ7 ）。

【００８１】ここで設定された属性によって、レイアウ
ト計算（図３ステップＢ8 ）やレイアウト配置（図３ス
テップＢ9 ）を行なうことにより、フレームの編集処理
を行なう。

【００８２】又、初期処理により、作成用画面上に使用
できる作成用パーツ一覧表（ここではフレーム用を含
む）表示しているが、その一覧の中からパーツの１つを
選択した場合は（図２ステップＡ12）、図４に示すよう
なパーツ処理（図２ステップＡ13）を行なう。

【００８３】ここで、上記パーツ処理（図２ステップＡ
13）の詳細な処理動作を図４に示すフローチャートを参
照して説明する。上記パーツ処理（図２ステップＡ13）
では、選ばれたパーツが、フレーム用であるか否かを判
断し（図４ステップＣ1 ）、フレーム用であった場合
は、フレームを配置する位置をマウス等により指定し
（図４ステップＣ2 ）、指定された位置がいずれのフレ
ーム（画面）をベースにしている部分であるかを判断す
る（図４ステップＣ3 ）。

【００８４】判断されたベースとなるフレームの上部に
新たなフレームを生成し（図４ステップＣ4 ）、生成し
たフレームの大きさなどを考慮して、既にあるフレーム
の大きさなど、全体で整合性がとれるようにレイアウト
計算し（図４ステップＣ5 ）、配置する（図４ステップ
Ｃ6 ）。

【００８５】この際の画面構成例を図８に示している。
この図８に示す作成画面に於いては、図中、Ｑ部分（画
面上に置かれるボタン、ライン、イメージ等の画面作成
用パーツを配置した領域を除く画面内）をマウスクリッ
クすることにより、このフレーム（Ｆｂ）をベースに、
新規にフレーム（Ｆｎ）が作成される。尚、図中、ｓは
それぞれが画面上に置かれるボタン、ライン、イメージ
等の画面作成用パーツである。

【００８６】又、選ばれたパーツがフレーム用でなかっ
た場合は、マウス等によりパーツを配置する位置を指定
し（図４ステップＣ7 ）、指定された位置がいずれのフ
レームをベースにしているかを判断して（図４ステップ
Ｃ8 ）、判断されたベースとなるフレームに、そのパー
ツを生成する（図４ステップＣ9 ）。

【００８７】生成されたパーツの位置と、それまでに配
置されていたパーツ等との位置関係を計算し（図４ステ
ップＣ10）、ベースとなるフレームにレイアウト配置さ
れる（図４ステップＣ11）。

【００８８】上記したような作業を繰り返すことで、作
成画面上で、所望する任意の画面データ及びリンクデー
タが作成される。次に、上記メニューにより『ＨＴＭＬ
ファイル作成』が選ばれると、上記データを使用してＨ
ＴＭＬファイルが生成される（図２ステップＡ14，Ａ1
5）。

【００８９】又、メニューにより『終了』が選択される
と、ＨＴＭＬファイルの作成は終了する（図２ステップ
Ａ16）。上記のような操作を繰り返すことにより、フレ
ーム機能付きのＷＷＷ用ＨＴＭＬファイルを簡単にしか
も迅速に作成することができ、ＨＴＭＬファイル独自の
タグを意識せずに、又、特に複数のＨＴＭＬファイルを
作成しなければならないフレーム機能を意識せずに作成
することができる。よって、ユーザの手間を省き効率の
よいＨＴＭＬファイル作成用環境を提供することができ
る。

【００９０】尚、本発明は、上述した実施形態に限定さ
れるものではなく、本発明が生成するファイルは、ＨＴ
ＭＬファイルとして表現しているが、例えばハイパーリ
ンクを使用するファイルや、３Ｄ表現可能なファイルな
どを生成することもできる。又、本発明が起動する環境
について実施形態では、一例としてＷｉｎｄｏｗｓＯＳ
をベースに述べたが、その他の例えばＭＳ−ＤＯＳやＵ
ＮＩＸ、あるいはＯＳ／２やＸ−Ｗｉｎｄｏｗベース等
であってもよい。又、作成中の一部にリンクをはる方法
に関しても、上記した実施形態の方法以外に、ポップア
ップメニューを表示させることにより、設定の指示を与
えてもよいし、フレーム用のパーツを使用するのではな
く、メニューなどにより選ばせてもよい。要するに本発
明は、その主旨を逸脱しない範囲で種々変形することが
できる。

【００９１】

【発明の効果】以上詳記したように本発明によれば、フ
レーム機能を使用したＷＷＷ用ＨＴＭＬファイル作成環
境に於いて、ＨＴＭＬファイル特有のタグというコマン
ドや複数のファイルに分かれているフレーム機能の性質
を意識することなく、ＷＷＷ上で見る外観と同様の状態
で簡単かつ容易にＨＴＭＬファイルを作成することがで
きるＷＷＷ用ＨＴＭＬファイル作成方法及びＷＷＷ用Ｈ
ＴＭＬファイル作成装置が提供できる。

【００９２】また、本発明によれば、ブラウザで見た外
観をそのままにフレームの大きさを任意に変更できる、
操作性に優れたＷＷＷ用ＨＴＭＬファイル作成方法及び
ＷＷＷ用ＨＴＭＬファイル作成装置が提供できる。

【００９３】また、本発明によれば、フレーム生成用の
パーツを設け、他のパーツと同じ操作で画面上に配置し
て、任意のフレーム生成を行なうことのできる、操作性
に優れたＷＷＷ用ＨＴＭＬファイル作成方法及びＷＷＷ
用ＨＴＭＬファイル作成装置が提供できる。

【００９４】又、本発明によれば、画面上で文字列を入
力しながら、例えばワードプロセッサを操作する程度の
簡単な操作で、又、文字列以外の部分についても作成用
パーツを選択して配置するのみの簡単な操作で、ＨＴＭ
Ｌファイルによるホームページを作成することができ、
更に１ページ内を複数のフレーム（画面）に分割してペ
ージを表現できるフレーム機能を他のパーツと同様に選
択して配置することで簡単に新規フレームを生成でき、
ＷＷＷ用ブラウザで実際にインターネット上でネットサ
ーフィンする際の外観と同様に作成することができるの
で、よりＨＴＭＬファイルを簡単かつ迅速に、能率良く
作成することができる。

【図面の簡単な説明】

【図１】本発明の実施形態に於けるシステムの構成を示
すブロック図。

【図２】本発明の実施形態に於ける全体の処理手順を示
すフローチャート。

【図３】図２に示す編集処理（Ａ11）の処理手順を示す
フローチャート。

【図４】図２に示すパーツ処理（Ａ13）の処理手順を示
すフローチャート。

【図５】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図６】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図７】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【図８】本発明の実施形態に於ける動作を説明するため
の画面遷移による各表示画面の構成例を示す図。

【符号の説明】 １１…入力部、 １２…処理制御部、 １３…表示部、 １４…入力管理部、 １５…表示管理部、 １６…ＨＴＭＬファイル解析部、 １７…画面作成制御部、 １８…パーツ処理部、 １９…レイアウト部、 ２０…フレーム管理部、 ２１…フレーム生成部、 ２２…フレームレイアウト部、 ２３…編集部、 ２４…リンク設定部、 ２５…ＨＴＭＬファイル生成部、 ２６…ＨＴＭＬファイル格納部 ２７…画面データ格納部、 ２８…リンクデータ格納部。

───────────────────────────────────────────────────── フロントページの続き (72)発明者 服部 尚美 東京都青梅市末広町２丁目９番地 株式会 社東芝青梅工場内

Claims (6)

【特許請求の範囲】
1. 【請求項１】 グラフィカルなインタフェースによりＷ
   ＷＷ用ファイルを生成するＷＷＷ用ＨＴＭＬファイル作
   成方法に於いて、 表示画面上でホームページとなるファイル作成用の画面
   を作成する処理に、 画面作成用のパーツを選択可能に表示する処理手段、及
   び選択された画面作成用パーツを作成対象画面上に配置
   する処理手段と、 前記作成対象画面上に更に別画面を生成するためのフレ
   ームパーツ選択手段、及びフレームパーツの選択により
   画面上に更に同時に存在する別画面を生成するフレーム
   生成手段とを備え、 作成対象画面上にて、新規フレームの生成機能をもつパ
   ーツ処理機能を実現したことを特徴とするＷＷＷ用ＨＴ
   ＭＬファイル作成方法。
2. 【請求項２】 表示手段及び入力手段を有するデータ処
   理システム上で、ＷＷＷホームページ作成用ＨＴＭＬフ
   ァイルを作成するＷＷＷ用ＨＴＭＬファイル作成装置に
   於いて、 画面作成用のボタン類を含むパーツを選択可能に表示す
   るパーツ選択画面の表示処理手段、及び当該パーツ選択
   画面上で選択された画面作成用パーツを作成対象画面上
   に配置する処理手段と、 前記作成対象画面上に更に別画面を生成するためのフレ
   ームパーツ選択手段、及びフレームパーツの選択により
   画面上に更に同時に存在する別画面を生成するフレーム
   生成手段と を有してなる画面作成処理手段を設け、 作成対象画面上にて新規フレームの生成機能をもつパー
   ツ処理機能を実現したことを特徴とするＷＷＷ用ＨＴＭ
   Ｌファイル作成装置。
3. 【請求項３】 表示手段及び入力手段を有するデータ処
   理システム上で、ＷＷＷホームページ作成用ＨＴＭＬフ
   ァイルを作成するＷＷＷ用ＨＴＭＬファイル作成方法で
   あって、 表示画面上でホームページとなるファイル作成用の画面
   を作成するステップと、作成された画面上のある部分に
   他のホームページをリンク付けするステップと、作成さ
   れた画面データを格納するステップと、作成された画面
   データ及びリンクデータからＨＴＭＬファイルを生成す
   るステップとを備え、 前記ファイル作成用の画面を作成するステップに、 画面上に配置するボタン、ライン、イメージ等の画面作
   成用パーツを表示画面上で選択し、作成する画面上に配
   置するステップ、及び当該作成する画面上に、更に画面
   を生成するためのフレームパーツを前記表示画面上で選
   択し、画面上に、更に同時に存在する別画面を生成する
   ステップを備えて、作成する画面上にて新規フレームの
   生成機能をもつパーツ処理機能を実現したことを特徴と
   するＷＷＷ用ＨＴＭＬファイル作成方法。
4. 【請求項４】 画面上に更に同時に存在する別画面を生
   成するステップに、生成されたフレームの大きさを変更
   するステップと、変更されたフレームの大きさとそれ以
   外のフレームの大きさを計算し画面上の整合をとるステ
   ップと、整合をとった大きさに他のフレームのサイズを
   変更するステップとを備え、同一画面上に存在する複数
   のフレームの大きさを任意に変更できることを特徴とす
   る請求項３記載のＷＷＷ用ＨＴＭＬファイル作成方法。
5. 【請求項５】 表示手段及び入力手段を有するデータ処
   理システムで、ＷＷＷホームページ作成用ＨＴＭＬファ
   イルを作成するＷＷＷ用ＨＴＭＬファイル作成装置であ
   って、 表示画面上でホームページとなるファイル作成用の画面
   を作成する画面作成手段と、 作成された画面上のある部分に他のホームページをリン
   ク付けするリンク手段と、 作成された画面データを格納するデータ格納手段と、 作成された画面データ及びリンクデータからＨＴＭＬフ
   ァイルを生成するＨＴＭＬ生成手段とを具備し、 前記画面作成手段は、 画面上に配置するボタン、ライン、イメージ等の画面作
   成用パーツを前記入力手段により選択し、作成する画面
   上に配置するパーツ配置手段と、 前記画面上に更に画面を生成するためのフレームパーツ
   を前記入力手段により選択し、画面上に更に同時に存在
   する別画面を生成するフレーム生成手段とを具備して、
   作成する画面上にて新規フレームの生成機能をもつパー
   ツ処理機能を実現したことを特徴とするＷＷＷ用ＨＴＭ
   Ｌファイル作成装置。
6. 【請求項６】 フレーム生成手段は、 生成されたフレームの大きさを変更するフレームサイズ
   変更手段と、 変更されたフレームの大きさとそれ以外のフレームの大
   きさを計算するサイズ整合手段と、 前記サイズ整合手段で整合をとった大きさに他のフレー
   ムのサイズを変更する他画面サイズ変更手段とを具備
   し、 同一画面上に存在する複数のフレームの大きさを任意に
   変更できることを特徴とする請求項２又は５記載のＷＷ
   Ｗ用ＨＴＭＬファイル作成装置。