JP3737676B2 - ホームページ表示方法 - Google Patents
ホームページ表示方法 Download PDFInfo
- Publication number
- JP3737676B2 JP3737676B2 JP2000154585A JP2000154585A JP3737676B2 JP 3737676 B2 JP3737676 B2 JP 3737676B2 JP 2000154585 A JP2000154585 A JP 2000154585A JP 2000154585 A JP2000154585 A JP 2000154585A JP 3737676 B2 JP3737676 B2 JP 3737676B2
- Authority
- JP
- Japan
- Prior art keywords
- image
- homepage
- display method
- viewed
- display
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Expired - Fee Related
Links
Images
Description
【０００１】
【発明の属する技術分野】
この発明は、インターネットに接続したコンピュータシステムの液晶ディスプレイ装置等の画像表示装置の画面上にホームページの画像を表示させるのに用いて好適な表示方法に関するものである。
【０００２】
【従来の技術】
インターネットに接続したコンピュータシステムの液晶ディスプレイ装置等の画像表示装置の画面上にホームページの文字や画像を表示させる動作原理は、先ず、ホームページを開設する者がプログラム作成用の言語の一種であるＨＴＭＬ（Ｈｙｐｅｒ Ｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）を用いて、ホームページ用に準備したファイルに、ホームページの画像に用いる画像要素としての文字や図形や記号等を記述するとともに、同じくホームページの画像に用いる画像要素としての画像データを貼り付け、加えて多くの場合にその中の特定の文字列や図形、画像等についてリンク先のアドレスを組み込んでリンクを設定することで、ホームページのファイルを作成し、そのファイルを、インターネットに接続したコンピュータシステム中に置く。
【０００３】
次いで閲覧者が、上記ホームページのファイルをインターネットを介して手元のコンピュータシステムに読み込ませると、そのコンピュータシステム内の閲覧ソフトウエア（ブラウザ）が上記画像表示装置の画面上に、ホームページの画像の画像要素である文字や図形や画像等を、平面的に、すなわちそれら文字や画像等を紙面上に表してその紙面の正面から見た状態で表示させる、というものである。
【０００４】
そしてホームページの画像に上記リンクが設定されている場合には、閲覧者がそのホームページの画像中の下線の引かれた文字列やボタン化した図形等の、画像要素の全体または一部分をマウスの操作で指示することで、上記ファイル中にそれらに対して組み込まれたリンク先のアドレスのホームページのファイルを上記コンピュータシステムに次に読み込ませて、そのアドレスのホームページの画像を上記画像表示装置の画面上に表示させて閲覧することもできる。
【０００５】
ところで、通常の書物を閲覧する際には、ページを次々とめくったりタイトルのみを飛ばし読みしたりすることで、あらかじめその書物の全体的な構成を概観することができるが、リンク先を多数設定した一般のホームページや、官公庁、大学、ショッピング・モール、電子図書館等のように多数のページを設けているホームページでは、各ページ間の関連性を示す案内図が表示されている場合を除き、ホームページ全体を概観して各ページ間の関連性を把握する方法がないという不都合がある。
【０００６】
これに関し、例えば工業デザインのテクニカル・イラストレーションでは、三次元構造物である機器や装置の全体構造を立体的に見えるように平面上に描画して示すが、ホームページの画像のように元来立体要素を持たない文字や図形、記号、画像等を対象として、平面上にそれら文字等を立体的に見えるように表示するとともに立体的に位置して見えるように表示することで、大きな画像や多重的なページの全体的な構成を表示するということまでは行われていない。
【０００７】
【発明が解決しようとする課題】
これがため、従来のホームページでは、閲覧者は、リンク先を組み込まれた複数の文字列や図形等からリンク先の内容を推理し、マウスの操作により、組み込まれたリンク先の同一ホームページ内のページや他のホームページの画像を読み込ませてその画像を画面上に表示させるが、表示させたページが希望したものでないことが多いため、ページ間を幾度となく行きつ戻りつする無駄な操作が多く発生してしまうという不都合がある。
【０００８】
また、ホームページの画像の構成における上位ページと、下位ページあるいは参照ページとの関連付けが判らなくなって、迷路に入り込んでしまったようになる場合が多いという不都合もある。
【０００９】
さらに、従来のホームページでは、その画像要素として複数のページがある場合に、それを平面的に一枚ずつ表示させることが多いため、それら複数のページの全体的な関係を想念するのに困難を伴う。そしてホームページの概観を把握するために複数ページを幾つか同時に画面上に表示させておいても、その関係性を記憶しておくのは難しいという不都合がある。
【００１０】
すなわち、平面的に表示するのみの従来のホームページの表示方法では、膨大な量の情報を電子化したホームページに対して断片的な認識しかできないため、ホームページの全体的関連性を閲覧者が効率的に把握し得るようにするには、新たな表示方法が必要である。
【００１１】
【課題を解決するための手段およびその作用・効果】
この発明は、上記課題を有利に解決した表示方法を提供することを目的とするものであり、この発明のホームページ表示方法は、インターネットに接続したコンピュータシステムの画像表示装置の画面上にホームページの画像を表示させるに際し、前記ホームページの画像に用いる一もしくは複数の元の画像要素をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにし、前記ホームページの画像を、前記立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとすることを特徴とするものである。
【００１２】
かかる表示方法によれば、ホームページの画像に用いる一または複数の元の画像要素（文字、図形、記号等を含む）をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにして、その一または複数の画像要素またはその縮小版をホームページの画像に含めているので、閲覧者は、画像表示装置の画面上で、その立体的に見える画像要素またはその縮小版を全体的または部分的に表示させて見ることで、ホームページの画像の全体構成を容易に概観し得て、そのホームページの画像の全体的関連性を効率的に把握することができる。
【００１３】
さらに、この発明のホームページ表示方法は、前記元の画像要素の一もしくは複数の部分をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に他の部分とは逆方向に幾何学的に変形させて他の部分から起き上がって見えるようにし、前記ホームページの画像を、前記起き上がって見えるようにした部分を有する前記立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとしたことを特徴とするものである。このようにすることで、リンクを設定する部分等の、元の画像要素のうちで特に閲覧者の注意を引きたい部分を、起き上がって見えるようにして目立たせることができるので、閲覧者に、リンクが設定された部分等を容易に発見させることができる。
【００１４】
なお、この発明の表示方法においては、前記元の画像要素を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにするに際し、等軸測投影法を用いることとしても良く、このようにすれば、例えばジェイエーエスシー・ソフトウエア社の「ペイントショップ・プロ」等の市販されている画像処理ソフトウエアを用いて容易に実施し得る等軸測投影法（等角投影法ともいう）を用いるので、元の画像要素を容易に、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにすることができる。ここで、文字や記号を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにする際、ジャストシステム社の市販ソフトウエア「花子１０」を用いれば、その文字や記号を拡大表示しても輪郭がギザギザにならないように精度を上げて描画することができる。
【００１５】
さらに、この発明の表示方法においては、複数の前記立体的に見えるようにした画像要素を、互いに同一平面上に位置して見えるように所定平面上に配置し、前記ホームページの画像を、前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしても良く、このようにすれば、複数の元の画像要素を用いて通常の画像表示装置の画面上に一度に表示し得る領域よりも大きい領域を持つホームページの画像を作成する場合に、その画像を例えばＰＤＦのような精細なまま拡大表示させ得るファイル形式のデータでホームページのファイルに関連づけてホームページの閲覧時に最初はその画像が縮小された状態で表示されるようにしておくことで、また、その画像を例えばＪＰＥＧやＧＩＦのような拡大表示させると粗くなるファイル形式のデータでホームページのファイルに関連づけるのと併せてその画像の縮小版をそのファイルの最初のページに関連づけておくことで、閲覧者が、その縮小された状態で表示される画像や縮小版の画像の全体を画像表示装置の画面上に表示させることができ、これによりホームページの画像の全体構成をより容易に概観し得て、そのホームページの画像の全体的関連性をより効率的に把握することができる。
【００１６】
ここで、上記表示方法においては、前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素の相互の関連を示す関連表示図形を前記所定平面上に配置し、前記ホームページの画像を、前記関連表示図形をも含むものとしても良く、このようにすれば、ホームページの画像に、複数の画像要素の相互の関連を示す、例えば矢印や連結線等の関連表示図形が含まれるので、閲覧者が、その関連表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００１７】
また、この発明の表示方法においては、複数の前記立体的に見えるようにした画像要素を、互いに立体的に位置して見えるように所定平面上に配置し、前記ホームページの画像を、前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしても良く、このようにすれば、ホームページの画像として、例えば複数のページを構成する複数の画像要素を、それぞれ立体的に見えるようにするとともに互いに立体的に位置して見えるように配置して表示することができるので、閲覧者が、それら複数のページ間の階層構造をより容易に理解することができ、ひいてはホームページの画像の全体的関連性をより効率的に把握することができる。
【００１８】
ここで、上記表示方法においては、前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素の相互の立体的位置関係を示す立体的位置関係表示図形を前記所定平面上に配置し、前記ホームページの画像を、前記立体的位置関係表示図形をも含むものとしても良く、このようにすれば、ホームページの画像に、複数の画像要素の相互の立体的位置関係を示す例えば箱形図形や連結パイプ等の立体的位置関係表示が含まれるので、閲覧者が、その立体的位置関係表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００１９】
さらに、この発明の表示方法においては、前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると所定の前記立体的に見えるようにした画像要素または前記ホームページの画像に含めた所定の前記元の画像要素を表示させるリンク命令を設定しておいても良く、このようにすれば、ホームページの画像全体を概観して所望の部分を選択した後に、その所望の部分について、立体的に見えるようにした画像要素または元の平面的に見える画像要素を容易に表示させて確認することができる。
【００２０】
また、この発明の表示方法においては、前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると他の所定のホームページを表示させるリンク命令を設定しておいても良く、このようにすれば、ホームページの画像全体を概観してそのホームページに関連する他のホームページを選択した後に、そのホームページの画像を容易に表示させて確認することができる。
【００２１】
【発明の実施の形態】
以下に、この発明の実施の形態を実施例によって、図面に基づき詳細に説明する。ここに、図１は、この発明のホームページ表示方法の一実施例を示すフローチャートであり、この実施例の方法では、例えばマイクロソフト社の市販ソフトウエアである「ウィンドウズ９５オペレーティングシステム」または「ウィンドウズ９８オペレーティングシステム」等がインストールされた通常のパーソナルコンピュータシステムを用いて、先ず既存のホームページの画像を等軸測投影法（等角投影法ともいう）により変形させて、立体的に見える画像に改造する。
【００２２】
この実施例の表示方法では、先ずステップ１で、作成済みのホームページの一つのページの画像を上記コンピュータシステムの画像表示装置の画面上に、例えばマイクロソフト社の市販ソフトウエアである「インターネット・エクスプローラ」等のブラウザ・ソフトウエアで表示させ、次いでステップ２で、そのコンピュータシステムに、例えばＩＢＭ社のＤＯＳ／Ｖオペレーティングシステムが作動するコンピュータシステムの場合は「ＰｒｔＳｃ」キーを含むそのシステム固有の設定のキー操作で、上記表示させた画像全体を元の画像要素としてハードコピーさせる命令を入力する。この操作により、続くステップ３で、上記ホームページの画像は、イメージデータ形式に変換されて、例えば上記コンピュータの上記オペレーティングシステムの付属ソフトウエアである「クリップボード」に保存され、以後、描画ソフトウエアで自由に変形させることが可能になる。
【００２３】
次のステップ４では、上記コンピュータシステムで、例えばジェイエーエスシー・ソフトウエア社の「ペイントショップ・プロ」等の市販画像処理ソフトウエアを起動し、上記ハードコピーしたホームページの画像である元の画像をそこに読み込ませて画面上に表示させる。この段階では画像は未だ、図２（ａ）に示すように、通常の、紙面に相当する底面部Ｂ上にその画像を表示してそれを正面視した状態となっている。続くステップ５では、ホームページの作成者が、上記紙面に相当する底面部Ｂを、図２（ｃ）に示すように斜め方向から見た水平面に見えるように描画するか、図２（ｅ）に示すように斜め方向から見た垂直面に見えるように描画するかを選択する。
【００２４】
そしてステップ５で水平面に見える描画を選択した場合は、ホームページの作成者が、ステップ６で、上記画像処理ソフトウエアに例えば「イメージ」、「変形」、「ゆがみ」、「３０％」というコマンドを順次に指示して実行させ、図２（ｂ）に示すように、長方形の輪郭を持つ底面部Ｂ上の元の画像をその底面部Ｂとともに全体的に右方向へ歪ませて、対角１２０度および６０度を持つ平行四辺形の輪郭の底面部Ｂ上の画像に変形させ、続くステップ７で、上記画像処理ソフトウエアに例えば「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させ、上記変形後の底面部Ｂおよびその上の画像を左方向（反時計方向）に３３０度回転させる。これにより、続くステップ８で、上記変形後の底面部Ｂは、図２（ｃ）に示すように、斜め方向から見た水平面に見えるようになり、その底面部Ｂ上の画像は、斜め方向から見た水平面上に乗った水平状態に見えるようになる。
【００２５】
また、ステップ５で垂直面に見える描画を選択した場合は、ホームページの作成者が、ステップ９で、上記画像処理ソフトウエアに例えば「イメージ」、「変形」、「ゆがみ」、「−３０％」というコマンドを順次に指示して実行させ、図２（ｄ）に示すように、長方形の輪郭を持つ底面部Ｂ上の元の画像をその底面部Ｂとともに全体的に左方向へ歪ませて、対角１２０度および６０度を持つ平行四辺形の輪郭の底面部Ｂ上の画像に変形させ、続くステップ１０で、上記画像処理ソフトウエアに例えば「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させ、上記変形後の底面部Ｂおよびその上の画像を左方向に３３０度回転させる。これにより、続くステップ１１で、上記変形後の底面部Ｂは、図２（ｅ）に示すように、斜め方向から見た垂直面に見えるようになり、その底面部Ｂ上の画像は、斜め方向から見た垂直面上に乗った垂直状態に見えるようになる。
【００２６】
上記の如くして変形させた画像を描画させた後は、ホームページの作成者が、ステップ１２で、上記変形によって作成した疑似立体画像をイメージデータとして上記クリップボードに表示させて、名前を付けて保存させ、次いでステップ１３で、元とするホームページの画像の全てのページについてゆがみと回転を繰り返したかを判断し、ゆがみと回転を行っていないページが残っていれば、ステップ１に戻って次のページの画像を表示させ、上記の処理を繰り返す。一方、全てのページについてゆがみと回転を繰り返していれば処理を終了する。
【００２７】
上記の如くして作成した複数の疑似立体画像を、例えばホームページの一つのページの画像として使用する際には、上記画像処理ソフトウエアにて、例えば概ね幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの画像領域を設定し、次いで上記クリップボードに表示させた上記疑似立体画像を「コピー」の指示によって一旦記録した後、上記画像処理ソフトウエアに例えば「編集」、「貼り付け」、「新しいレイヤー」というコマンドを順次に指示して実行させて上記レイヤー上に貼り付ける。この時、そのレイヤーの背景に斜眼紙画像を表示させておき、その斜眼紙画像を基準として、上記複数の疑似立体画像を、後述の如くして、相互に同一平面上に位置して見えるように配置したり、相互に立体的に位置して見えるように配置したりした後、そのレイヤー上の複数の画像のみをホームページの画像とすれば、それら複数の疑似立体画像の相互の関連や階層構造における相互の位置づけを容易に把握し得る画像を作成することができる。
【００２８】
また、この実施例の方法では、上記変形させた底面部上の画像に対して、その画像内の特定の文字列や図形、記号、画像部分等を起き上がらせて立体的に表示させており、この処理は、先ず、上記画像処理ソフトウエアにて、その変形させた底面部上の画像の元とした正面視の画像から、起き上がらせる文字列や図形、記号、画像部分等を領域指定して切り取り、次いで、例えば底面部Ｂ上の画像が図２（ｃ）に示す如く水平状態に見えるものの場合は「イメージ」、「変形」、「ゆがみ」、「−３０％」というコマンドを順次に指示して実行させるというようにして、その切り取った文字列や図形、記号、画像部分等を上記の底面部を歪ませる処理の逆方向に同程度歪ませて、元の輪郭が長方形であれば平行四辺形に変形させ、次いで、底面部上の画像と同様に「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させて、その文字列や図形、記号、画像部分等を左方向に３３０度回転させ、その変形および回転させた画像を上記「クリップボード」に表示させて名前を付けて保存させる。
【００２９】
かかる処理を繰り返して蓄積した、起き上がらせる文字列や図形、記号、画像部分等は、上記画像処理ソフトウエアにて、先ず背景色を透過色とし、次いで上記底面部Ｂ上の画像を表示させて、その画像中の、上記起き上がらせる文字列等と同一の文字列等の位置に底辺を合わせて重ねて配置し、さらに、白あるいは黒等の背景色を用いて影を付けることで立体感を強める。これにより、例えば図３（ａ）に示すように、底面部Ｂ上の文字列Ｃ１が斜め方向から見た水平面上に乗った水平状態に見えるものの場合は、実際はその底面部Ｂ上の文字列Ｃ１およびそこに重ねた起き上がらせる文字列Ｃ２の下辺は画像の垂直線に対して右に１２０度傾斜する一方、その起き上がらせる文字列Ｃ２の左右両辺は画像の垂直線に対して平行になるので、その文字列Ｃ２は擬似的立体感を持って底面部Ｂ上の画像から起き上がって見えるものとなる。また図３（ｂ）に示すように、底面部Ｂ上の文字列Ｃ３が斜め方向から見た垂直面上に乗った垂直状態に見えるものの場合も同様にして、起き上がらせる文字列Ｃ４は擬似的立体感を持って底面部Ｂ上の画像から起き上がって見えるものとなる。
【００３０】
図４は、水平状態に見える文字列や垂直状態に見える文字列、そしてそれらから起き上がって見える文字列を、既存のホームページから流用するのでなく当初から作成する方法を示すフローチャートであり、この方法は、例えばジャストシステム社の画像処理ソフトウエアである「花子」を用いることで実施することができ、ここでは先ず、ホームページの作成者が、文字列を入力するとともに、ステップ２１で、文字列を描画する底面部が、図３（ａ）の底面部Ｂの如き水平面に見えるものか、図３（ｂ）の底面部Ｂの如き垂直面に見えるものかを選択し、水平面に見える底面部を選択した場合は、次にステップ２２で、処理する文字列の属性を、図３（ａ）の文字列Ｃ２の如き起き上がって見える見出し部文字列とするか、図３（ａ）の文字列Ｃ１の如き底面部上に位置して見える本文文字列とするかを選択する。
【００３１】
そして見出し部文字列を選択した場合には、ステップ２３で、文字列を構成する文字の属性を−３０度の斜体とする操作を行い、続くステップ２４で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ２５で、上記コンピュータシステムが、先に入力された文字列を−３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ２５に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して平行となった、起き上がって見える文字列の画像を描画する。
【００３２】
また本文文字列を選択した場合には、ステップ２６で、文字列を構成する文字の属性を３０度の斜体とする操作を行い、続くステップ２７で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ２８で、上記コンピュータシステムが、先に入力された文字列を３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ２８に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して右まわりに６０度傾いた、底面部上に位置して見える文字列の画像を描画する。
【００３３】
一方ステップ２１で垂直面に見える底面部を選択した場合は、次にステップ２９で、処理する文字列の属性を、図３（ｂ）の文字列Ｃ４の如き起き上がって見える見出し部文字列とするか、図３（ｂ）の文字列Ｃ３の如き底面部上に位置して見える本文文字列とするかを選択する。そして見出し部文字列を選択した場合には、ステップ３０で、文字列を構成する文字の属性を３０度の斜体とする操作を行い、続くステップ３１で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ３２で、上記コンピュータシステムが、先に入力された文字列を３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ３２に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して右まわりに６０度傾いた、起き上がって見える文字列の画像を描画する。
【００３４】
また本文文字列を選択した場合には、ステップ３３で、文字列を構成する文字の属性を−３０度の斜体とする操作を行い、続くステップ３４で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ３５で、上記コンピュータシステムが、先に入力された文字列を−３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ３５に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して平行となった、底面部上に位置して見える文字列の画像を描画する。
【００３５】
なお、上記各文字列画像を作成する際、好ましくは、あらかじめ上記「花子」の描画画面上に斜眼紙（±３０度）の補助線を描いておき、その描画画面上で、対角が１２０度および６０度の平行四辺形を描いてそれを右方向（時計方向）に３０度回転させることで底面部の領域を描画し、その底面部に色を着けておくことでページの群分けを容易にする。また、文字サイズを最小の３ポイントに設定して、より多くの文字列を含むページを作成し得るようにする。これにより、用紙サイズＡ３横領域に２５枚程度のページを描画することができる。
【００３６】
そして上記底面部の領域をホームページの一枚分のページに見立てて、マイクロソフト社の市販ソフトウエアである「マイクロソフト・ワード９８」等の文字入力ソフトウエアで入力した電子文書中の所要の文字列を選択して、「コピー」操作することでその底面部の領域の所望の位置に貼り付け、その文字列を選択した後、「文字枠スタイル」、「枠回転角」、「３３０」と順次に指示を入力することで、文字列が左方向に３３０度回転する。次いで、「文字」コマンドを選択し、「文字属性」、「飾り」中の「斜体にする」、「−３０度」と順次に指示を入力し、Ｏ．Ｋとすることで、左に３０度変形するとともに右下がりに３０度傾斜した上記ステップ２５の、斜め方向から見た水平状態の底面部に対して起き上がって見える文字列の画像が描画される。また、文字属性の斜体の傾斜角度の入力時に「−３０度」の代わりに「３０度」と入力することで、上記ステップ２８の、斜め方向から見た垂直状態の底面部上に位置して見える文字列の画像が描画される。
【００３７】
さらにこの実施例の表示方法では、先に設定した幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの大きな画像領域に、上記複数の底面部を配置するに際し、図５のフローチャートに示すように、先ずステップ４１で、作成するホームページの表示対象の業態区分を判断して、業態区分が官公庁広報や企業組織広報の如き組織広報系の場合には、ステップ４２へ進み、図６（ａ）に示すように、複数のページを上下関係（階層関係）に分類して、図７に示すように、次のステップ４３で、トップページの下方に逐次、部門見出しページを配置し、次のステップ４４で、部門詳細ページをそれぞれの部門見出しページと同一の階層に配置し、次のステップ４５で、最終ページを右下端に配置した後、その画像ファイルを保存する。ここで、ページの立体的配置のみでは複数ページの相互の立体的構造表現が充分でない等の場合には、図７に示すように、立体的位置関係表示図形として、例えば水平線に対して３０度をなす直線と９０度をなす直線とを組み合わせて直方体や立方体に見える枠図形Ｆを描画し、その枠図形Ｆの面上に乗って見えるようにページを配置すれば、ページ群を立体的にまとめることができる。
【００３８】
また業態区分がショッピングやイベント系の場合には、ステップ４６へ進み、図６（ｂ）に示すように、複数のページを同一平面上で前後左右の位置に分類して、図８に示すように、次のステップ４７で、トップ頁や商品群頁を前後左右に配置し、次のステップ４８で、さらにオークションやショッピング頁を前後方向に配置し、次のステップ４９で、最終頁を右下端に配置した後、その画像ファイルを保存する。ここで、ページの前後左右の配置のみでは複数ページの相互の関連性表現が充分でない等の場合には、関連表示図形として、図７および図８に示すように、矢印線Ａを描画し、その矢印線Ａでページ間を繋ぐようにすれば、ページ群の相互の関連性を明確にすることができる。
【００３９】
図９は、立方体状および楔状の枠図形Ｆと、矢印線Ａとに加えて、関連表示図形として角筒状およず円筒状の連結図形Ｃを用いて、立体的配置の複数のページＰの相互の関連性および立体的位置関係を表したものである。
【００４０】
上記の如くして先に設定した幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの大きな画像領域に配置した複数の底面部および、その底面部に配置した起き上がらせる文字列や図形、記号、画像部分等の画像は、例えばアドビ社の市販画像処理ソフトウエアである「アクロバット４．０」にてＰＤＦファイルとして保存するか、あるいは上記「ペイントショップ・プロ」等にてＰＮＧファイルとして保存することが望ましい。ＰＤＦ形式のファイルは、インターネットでダウンロード可能なアドビ社の無料配布ソフトウエア「アクロバット・リーダー」を用いることで画面表示させることができ、そのファイルは画像全体で１００％倍率で閲覧し得るとともに３ポイントの大きさの斜体の文字を８００％の倍率で充分読むことができ、しかも斜線が拡大されても粗くなってギザギザな線になることもない。またＰＮＧ形式のファイルは、大きな画像領域についてホームページ作成ソフトウエアによりＨＴＭＬ形式ファイルで関連性を記述するのに適している。
【００４１】
なお、上記画像全体の縮小版を作成するか、あるいは立体的に見えるようにした上記各ページの縮小版を作成して平面的あるいは立体的に組み合わせるとともにそこに上記関連表示図形や立体的位置関係表示図形を加えるかすることで、比較的小さな画像領域で納まるホームページ画像を作成し、その中の各ページに後述の如くして、元の大きさの平面視あるいは上記立体的に見える同ページへのリンクを設定した上で、例えば上記「ペイントショップ・プロ」を用いてＪＰＥＧファイルやＧＩＦファイルのような通常のファイル形式で保存しても良い。
【００４２】
そして、上記各ファイル形式で保存したホームページの画像には、一つのページ全体の他、その中の任意の画像部分や文字列についても、クリックして指示することで同一ホームページ内の他のページや他のホームページを表示させるリンクを設定することができ、例えばＪＰＥＧファイルやＧＩＦファイルやＰＮＧファイルの場合には、ＩＢＭ社の市販のソフトウエアである「ホームページビルダー２０００」を用いることで上記リンクを設定でき、そのリンク設定後の画像ファイルの他、リンクを設定していない画像ファイルについても、上記「ホームページビルダー２０００」を用いれば、先に記したブラウザ・ソフトウエアでその画像ファイルの文字や画像等を表示させ得るＨＴＭＬ形式のファイルを新たに生成することができる。
【００４３】
またＰＤＦファイルの場合には、上記「アクロバット４．０」を用いることで上記リンクを設定することができ、そのリンク設定後のＰＤＦファイルや、リンクを設定していないＰＤＦファイルにつき、別途作成したＨＴＭＬ形式のファイルに関連を記述しておけば、それらのＰＤＦファイルの画像を上記ブラウザ・ソフトウエアで表示させることができる。
【００４４】
このようにして作成したＨＴＭＬ形式のファイルおよびそこに関連づけた画像ファイルあるいはＰＤＦファイルを、インターネットに接続したホストコンピュータにアップロードしておけば、閲覧者がインターネットを介しコンピュータシステムにダウロードして、上記ブラウザで画像表示装置の画面上に表示させることで、図７〜図９に示す如き疑似立体表現のホームページの画像をその画面上に表示されることができる。なお、ホームページの主な画像をＰＤＦファイルとしてＨＴＭＬファイルで関連づけておく場合には、そのＨＴＭＬファイルで最初に案内画面を表示させるようにしてそこに上記「アクロバットリーダー」のダウロードサイトへのリンクボタンを設けておけば良く、このようにすれば、閲覧者が「アクロバットリーダー」を持っていない場合でもそれを容易に入手し得て、ホームページの全体画像を容易に拡大・縮小して見ることができる。
【００４５】
かくしてこの実施例のホームページ表示方法によれば、ホームページの画像に用いる一または複数の元の画像要素（文字、図形、記号等を含む）をそれぞれ、図３（ａ），（ｂ）に示すように、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにして、その一または複数の画像要素またはその縮小版をホームページの画像に含めているので、閲覧者は、画像表示装置の画面上で、その立体的に見える画像要素またはその縮小版を全体的または部分的に表示させて見ることができ、これにより、ホームページの画像の全体構成を容易に概観し得て、そのホームページの画像の全体的関連性を効率的に把握することができる。
【００４６】
またこの実施例のホームページ表示方法によれば、図３（ａ），（ｂ）中の文字列Ｃ２，Ｃ４のように、元の画像要素の一もしくは複数の部分である文字列や画像部分等をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に他の部分とは逆方向に幾何学的に変形させて、他の部分から起き上がって見えるようにし、ホームページの画像を、その起き上がって見えるようにした部分を有する、立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとしているので、リンクを設定する部分等の、元の画像要素のうちで特に閲覧者の注意を引きたい部分を、起き上がって見えるようにして目立たせることができ、これにより、閲覧者に、リンクが設定された部分等を容易に発見させることができる。
【００４７】
さらに、この実施例のホームページ表示方法によれば、元の画像要素を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにするに際し、市販されている画像処理ソフトウエアを用いて容易に実施し得る等軸測投影法（等角投影法ともいう）を用いるので、元の画像要素を容易に、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにすることができる。そして、文字や記号を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにする際に、上記「花子１０」を用いても良いので、その文字や記号を拡大表示しても輪郭がギザギザにならないように精度を上げて描画することができる。
【００４８】
さらに、この実施例の表示方法によれば、立体的に見えるようにした複数の画像要素を、図８に示すように、互いに同一平面上に位置して見えるように所定平面としての所定画像領域上に配置し、ホームページの画像を、その立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素（例えば複数のページの画像）またはその画像要素の縮小版を含むものとしているので、複数の元の画像要素を用いて通常の画像表示装置の画面上に一度に表示し得る領域よりも大きい画像領域を持つホームページの画像を作成する場合に、その画像を例えばＰＤＦのような精細なまま拡大表示させ得るファイル形式のデータでホームページのファイルに関連づけてホームページの閲覧時に最初はその画像が縮小された状態で表示されるようにしておくことで、またその画像を例えばＪＰＥＧやＧＩＦのような拡大表示させると粗くなるファイル形式のデータでホームページのファイルに関連づけるのと併せてその画像の縮小版をそのファイルの最初のページに関連づけておくことで、閲覧者が、その縮小された状態で表示される画像や縮小版の画像の全体を画像表示装置の画面上に表示させることができ、これによりホームページの画像の全体構成をより容易に概観し得て、そのホームページの画像の全体的関連性をより効率的に把握することができる。
【００４９】
しかも、上記表示方法によれば、図８や図９に示すように、立体的に見えるようにするとともに互いに同一平面上に位置して見えるように所定平面としての所定画像領域上に配置した複数の画像要素（例えば複数のページの画像）の相互の関連を示す、関連表示図形としての矢印線Ａや連結図形Ｃを上記所定平面上に配置し、ホームページの画像を、その関連表示図形をも含むものとしているので、閲覧者が、その関連表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００５０】
また、この実施例の表示方法によれば、立体的に見えるようにした複数の画像要素（例えば複数のページの画像）を、互いに立体的に位置して見えるように所定平面としての所定画像領域上に配置し、ホームページの画像を、その立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしているので、閲覧者が、それら複数のページ間の階層構造をより容易に理解することができ、ひいてはホームページの画像の全体的関連性をより効率的に把握することができる。
【００５１】
しかも、上記表示方法によれば、図７や図９に示すように、立体的に見えるようにするとともに互いに立体的に位置して見えるように所定平面としての所定画像領域上に配置した複数の画像要素（例えば複数のページの画像）の相互の立体的位置関係を示す立体的位置関係表示図形としての枠図形Ｆをその所定平面上に配置し、ホームページの画像を、その立体的位置関係表示図形をも含むものとしているので、閲覧者が、その立体的位置関係表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００５２】
さらに、この実施例の表示方法によれば、立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると所定の立体的に見えるようにした画像要素または元の画像要素を表示させるリンク命令を設定しておいても良いので、ホームページの画像全体を概観して所望の部分を選択した後に、その所望の部分について、立体的に見えるようにした画像要素または元の平面的に見える画像要素を容易に表示させて確認することができる。
【００５３】
加えて、この実施例の表示方法によれば、立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると他の所定のホームページを表示させるリンク命令を設定しておいても良いので、ホームページの画像全体を概観してそのホームページに関連する他のホームページを選択した後に、そのホームページの画像を容易に表示させて確認することができる。
【００５４】
以上、図示例に基づき説明したが、この発明は上述の例に限定されるものでなく、例えば、関連表示図形や立体的位置関係表示図形として上記図示例以外のものを用いても良く、また複数ページの相互の配置を上記図示例以外に設定しても良く、さらにリンク命令を、同一ページ上の複数の画像部分間で画面表示する画像部分を切り換えるものとしても良い。
【００５５】
また上記実施例では複数のページを立体的に配置する複数の画像要素としているが、通常は高解像度の画像表示装置の画面上に一度に表示し得る領域に概略相当する大きさのものである一枚のページの、複数の部分を上記複数の画像要素として、相互に関連づけて配置しても良く、さらに、画像要素を立体的に見えるようにする幾何学的変形処理において、上記例の等軸測投影法以外の投影法で行うようにしても良い。
【図面の簡単な説明】
【図１】 この発明のホームページ表示方法の一実施例を示すフローチャートである。
【図２】 上記実施例のホームページ表示方法における底面部の変形過程を例示す説明図である。
【図３】 上記実施例のホームページ表示方法において底面部上に表示する文字列を例示す説明図である。
【図４】 上記実施例のホームページ表示方法における立体的に見える文字列を当初から作成する方法を例示するフローチャートである。
【図５】 上記実施例のホームページ表示方法における複数のページの配置方法を例示するフローチャートである。
【図６】 上記実施例のホームページ表示方法における複数のページの分類方法を例示する説明図である。
【図７】 上記実施例のホームページ表示方法における複数のページの立体的配置状態を例示する説明図である。
【図８】 上記実施例のホームページ表示方法における複数のページの平面的配置状態を例示する説明図である。
【図９】 上記実施例のホームページ表示方法における複数のページの配置状態の他の例を示す説明図である。
【符号の説明】
Ａ 矢印線
Ｂ 底面部
Ｃ 連結図形
Ｃ１〜Ｃ４ 文字列
Ｆ 枠図形
Ｐ ページ
【発明の属する技術分野】
この発明は、インターネットに接続したコンピュータシステムの液晶ディスプレイ装置等の画像表示装置の画面上にホームページの画像を表示させるのに用いて好適な表示方法に関するものである。
【０００２】
【従来の技術】
インターネットに接続したコンピュータシステムの液晶ディスプレイ装置等の画像表示装置の画面上にホームページの文字や画像を表示させる動作原理は、先ず、ホームページを開設する者がプログラム作成用の言語の一種であるＨＴＭＬ（Ｈｙｐｅｒ Ｔｅｘｔ Ｍａｒｋｕｐ Ｌａｎｇｕａｇｅ）を用いて、ホームページ用に準備したファイルに、ホームページの画像に用いる画像要素としての文字や図形や記号等を記述するとともに、同じくホームページの画像に用いる画像要素としての画像データを貼り付け、加えて多くの場合にその中の特定の文字列や図形、画像等についてリンク先のアドレスを組み込んでリンクを設定することで、ホームページのファイルを作成し、そのファイルを、インターネットに接続したコンピュータシステム中に置く。
【０００３】
次いで閲覧者が、上記ホームページのファイルをインターネットを介して手元のコンピュータシステムに読み込ませると、そのコンピュータシステム内の閲覧ソフトウエア（ブラウザ）が上記画像表示装置の画面上に、ホームページの画像の画像要素である文字や図形や画像等を、平面的に、すなわちそれら文字や画像等を紙面上に表してその紙面の正面から見た状態で表示させる、というものである。
【０００４】
そしてホームページの画像に上記リンクが設定されている場合には、閲覧者がそのホームページの画像中の下線の引かれた文字列やボタン化した図形等の、画像要素の全体または一部分をマウスの操作で指示することで、上記ファイル中にそれらに対して組み込まれたリンク先のアドレスのホームページのファイルを上記コンピュータシステムに次に読み込ませて、そのアドレスのホームページの画像を上記画像表示装置の画面上に表示させて閲覧することもできる。
【０００５】
ところで、通常の書物を閲覧する際には、ページを次々とめくったりタイトルのみを飛ばし読みしたりすることで、あらかじめその書物の全体的な構成を概観することができるが、リンク先を多数設定した一般のホームページや、官公庁、大学、ショッピング・モール、電子図書館等のように多数のページを設けているホームページでは、各ページ間の関連性を示す案内図が表示されている場合を除き、ホームページ全体を概観して各ページ間の関連性を把握する方法がないという不都合がある。
【０００６】
これに関し、例えば工業デザインのテクニカル・イラストレーションでは、三次元構造物である機器や装置の全体構造を立体的に見えるように平面上に描画して示すが、ホームページの画像のように元来立体要素を持たない文字や図形、記号、画像等を対象として、平面上にそれら文字等を立体的に見えるように表示するとともに立体的に位置して見えるように表示することで、大きな画像や多重的なページの全体的な構成を表示するということまでは行われていない。
【０００７】
【発明が解決しようとする課題】
これがため、従来のホームページでは、閲覧者は、リンク先を組み込まれた複数の文字列や図形等からリンク先の内容を推理し、マウスの操作により、組み込まれたリンク先の同一ホームページ内のページや他のホームページの画像を読み込ませてその画像を画面上に表示させるが、表示させたページが希望したものでないことが多いため、ページ間を幾度となく行きつ戻りつする無駄な操作が多く発生してしまうという不都合がある。
【０００８】
また、ホームページの画像の構成における上位ページと、下位ページあるいは参照ページとの関連付けが判らなくなって、迷路に入り込んでしまったようになる場合が多いという不都合もある。
【０００９】
さらに、従来のホームページでは、その画像要素として複数のページがある場合に、それを平面的に一枚ずつ表示させることが多いため、それら複数のページの全体的な関係を想念するのに困難を伴う。そしてホームページの概観を把握するために複数ページを幾つか同時に画面上に表示させておいても、その関係性を記憶しておくのは難しいという不都合がある。
【００１０】
すなわち、平面的に表示するのみの従来のホームページの表示方法では、膨大な量の情報を電子化したホームページに対して断片的な認識しかできないため、ホームページの全体的関連性を閲覧者が効率的に把握し得るようにするには、新たな表示方法が必要である。
【００１１】
【課題を解決するための手段およびその作用・効果】
この発明は、上記課題を有利に解決した表示方法を提供することを目的とするものであり、この発明のホームページ表示方法は、インターネットに接続したコンピュータシステムの画像表示装置の画面上にホームページの画像を表示させるに際し、前記ホームページの画像に用いる一もしくは複数の元の画像要素をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにし、前記ホームページの画像を、前記立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとすることを特徴とするものである。
【００１２】
かかる表示方法によれば、ホームページの画像に用いる一または複数の元の画像要素（文字、図形、記号等を含む）をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにして、その一または複数の画像要素またはその縮小版をホームページの画像に含めているので、閲覧者は、画像表示装置の画面上で、その立体的に見える画像要素またはその縮小版を全体的または部分的に表示させて見ることで、ホームページの画像の全体構成を容易に概観し得て、そのホームページの画像の全体的関連性を効率的に把握することができる。
【００１３】
さらに、この発明のホームページ表示方法は、前記元の画像要素の一もしくは複数の部分をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に他の部分とは逆方向に幾何学的に変形させて他の部分から起き上がって見えるようにし、前記ホームページの画像を、前記起き上がって見えるようにした部分を有する前記立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとしたことを特徴とするものである。このようにすることで、リンクを設定する部分等の、元の画像要素のうちで特に閲覧者の注意を引きたい部分を、起き上がって見えるようにして目立たせることができるので、閲覧者に、リンクが設定された部分等を容易に発見させることができる。
【００１４】
なお、この発明の表示方法においては、前記元の画像要素を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにするに際し、等軸測投影法を用いることとしても良く、このようにすれば、例えばジェイエーエスシー・ソフトウエア社の「ペイントショップ・プロ」等の市販されている画像処理ソフトウエアを用いて容易に実施し得る等軸測投影法（等角投影法ともいう）を用いるので、元の画像要素を容易に、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにすることができる。ここで、文字や記号を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにする際、ジャストシステム社の市販ソフトウエア「花子１０」を用いれば、その文字や記号を拡大表示しても輪郭がギザギザにならないように精度を上げて描画することができる。
【００１５】
さらに、この発明の表示方法においては、複数の前記立体的に見えるようにした画像要素を、互いに同一平面上に位置して見えるように所定平面上に配置し、前記ホームページの画像を、前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしても良く、このようにすれば、複数の元の画像要素を用いて通常の画像表示装置の画面上に一度に表示し得る領域よりも大きい領域を持つホームページの画像を作成する場合に、その画像を例えばＰＤＦのような精細なまま拡大表示させ得るファイル形式のデータでホームページのファイルに関連づけてホームページの閲覧時に最初はその画像が縮小された状態で表示されるようにしておくことで、また、その画像を例えばＪＰＥＧやＧＩＦのような拡大表示させると粗くなるファイル形式のデータでホームページのファイルに関連づけるのと併せてその画像の縮小版をそのファイルの最初のページに関連づけておくことで、閲覧者が、その縮小された状態で表示される画像や縮小版の画像の全体を画像表示装置の画面上に表示させることができ、これによりホームページの画像の全体構成をより容易に概観し得て、そのホームページの画像の全体的関連性をより効率的に把握することができる。
【００１６】
ここで、上記表示方法においては、前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素の相互の関連を示す関連表示図形を前記所定平面上に配置し、前記ホームページの画像を、前記関連表示図形をも含むものとしても良く、このようにすれば、ホームページの画像に、複数の画像要素の相互の関連を示す、例えば矢印や連結線等の関連表示図形が含まれるので、閲覧者が、その関連表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００１７】
また、この発明の表示方法においては、複数の前記立体的に見えるようにした画像要素を、互いに立体的に位置して見えるように所定平面上に配置し、前記ホームページの画像を、前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしても良く、このようにすれば、ホームページの画像として、例えば複数のページを構成する複数の画像要素を、それぞれ立体的に見えるようにするとともに互いに立体的に位置して見えるように配置して表示することができるので、閲覧者が、それら複数のページ間の階層構造をより容易に理解することができ、ひいてはホームページの画像の全体的関連性をより効率的に把握することができる。
【００１８】
ここで、上記表示方法においては、前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素の相互の立体的位置関係を示す立体的位置関係表示図形を前記所定平面上に配置し、前記ホームページの画像を、前記立体的位置関係表示図形をも含むものとしても良く、このようにすれば、ホームページの画像に、複数の画像要素の相互の立体的位置関係を示す例えば箱形図形や連結パイプ等の立体的位置関係表示が含まれるので、閲覧者が、その立体的位置関係表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００１９】
さらに、この発明の表示方法においては、前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると所定の前記立体的に見えるようにした画像要素または前記ホームページの画像に含めた所定の前記元の画像要素を表示させるリンク命令を設定しておいても良く、このようにすれば、ホームページの画像全体を概観して所望の部分を選択した後に、その所望の部分について、立体的に見えるようにした画像要素または元の平面的に見える画像要素を容易に表示させて確認することができる。
【００２０】
また、この発明の表示方法においては、前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると他の所定のホームページを表示させるリンク命令を設定しておいても良く、このようにすれば、ホームページの画像全体を概観してそのホームページに関連する他のホームページを選択した後に、そのホームページの画像を容易に表示させて確認することができる。
【００２１】
【発明の実施の形態】
以下に、この発明の実施の形態を実施例によって、図面に基づき詳細に説明する。ここに、図１は、この発明のホームページ表示方法の一実施例を示すフローチャートであり、この実施例の方法では、例えばマイクロソフト社の市販ソフトウエアである「ウィンドウズ９５オペレーティングシステム」または「ウィンドウズ９８オペレーティングシステム」等がインストールされた通常のパーソナルコンピュータシステムを用いて、先ず既存のホームページの画像を等軸測投影法（等角投影法ともいう）により変形させて、立体的に見える画像に改造する。
【００２２】
この実施例の表示方法では、先ずステップ１で、作成済みのホームページの一つのページの画像を上記コンピュータシステムの画像表示装置の画面上に、例えばマイクロソフト社の市販ソフトウエアである「インターネット・エクスプローラ」等のブラウザ・ソフトウエアで表示させ、次いでステップ２で、そのコンピュータシステムに、例えばＩＢＭ社のＤＯＳ／Ｖオペレーティングシステムが作動するコンピュータシステムの場合は「ＰｒｔＳｃ」キーを含むそのシステム固有の設定のキー操作で、上記表示させた画像全体を元の画像要素としてハードコピーさせる命令を入力する。この操作により、続くステップ３で、上記ホームページの画像は、イメージデータ形式に変換されて、例えば上記コンピュータの上記オペレーティングシステムの付属ソフトウエアである「クリップボード」に保存され、以後、描画ソフトウエアで自由に変形させることが可能になる。
【００２３】
次のステップ４では、上記コンピュータシステムで、例えばジェイエーエスシー・ソフトウエア社の「ペイントショップ・プロ」等の市販画像処理ソフトウエアを起動し、上記ハードコピーしたホームページの画像である元の画像をそこに読み込ませて画面上に表示させる。この段階では画像は未だ、図２（ａ）に示すように、通常の、紙面に相当する底面部Ｂ上にその画像を表示してそれを正面視した状態となっている。続くステップ５では、ホームページの作成者が、上記紙面に相当する底面部Ｂを、図２（ｃ）に示すように斜め方向から見た水平面に見えるように描画するか、図２（ｅ）に示すように斜め方向から見た垂直面に見えるように描画するかを選択する。
【００２４】
そしてステップ５で水平面に見える描画を選択した場合は、ホームページの作成者が、ステップ６で、上記画像処理ソフトウエアに例えば「イメージ」、「変形」、「ゆがみ」、「３０％」というコマンドを順次に指示して実行させ、図２（ｂ）に示すように、長方形の輪郭を持つ底面部Ｂ上の元の画像をその底面部Ｂとともに全体的に右方向へ歪ませて、対角１２０度および６０度を持つ平行四辺形の輪郭の底面部Ｂ上の画像に変形させ、続くステップ７で、上記画像処理ソフトウエアに例えば「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させ、上記変形後の底面部Ｂおよびその上の画像を左方向（反時計方向）に３３０度回転させる。これにより、続くステップ８で、上記変形後の底面部Ｂは、図２（ｃ）に示すように、斜め方向から見た水平面に見えるようになり、その底面部Ｂ上の画像は、斜め方向から見た水平面上に乗った水平状態に見えるようになる。
【００２５】
また、ステップ５で垂直面に見える描画を選択した場合は、ホームページの作成者が、ステップ９で、上記画像処理ソフトウエアに例えば「イメージ」、「変形」、「ゆがみ」、「−３０％」というコマンドを順次に指示して実行させ、図２（ｄ）に示すように、長方形の輪郭を持つ底面部Ｂ上の元の画像をその底面部Ｂとともに全体的に左方向へ歪ませて、対角１２０度および６０度を持つ平行四辺形の輪郭の底面部Ｂ上の画像に変形させ、続くステップ１０で、上記画像処理ソフトウエアに例えば「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させ、上記変形後の底面部Ｂおよびその上の画像を左方向に３３０度回転させる。これにより、続くステップ１１で、上記変形後の底面部Ｂは、図２（ｅ）に示すように、斜め方向から見た垂直面に見えるようになり、その底面部Ｂ上の画像は、斜め方向から見た垂直面上に乗った垂直状態に見えるようになる。
【００２６】
上記の如くして変形させた画像を描画させた後は、ホームページの作成者が、ステップ１２で、上記変形によって作成した疑似立体画像をイメージデータとして上記クリップボードに表示させて、名前を付けて保存させ、次いでステップ１３で、元とするホームページの画像の全てのページについてゆがみと回転を繰り返したかを判断し、ゆがみと回転を行っていないページが残っていれば、ステップ１に戻って次のページの画像を表示させ、上記の処理を繰り返す。一方、全てのページについてゆがみと回転を繰り返していれば処理を終了する。
【００２７】
上記の如くして作成した複数の疑似立体画像を、例えばホームページの一つのページの画像として使用する際には、上記画像処理ソフトウエアにて、例えば概ね幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの画像領域を設定し、次いで上記クリップボードに表示させた上記疑似立体画像を「コピー」の指示によって一旦記録した後、上記画像処理ソフトウエアに例えば「編集」、「貼り付け」、「新しいレイヤー」というコマンドを順次に指示して実行させて上記レイヤー上に貼り付ける。この時、そのレイヤーの背景に斜眼紙画像を表示させておき、その斜眼紙画像を基準として、上記複数の疑似立体画像を、後述の如くして、相互に同一平面上に位置して見えるように配置したり、相互に立体的に位置して見えるように配置したりした後、そのレイヤー上の複数の画像のみをホームページの画像とすれば、それら複数の疑似立体画像の相互の関連や階層構造における相互の位置づけを容易に把握し得る画像を作成することができる。
【００２８】
また、この実施例の方法では、上記変形させた底面部上の画像に対して、その画像内の特定の文字列や図形、記号、画像部分等を起き上がらせて立体的に表示させており、この処理は、先ず、上記画像処理ソフトウエアにて、その変形させた底面部上の画像の元とした正面視の画像から、起き上がらせる文字列や図形、記号、画像部分等を領域指定して切り取り、次いで、例えば底面部Ｂ上の画像が図２（ｃ）に示す如く水平状態に見えるものの場合は「イメージ」、「変形」、「ゆがみ」、「−３０％」というコマンドを順次に指示して実行させるというようにして、その切り取った文字列や図形、記号、画像部分等を上記の底面部を歪ませる処理の逆方向に同程度歪ませて、元の輪郭が長方形であれば平行四辺形に変形させ、次いで、底面部上の画像と同様に「イメージ」、「回転」、「左」、「指定」、「３３０」というコマンドを順次に指示して実行させて、その文字列や図形、記号、画像部分等を左方向に３３０度回転させ、その変形および回転させた画像を上記「クリップボード」に表示させて名前を付けて保存させる。
【００２９】
かかる処理を繰り返して蓄積した、起き上がらせる文字列や図形、記号、画像部分等は、上記画像処理ソフトウエアにて、先ず背景色を透過色とし、次いで上記底面部Ｂ上の画像を表示させて、その画像中の、上記起き上がらせる文字列等と同一の文字列等の位置に底辺を合わせて重ねて配置し、さらに、白あるいは黒等の背景色を用いて影を付けることで立体感を強める。これにより、例えば図３（ａ）に示すように、底面部Ｂ上の文字列Ｃ１が斜め方向から見た水平面上に乗った水平状態に見えるものの場合は、実際はその底面部Ｂ上の文字列Ｃ１およびそこに重ねた起き上がらせる文字列Ｃ２の下辺は画像の垂直線に対して右に１２０度傾斜する一方、その起き上がらせる文字列Ｃ２の左右両辺は画像の垂直線に対して平行になるので、その文字列Ｃ２は擬似的立体感を持って底面部Ｂ上の画像から起き上がって見えるものとなる。また図３（ｂ）に示すように、底面部Ｂ上の文字列Ｃ３が斜め方向から見た垂直面上に乗った垂直状態に見えるものの場合も同様にして、起き上がらせる文字列Ｃ４は擬似的立体感を持って底面部Ｂ上の画像から起き上がって見えるものとなる。
【００３０】
図４は、水平状態に見える文字列や垂直状態に見える文字列、そしてそれらから起き上がって見える文字列を、既存のホームページから流用するのでなく当初から作成する方法を示すフローチャートであり、この方法は、例えばジャストシステム社の画像処理ソフトウエアである「花子」を用いることで実施することができ、ここでは先ず、ホームページの作成者が、文字列を入力するとともに、ステップ２１で、文字列を描画する底面部が、図３（ａ）の底面部Ｂの如き水平面に見えるものか、図３（ｂ）の底面部Ｂの如き垂直面に見えるものかを選択し、水平面に見える底面部を選択した場合は、次にステップ２２で、処理する文字列の属性を、図３（ａ）の文字列Ｃ２の如き起き上がって見える見出し部文字列とするか、図３（ａ）の文字列Ｃ１の如き底面部上に位置して見える本文文字列とするかを選択する。
【００３１】
そして見出し部文字列を選択した場合には、ステップ２３で、文字列を構成する文字の属性を−３０度の斜体とする操作を行い、続くステップ２４で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ２５で、上記コンピュータシステムが、先に入力された文字列を−３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ２５に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して平行となった、起き上がって見える文字列の画像を描画する。
【００３２】
また本文文字列を選択した場合には、ステップ２６で、文字列を構成する文字の属性を３０度の斜体とする操作を行い、続くステップ２７で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ２８で、上記コンピュータシステムが、先に入力された文字列を３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ２８に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して右まわりに６０度傾いた、底面部上に位置して見える文字列の画像を描画する。
【００３３】
一方ステップ２１で垂直面に見える底面部を選択した場合は、次にステップ２９で、処理する文字列の属性を、図３（ｂ）の文字列Ｃ４の如き起き上がって見える見出し部文字列とするか、図３（ｂ）の文字列Ｃ３の如き底面部上に位置して見える本文文字列とするかを選択する。そして見出し部文字列を選択した場合には、ステップ３０で、文字列を構成する文字の属性を３０度の斜体とする操作を行い、続くステップ３１で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ３２で、上記コンピュータシステムが、先に入力された文字列を３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ３２に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して右まわりに６０度傾いた、起き上がって見える文字列の画像を描画する。
【００３４】
また本文文字列を選択した場合には、ステップ３３で、文字列を構成する文字の属性を−３０度の斜体とする操作を行い、続くステップ３４で、その文字列の枠を左方向に３３０度回転させる操作を行う。これにより次のステップ３５で、上記コンピュータシステムが、先に入力された文字列を−３０度の斜体とするとともに左方向に３３０度回転させて、そのステップ３５に示す如き、底辺が垂直線に対して右回りに１２０度傾くとともに左右両辺が垂直線に対して平行となった、底面部上に位置して見える文字列の画像を描画する。
【００３５】
なお、上記各文字列画像を作成する際、好ましくは、あらかじめ上記「花子」の描画画面上に斜眼紙（±３０度）の補助線を描いておき、その描画画面上で、対角が１２０度および６０度の平行四辺形を描いてそれを右方向（時計方向）に３０度回転させることで底面部の領域を描画し、その底面部に色を着けておくことでページの群分けを容易にする。また、文字サイズを最小の３ポイントに設定して、より多くの文字列を含むページを作成し得るようにする。これにより、用紙サイズＡ３横領域に２５枚程度のページを描画することができる。
【００３６】
そして上記底面部の領域をホームページの一枚分のページに見立てて、マイクロソフト社の市販ソフトウエアである「マイクロソフト・ワード９８」等の文字入力ソフトウエアで入力した電子文書中の所要の文字列を選択して、「コピー」操作することでその底面部の領域の所望の位置に貼り付け、その文字列を選択した後、「文字枠スタイル」、「枠回転角」、「３３０」と順次に指示を入力することで、文字列が左方向に３３０度回転する。次いで、「文字」コマンドを選択し、「文字属性」、「飾り」中の「斜体にする」、「−３０度」と順次に指示を入力し、Ｏ．Ｋとすることで、左に３０度変形するとともに右下がりに３０度傾斜した上記ステップ２５の、斜め方向から見た水平状態の底面部に対して起き上がって見える文字列の画像が描画される。また、文字属性の斜体の傾斜角度の入力時に「−３０度」の代わりに「３０度」と入力することで、上記ステップ２８の、斜め方向から見た垂直状態の底面部上に位置して見える文字列の画像が描画される。
【００３７】
さらにこの実施例の表示方法では、先に設定した幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの大きな画像領域に、上記複数の底面部を配置するに際し、図５のフローチャートに示すように、先ずステップ４１で、作成するホームページの表示対象の業態区分を判断して、業態区分が官公庁広報や企業組織広報の如き組織広報系の場合には、ステップ４２へ進み、図６（ａ）に示すように、複数のページを上下関係（階層関係）に分類して、図７に示すように、次のステップ４３で、トップページの下方に逐次、部門見出しページを配置し、次のステップ４４で、部門詳細ページをそれぞれの部門見出しページと同一の階層に配置し、次のステップ４５で、最終ページを右下端に配置した後、その画像ファイルを保存する。ここで、ページの立体的配置のみでは複数ページの相互の立体的構造表現が充分でない等の場合には、図７に示すように、立体的位置関係表示図形として、例えば水平線に対して３０度をなす直線と９０度をなす直線とを組み合わせて直方体や立方体に見える枠図形Ｆを描画し、その枠図形Ｆの面上に乗って見えるようにページを配置すれば、ページ群を立体的にまとめることができる。
【００３８】
また業態区分がショッピングやイベント系の場合には、ステップ４６へ進み、図６（ｂ）に示すように、複数のページを同一平面上で前後左右の位置に分類して、図８に示すように、次のステップ４７で、トップ頁や商品群頁を前後左右に配置し、次のステップ４８で、さらにオークションやショッピング頁を前後方向に配置し、次のステップ４９で、最終頁を右下端に配置した後、その画像ファイルを保存する。ここで、ページの前後左右の配置のみでは複数ページの相互の関連性表現が充分でない等の場合には、関連表示図形として、図７および図８に示すように、矢印線Ａを描画し、その矢印線Ａでページ間を繋ぐようにすれば、ページ群の相互の関連性を明確にすることができる。
【００３９】
図９は、立方体状および楔状の枠図形Ｆと、矢印線Ａとに加えて、関連表示図形として角筒状およず円筒状の連結図形Ｃを用いて、立体的配置の複数のページＰの相互の関連性および立体的位置関係を表したものである。
【００４０】
上記の如くして先に設定した幅３０００ピクセル×高さ３０００ピクセルで解像度７２ピクセル／インチの大きな画像領域に配置した複数の底面部および、その底面部に配置した起き上がらせる文字列や図形、記号、画像部分等の画像は、例えばアドビ社の市販画像処理ソフトウエアである「アクロバット４．０」にてＰＤＦファイルとして保存するか、あるいは上記「ペイントショップ・プロ」等にてＰＮＧファイルとして保存することが望ましい。ＰＤＦ形式のファイルは、インターネットでダウンロード可能なアドビ社の無料配布ソフトウエア「アクロバット・リーダー」を用いることで画面表示させることができ、そのファイルは画像全体で１００％倍率で閲覧し得るとともに３ポイントの大きさの斜体の文字を８００％の倍率で充分読むことができ、しかも斜線が拡大されても粗くなってギザギザな線になることもない。またＰＮＧ形式のファイルは、大きな画像領域についてホームページ作成ソフトウエアによりＨＴＭＬ形式ファイルで関連性を記述するのに適している。
【００４１】
なお、上記画像全体の縮小版を作成するか、あるいは立体的に見えるようにした上記各ページの縮小版を作成して平面的あるいは立体的に組み合わせるとともにそこに上記関連表示図形や立体的位置関係表示図形を加えるかすることで、比較的小さな画像領域で納まるホームページ画像を作成し、その中の各ページに後述の如くして、元の大きさの平面視あるいは上記立体的に見える同ページへのリンクを設定した上で、例えば上記「ペイントショップ・プロ」を用いてＪＰＥＧファイルやＧＩＦファイルのような通常のファイル形式で保存しても良い。
【００４２】
そして、上記各ファイル形式で保存したホームページの画像には、一つのページ全体の他、その中の任意の画像部分や文字列についても、クリックして指示することで同一ホームページ内の他のページや他のホームページを表示させるリンクを設定することができ、例えばＪＰＥＧファイルやＧＩＦファイルやＰＮＧファイルの場合には、ＩＢＭ社の市販のソフトウエアである「ホームページビルダー２０００」を用いることで上記リンクを設定でき、そのリンク設定後の画像ファイルの他、リンクを設定していない画像ファイルについても、上記「ホームページビルダー２０００」を用いれば、先に記したブラウザ・ソフトウエアでその画像ファイルの文字や画像等を表示させ得るＨＴＭＬ形式のファイルを新たに生成することができる。
【００４３】
またＰＤＦファイルの場合には、上記「アクロバット４．０」を用いることで上記リンクを設定することができ、そのリンク設定後のＰＤＦファイルや、リンクを設定していないＰＤＦファイルにつき、別途作成したＨＴＭＬ形式のファイルに関連を記述しておけば、それらのＰＤＦファイルの画像を上記ブラウザ・ソフトウエアで表示させることができる。
【００４４】
このようにして作成したＨＴＭＬ形式のファイルおよびそこに関連づけた画像ファイルあるいはＰＤＦファイルを、インターネットに接続したホストコンピュータにアップロードしておけば、閲覧者がインターネットを介しコンピュータシステムにダウロードして、上記ブラウザで画像表示装置の画面上に表示させることで、図７〜図９に示す如き疑似立体表現のホームページの画像をその画面上に表示されることができる。なお、ホームページの主な画像をＰＤＦファイルとしてＨＴＭＬファイルで関連づけておく場合には、そのＨＴＭＬファイルで最初に案内画面を表示させるようにしてそこに上記「アクロバットリーダー」のダウロードサイトへのリンクボタンを設けておけば良く、このようにすれば、閲覧者が「アクロバットリーダー」を持っていない場合でもそれを容易に入手し得て、ホームページの全体画像を容易に拡大・縮小して見ることができる。
【００４５】
かくしてこの実施例のホームページ表示方法によれば、ホームページの画像に用いる一または複数の元の画像要素（文字、図形、記号等を含む）をそれぞれ、図３（ａ），（ｂ）に示すように、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにして、その一または複数の画像要素またはその縮小版をホームページの画像に含めているので、閲覧者は、画像表示装置の画面上で、その立体的に見える画像要素またはその縮小版を全体的または部分的に表示させて見ることができ、これにより、ホームページの画像の全体構成を容易に概観し得て、そのホームページの画像の全体的関連性を効率的に把握することができる。
【００４６】
またこの実施例のホームページ表示方法によれば、図３（ａ），（ｂ）中の文字列Ｃ２，Ｃ４のように、元の画像要素の一もしくは複数の部分である文字列や画像部分等をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に他の部分とは逆方向に幾何学的に変形させて、他の部分から起き上がって見えるようにし、ホームページの画像を、その起き上がって見えるようにした部分を有する、立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとしているので、リンクを設定する部分等の、元の画像要素のうちで特に閲覧者の注意を引きたい部分を、起き上がって見えるようにして目立たせることができ、これにより、閲覧者に、リンクが設定された部分等を容易に発見させることができる。
【００４７】
さらに、この実施例のホームページ表示方法によれば、元の画像要素を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにするに際し、市販されている画像処理ソフトウエアを用いて容易に実施し得る等軸測投影法（等角投影法ともいう）を用いるので、元の画像要素を容易に、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにすることができる。そして、文字や記号を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにする際に、上記「花子１０」を用いても良いので、その文字や記号を拡大表示しても輪郭がギザギザにならないように精度を上げて描画することができる。
【００４８】
さらに、この実施例の表示方法によれば、立体的に見えるようにした複数の画像要素を、図８に示すように、互いに同一平面上に位置して見えるように所定平面としての所定画像領域上に配置し、ホームページの画像を、その立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素（例えば複数のページの画像）またはその画像要素の縮小版を含むものとしているので、複数の元の画像要素を用いて通常の画像表示装置の画面上に一度に表示し得る領域よりも大きい画像領域を持つホームページの画像を作成する場合に、その画像を例えばＰＤＦのような精細なまま拡大表示させ得るファイル形式のデータでホームページのファイルに関連づけてホームページの閲覧時に最初はその画像が縮小された状態で表示されるようにしておくことで、またその画像を例えばＪＰＥＧやＧＩＦのような拡大表示させると粗くなるファイル形式のデータでホームページのファイルに関連づけるのと併せてその画像の縮小版をそのファイルの最初のページに関連づけておくことで、閲覧者が、その縮小された状態で表示される画像や縮小版の画像の全体を画像表示装置の画面上に表示させることができ、これによりホームページの画像の全体構成をより容易に概観し得て、そのホームページの画像の全体的関連性をより効率的に把握することができる。
【００４９】
しかも、上記表示方法によれば、図８や図９に示すように、立体的に見えるようにするとともに互いに同一平面上に位置して見えるように所定平面としての所定画像領域上に配置した複数の画像要素（例えば複数のページの画像）の相互の関連を示す、関連表示図形としての矢印線Ａや連結図形Ｃを上記所定平面上に配置し、ホームページの画像を、その関連表示図形をも含むものとしているので、閲覧者が、その関連表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００５０】
また、この実施例の表示方法によれば、立体的に見えるようにした複数の画像要素（例えば複数のページの画像）を、互いに立体的に位置して見えるように所定平面としての所定画像領域上に配置し、ホームページの画像を、その立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとしているので、閲覧者が、それら複数のページ間の階層構造をより容易に理解することができ、ひいてはホームページの画像の全体的関連性をより効率的に把握することができる。
【００５１】
しかも、上記表示方法によれば、図７や図９に示すように、立体的に見えるようにするとともに互いに立体的に位置して見えるように所定平面としての所定画像領域上に配置した複数の画像要素（例えば複数のページの画像）の相互の立体的位置関係を示す立体的位置関係表示図形としての枠図形Ｆをその所定平面上に配置し、ホームページの画像を、その立体的位置関係表示図形をも含むものとしているので、閲覧者が、その立体的位置関係表示図形を手がかりにして所望の画像要素の所望の部分に到達するように、画像表示装置の画面上の表示範囲をずらしていったり、表示させるページを変更したりすることで、所望の部分を容易に表示させて確認することができる。
【００５２】
さらに、この実施例の表示方法によれば、立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると所定の立体的に見えるようにした画像要素または元の画像要素を表示させるリンク命令を設定しておいても良いので、ホームページの画像全体を概観して所望の部分を選択した後に、その所望の部分について、立体的に見えるようにした画像要素または元の平面的に見える画像要素を容易に表示させて確認することができる。
【００５３】
加えて、この実施例の表示方法によれば、立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると他の所定のホームページを表示させるリンク命令を設定しておいても良いので、ホームページの画像全体を概観してそのホームページに関連する他のホームページを選択した後に、そのホームページの画像を容易に表示させて確認することができる。
【００５４】
以上、図示例に基づき説明したが、この発明は上述の例に限定されるものでなく、例えば、関連表示図形や立体的位置関係表示図形として上記図示例以外のものを用いても良く、また複数ページの相互の配置を上記図示例以外に設定しても良く、さらにリンク命令を、同一ページ上の複数の画像部分間で画面表示する画像部分を切り換えるものとしても良い。
【００５５】
また上記実施例では複数のページを立体的に配置する複数の画像要素としているが、通常は高解像度の画像表示装置の画面上に一度に表示し得る領域に概略相当する大きさのものである一枚のページの、複数の部分を上記複数の画像要素として、相互に関連づけて配置しても良く、さらに、画像要素を立体的に見えるようにする幾何学的変形処理において、上記例の等軸測投影法以外の投影法で行うようにしても良い。
【図面の簡単な説明】
【図１】 この発明のホームページ表示方法の一実施例を示すフローチャートである。
【図２】 上記実施例のホームページ表示方法における底面部の変形過程を例示す説明図である。
【図３】 上記実施例のホームページ表示方法において底面部上に表示する文字列を例示す説明図である。
【図４】 上記実施例のホームページ表示方法における立体的に見える文字列を当初から作成する方法を例示するフローチャートである。
【図５】 上記実施例のホームページ表示方法における複数のページの配置方法を例示するフローチャートである。
【図６】 上記実施例のホームページ表示方法における複数のページの分類方法を例示する説明図である。
【図７】 上記実施例のホームページ表示方法における複数のページの立体的配置状態を例示する説明図である。
【図８】 上記実施例のホームページ表示方法における複数のページの平面的配置状態を例示する説明図である。
【図９】 上記実施例のホームページ表示方法における複数のページの配置状態の他の例を示す説明図である。
【符号の説明】
Ａ 矢印線
Ｂ 底面部
Ｃ 連結図形
Ｃ１〜Ｃ４ 文字列
Ｆ 枠図形
Ｐ ページ
Claims (8)
- インターネットに接続したコンピュータシステムの画像表示装置の画面上にホームページの画像を表示させるに際し、
前記ホームページの画像に用いる一もしくは複数の元の画像要素をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにし、
前記元の画像要素の一もしくは複数の部分をそれぞれ、紙面上に表して空間内で斜め方向から見た状態に他の部分とは逆方向に幾何学的に変形させて他の部分から起き上がって見えるようにし、
前記ホームページの画像を、前記起き上がって見えるようにした部分を有する前記立体的に見えるようにした一もしくは複数の画像要素またはその画像要素の縮小版を含むものとすることを特徴とする、ホームページ表示方法。 - 前記元の画像要素を、紙面上に表して空間内で斜め方向から見た状態に幾何学的に変形させて立体的に見えるようにするに際し、
等軸測投影法を用いることを特徴とする、請求項１記載のホームページ表示方法。 - 複数の前記立体的に見えるようにした画像要素を、互いに同一平面上に位置して見えるように所定平面上に配置し、
前記ホームページの画像を、前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとすることを特徴とする、請求項１または２記載のホームページ表示方法。 - 前記立体的に見えるようにするとともに互いに同一平面上に位置して見えるように配置した複数の画像要素の相互の関連を示す関連表示図形を前記所定平面上に配置し、
前記ホームページの画像を、前記関連表示図形をも含むものとすることを特徴とする、請求項３記載のホームページ表示方法。 - 複数の前記立体的に見えるようにした画像要素を、互いに立体的に位置して見えるように所定平面上に配置し、
前記ホームページの画像を、前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素またはその画像要素の縮小版を含むものとすることを特徴とする、請求項１から４までの何れか記載のホームページ表示方法。 - 前記立体的に見えるようにするとともに互いに立体的に位置して見えるように配置した複数の画像要素の相互の立体的位置関係を示す立体的位置関係表示図形を前記所定平面上に配置し、
前記ホームページの画像を、前記立体的位置関係表示図形をも含むものとすることを特徴とする、請求項５記載のホームページ表示方法。 - 前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると所定の前記立体的に見えるようにした画像要素または前記ホームページの画像に含めた所定の前記元の画像要素を表示させるリンク命令を設定しておくことを特徴とする、請求項１から６までの何れか記載のホームページ表示方法。
- 前記立体的に見えるようにした画像要素またはその画像要素の縮小版について、その画像要素または縮小版の全体または一部分を指示すると他の所定のホームページを表示させるリンク命令を設定しておくことを特徴とする、請求項１から７までの何れか記載のホームページ表示方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2000154585A JP3737676B2 (ja) | 2000-05-25 | 2000-05-25 | ホームページ表示方法 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2000154585A JP3737676B2 (ja) | 2000-05-25 | 2000-05-25 | ホームページ表示方法 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2001337762A JP2001337762A (ja) | 2001-12-07 |
| JP3737676B2 true JP3737676B2 (ja) | 2006-01-18 |
Family
ID=18659658
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2000154585A Expired - Fee Related JP3737676B2 (ja) | 2000-05-25 | 2000-05-25 | ホームページ表示方法 |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP3737676B2 (ja) |
Families Citing this family (14)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7606819B2 (en) | 2001-10-15 | 2009-10-20 | Maya-Systems Inc. | Multi-dimensional locating system and method |
| US20080058106A1 (en) | 2002-10-07 | 2008-03-06 | Maya-Systems Inc. | Multi-dimensional locating game system and method |
| CA2601154C (en) | 2007-07-07 | 2016-09-13 | Mathieu Audet | Method and system for distinguising elements of information along a plurality of axes on a basis of a commonality |
| US8601392B2 (en) | 2007-08-22 | 2013-12-03 | 9224-5489 Quebec Inc. | Timeline for presenting information |
| CA2657835C (en) | 2008-03-07 | 2017-09-19 | Mathieu Audet | Documents discrimination system and method thereof |
| US8607155B2 (en) | 2008-09-12 | 2013-12-10 | 9224-5489 Quebec Inc. | Method of managing groups of arrays of documents |
| JP4926207B2 (ja) * | 2009-05-21 | 2012-05-09 | ヤフー株式会社 | 三次元表示への遷移を明示する表示切替装置及び方法 |
| US9189129B2 (en) | 2011-02-01 | 2015-11-17 | 9224-5489 Quebec Inc. | Non-homogeneous objects magnification and reduction |
| CA2790799C (en) | 2011-09-25 | 2023-03-21 | Mathieu Audet | Method and apparatus of navigating information element axes |
| JP5467123B2 (ja) | 2012-05-30 | 2014-04-09 | 株式会社ソニー・コンピュータエンタテインメント | 情報処理装置および情報処理方法 |
| US9519693B2 (en) | 2012-06-11 | 2016-12-13 | 9224-5489 Quebec Inc. | Method and apparatus for displaying data element axes |
| US9646080B2 (en) | 2012-06-12 | 2017-05-09 | 9224-5489 Quebec Inc. | Multi-functions axis-based interface |
| CA3007166C (en) | 2017-06-05 | 2024-04-30 | 9224-5489 Quebec Inc. | Method and apparatus of aligning information element axes |
| WO2023067746A1 (ja) | 2021-10-21 | 2023-04-27 | データ・サイエンティスト株式会社 | 体感距離情報生成プログラム、体感距離情報生成方法および体感距離情報生成装置 |
Family Cites Families (8)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPS62154067A (ja) * | 1985-12-27 | 1987-07-09 | Hitachi Ltd | ウインドウ変形表示装置 |
| JPH03240096A (ja) * | 1990-02-19 | 1991-10-25 | Hitachi Ltd | 立て掛けウインドウ表示方式 |
| JP3257633B2 (ja) * | 1991-11-30 | 2002-02-18 | ソニー株式会社 | 表示方法 |
| JPH06186948A (ja) * | 1992-12-22 | 1994-07-08 | Matsushita Electric Ind Co Ltd | 画像表示方法 |
| JP3374294B2 (ja) * | 1993-09-20 | 2003-02-04 | 富士通株式会社 | 階層表示装置 |
| JPH09134305A (ja) * | 1995-11-13 | 1997-05-20 | Toshiba Corp | ハイパーメディア文書構成一覧表示方法 |
| JP3504467B2 (ja) * | 1997-08-12 | 2004-03-08 | 松下電器産業株式会社 | マルチウィンドウ表示装置 |
| JP2000099232A (ja) * | 1998-09-17 | 2000-04-07 | Nippon Telegr & Teleph Corp <Ntt> | Ｗｅｂページ多重同時表示閲覧方法および装置とＷｅｂページ多重同時表示閲覧プログラムを記録した記録媒体 |
-
2000
- 2000-05-25 JP JP2000154585A patent/JP3737676B2/ja not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2001337762A (ja) | 2001-12-07 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP3737676B2 (ja) | ホームページ表示方法 | |
| US7992103B2 (en) | Scaling icons for representing files | |
| US6577330B1 (en) | Window display device with a three-dimensional orientation of windows | |
| US8203745B2 (en) | Automated image sizing and placement | |
| US5943679A (en) | Multi-page document viewer having a focus image and recursively nested images of varying resolutions less than the resolution of the focus image | |
| US9020790B2 (en) | System and method for custom product design | |
| US7240294B2 (en) | Method of constructing a composite image | |
| US6694487B1 (en) | Multi-column page preview using a resizing grid | |
| JP5307761B2 (ja) | 電子画像のリアルタイムパーソナライゼーション方法及びシステム | |
| US20010029465A1 (en) | System and method for processing and displaying product information on a computer | |
| US20070024908A1 (en) | Automated image framing | |
| US20050240878A1 (en) | System and method for scaling icons | |
| US20050122543A1 (en) | System and method for custom color design | |
| Holmquist | The Zoom Browser: Showing Simultaneous Detail and Overview in Large Documents | |
| JP5629509B2 (ja) | 情報処理装置、情報閲覧装置、情報処理方法、およびプログラム | |
| JP3879369B2 (ja) | ページを再編集するプロキシサーバ、方法及びプログラムを記録した記録媒体 | |
| WO2002037939A9 (en) | Method of constructing a composite image within an image space of a webpage | |
| US7865818B2 (en) | Form output control apparatus, form output control method, and computer readable program | |
| JP2010049158A (ja) | 画像処理装置 | |
| JPH10340335A (ja) | 表示画像連接方法 | |
| JP2002175135A (ja) | ホームページの画像表示方法および画像領域指定方法 | |
| JP5539070B2 (ja) | 情報処理装置、情報処理方法、およびプログラム | |
| JP2009116543A (ja) | 情報処理装置およびプログラム | |
| Janssen | Document icons and page thumbnails: Issues in construction of document thumbnails for page-image digital libraries | |
| Aspin | Enhancing Dashboards |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20050207 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20050215 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20050415 |
|
| TRDD | Decision of grant or rejection written | ||
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20051004 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20051027 |
|
| R150 | Certificate of patent or registration of utility model |
Free format text: JAPANESE INTERMEDIATE CODE: R150 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20091104 Year of fee payment: 4 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20091104 Year of fee payment: 4 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20101104 Year of fee payment: 5 |
|
| FPAY | Renewal fee payment (event date is renewal date of database) |
Free format text: PAYMENT UNTIL: 20111104 Year of fee payment: 6 |
|
| LAPS | Cancellation because of no payment of annual fees |