(57)【特許請求の範囲】
【請求項１】
Ｗｅｂページを取得する取得部と、
上記Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、上記特定要素の横幅が上記表示サイズの横幅より小さくなるよう上記Ｗｅｂページを縮小することにより縮小Ｗｅｂページを生成する生成部と、
上記特定要素の横幅が上記表示サイズの横幅より大きいとき、上記特定要素に対応した上記縮小Ｗｅｂページの特定縮小要素を上記表示部に対して表示させると共に、上記縮小Ｗｅｂページにおける上記特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、上記特定要素の横幅が上記表示サイズの横幅より小さいとき、上記特定要素を本来の大きさのまま上記表示部に対して表示させると共に、上記Ｗｅｂページにおける上記特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう制御する表示制御部と
を具えるＷｅｂページ表示装置。
【請求項２】
Ｗｅｂページを取得部により取得する取得ステップと、
上記Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、上記特定要素の横幅が上記表示サイズの横幅より小さくなるよう上記Ｗｅｂページを縮小することにより縮小Ｗｅｂページを生成部により生成する生成ステップと、
上記特定要素の横幅が上記表示サイズの横幅より大きいとき、上記特定要素に対応した上記縮小Ｗｅｂページの特定縮小要素を上記表示部に対して表示させると共に、上記縮小Ｗｅｂページにおける上記特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、上記特定要素の横幅が上記表示サイズの横幅より小さいとき、上記特定要素を本来の大きさのまま上記表示部に対して表示させると共に、上記Ｗｅｂページにおける上記特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう表示制御部により制御する表示制御ステップと
を有するＷｅｂページ表示方法。
【発明の詳細な説明】
【技術分野】
【０００１】
本発明は、Ｗｅｂページ表示装置及びＷｅｂページ表示方法に関し、例えばＰＤＡ（Personal Digital Assistant）に適用して好適なものである。
【背景技術】
【０００２】
従来、ＷＷＷ（World Wide Web）のドキュメントシステムを使用したＨＴＭＬ（HyperText Markup Language）形式で記載されるＷｅｂページは、パーソナルコンピュータ等のようにある程度大きな表示画面（例えば、横幅１０２４ピクセル、縦幅７６８ピクセルでなるＸＧＡ（eXtended Graphics Array））で閲覧されることを想定して作成されていることが多い。
【０００３】
一方、ＰＤＡは、例えば横幅３２０ピクセル、縦幅２４０ピクセルでなるＱＶＧＡ（Quarter Video Graphics Array）のディスプレイが設けられており、当該ディスプレイにＷｅｂページを表示し得るようになされている。
【０００４】
このときＰＤＡは、図１（Ａ）に示すような例えば横幅が１０２４ピクセルでなるＷｅｂページＷ１を縮小することにより、図１（Ｂ）に示すような、横幅が３２０ピクセルである縮小ＷｅｂページＷ２を生成する。
【０００５】
そしてＰＤＡは、縮小ＷｅｂページＷ２の２４０ピクセル分に相当する上側部分を表示領域ＷＡ１として設定し、図１（Ｃ）に示すように、当該表示領域ＷＡ１に対応した表示画面ＤＧ１をディスプレイに表示するようになされている（例えば、特許文献１参照）。
【特許文献１】特開2007-4524公報
【発明の開示】
【発明が解決しようとする課題】
【０００６】
ところで上述したＰＤＡでは、ディスプレイの表示サイズに合わせてＷｅｂページＷ１全体を縮小ＷｅｂページＷ２のように縮小したので、ユーザに対して目視確認させるべき最適な大きさのままＷｅｂページＷ１をディスプレイに表示することができず、当該ユーザに対する見易さを損なわせてしまうという問題があった。
【０００７】
本発明は以上の点を考慮してなされたもので、Ｗｅｂページを見易く表示し得るＷｅｂページ表示装置及びＷｅｂページ表示方法を提案しようとするものである。
【課題を解決するための手段】
【０００８】
かかる課題を解決するため本発明のＷｅｂページ表示装置においては、Ｗｅｂページを取得する取得部と、Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、特定要素の横幅が表示サイズの横幅より小さくなるようＷｅｂページを縮小することにより縮小Ｗｅｂページを生成する生成部と、特定要素の横幅が表示サイズの横幅より大きいとき、特定要素に対応した縮小Ｗｅｂページの特定縮小要素を表示部に対して表示させると共に、縮小Ｗｅｂページにおける特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、特定要素の横幅が表示サイズの横幅より小さいとき、特定要素を本来の大きさのまま表示部に対して表示させると共に、Ｗｅｂページにおける特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう制御する表示制御部とを設けるようにした。
【０００９】
これにより、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができる。
【００１０】
また本発明のＷｅｂページ表示方法においては、Ｗｅｂページを取得部により取得する取得ステップと、Ｗｅｂページを構成する複数の要素のうち、ユーザに指定された特定要素の横幅が表示部の表示サイズの横幅よりも大きいとき、特定要素の横幅が表示サイズの横幅より小さくなるようＷｅｂページを縮小することにより縮小Ｗｅｂページを生成部により生成する生成ステップと、特定要素の横幅が表示サイズの横幅より大きいとき、特定要素に対応した縮小Ｗｅｂページの特定縮小要素を表示部に対して表示させると共に、縮小Ｗｅｂページにおける特定縮小要素の周辺に配置された複数の周辺縮小要素を同時に表示させ、特定要素の横幅が表示サイズの横幅より小さいとき、特定要素を本来の大きさのまま表示部に対して表示させると共に、Ｗｅｂページにおける特定要素の周辺に配置された複数の周辺要素を同時に表示させるよう表示制御部により制御する表示制御ステップとを有するようにした。
【００１１】
これにより、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができる。
【発明の効果】
【００１２】
本発明によれば、ユーザによって選択された特定要素が表示サイズより大きいとき、表示サイズより小さくなるように縮小された特定要素と共に縮小された周辺要素も同時に表示し、特定要素の横幅が表示サイズの横幅より小さいとき、本来の大きさのままの特定要素と共に周辺要素を同時に表示するので、特定要素を適切な大きさで周辺要素との位置関係を容易に把握させることができるように表示部に表示することができ、かくしてＷｅｂページを見易く表示し得るＷｅｂページ表示装置及びＷｅｂページ表示方法を実現することができる。
【発明を実施するための最良の形態】
【００１３】
以下に、図面について、本発明の一実施の形態を詳述する。
【００１４】
（１）Ｗｅｂページ取得表示システムの構成
（１−１）Ｗｅｂページ取得表示システムの全体構成
図２に示すように、本発明の一実施の形態としてのＷｅｂページ取得表示システム１は、ＰＤＡ２、ウェブサーバ３及びスナップショットサーバ４により構成されており、例えばインターネットを介して接続されている。
【００１５】
ＰＤＡ２は、その前面２ＡにＱＶＧＡでなるディスプレイ５が設けられており、また左側面２Ｂに上ボタン６ａ、下ボタン６ｂ、決定ボタン６ｃ及び戻るボタン６ｄからなる操作ボタン群６が設けられており、ユーザインタフェースとして機能するようになされている。
【００１６】
ＰＤＡ２は、ユーザによる所定の操作に応じて、所定のＷｅｂページのデータ（以下、これをＷｅｂページデータと呼ぶ）を取得するためのリクエストメッセージをウェブサーバ３へ送信する。
【００１７】
ウェブサーバ３は、多数のＷｅｂページデータを保存しており、ＰＤＡ２から受け取ったリクエストメッセージに対応するＷｅｂページデータＷＤを当該ＰＤＡ２へ送信するようになされている。
【００１８】
これと同時にウェブサーバ３は、ＰＤＡ２へ送信したＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータ（図示せず）をスナップショットサーバ４へ送信する。
【００１９】
スナップショットサーバ４は、ウェブサーバ３から受け取ったＷｅｂページデータＷＤを基にイメージデータ（後述する）ＩＤを生成し、ログデータに基づいて当該イメージデータＩＤをＰＤＡ２へ送信するようになされている。
【００２０】
（１−２）ＰＤＡの回路構成
図３に示すようにＰＤＡ２は、ＣＰＵ（Central Processing Unit）１１がＲＯＭ（Read Only Memory）１２から読み出してＲＡＭ（Random Access Memory）１３に起動した基本プログラムに従い、バス１４を介して全体を統括制御するようになされている。
【００２１】
またＰＤＡ２は、ＣＰＵ１１がＲＯＭ１２から読み出してＲＡＭ１３に起動した各種アプリケーションプログラムに従って後述する最適レイアウト表示処理等の種々の処理を実行し得るようになされている。
【００２２】
ＰＤＡ２は、例えばIEEE（Institute of Electrical and Electronics Engineers）802.11系の無線通信モジュール等でなる無線通信ユニット１６が設けられており、当該無線通信ユニット１６を介してウェブサーバ３及びスナップショットサーバ４と無線接続するようになされている。
【００２３】
ＰＤＡ２のＣＰＵ１１は、ディスプレイ５の表面に設けられたタッチパネル１５に対するユーザ操作に応じて、例えばＷｅｂページデータＷＤを無線通信ユニット１６を介してウェブサーバ３から受信すると、当該ＷｅｂページデータＷＤを不揮発性メモリ１７に保存するようになされている。
【００２４】
（１−３）ウェブサーバの回路構成
図４に示すようにウェブサーバ３は、ＣＰＵ３１がＲＯＭ３２から読み出してＲＡＭ３３に起動した基本プログラムに従い、バス３６を介して全体を統括制御すると共に、各種アプリケーションプログラムに従って種々の処理を実行し得るようになされている。
【００２５】
ウェブサーバ３のＣＰＵ３１は、多数のＷｅｂページデータをハードディスクドライブ３４に保存している。ウェブサーバ３のＣＰＵ３１は、例えばＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、当該リクエストメッセージに対応したＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信するようになされている。
【００２６】
またウェブサーバ３のＣＰＵ３１は、ＷｅｂページデータＷＤをＰＤＡ２へ送信すると共に、当該ＷｅｂページデータＷＤ及びログデータをスナップショットサーバ４へ通信ユニット３５を介して送信するようになされている。
【００２７】
（１−４）スナップショットサーバの回路構成
スナップショットサーバ４（図４）は、ウェブサーバ３と共通の基本構成を有し、ＣＰＵ４１がＲＯＭ４２から読み出してＲＡＭ４３に起動した基本プログラムに従い、バス４６を介して全体を統括制御すると共に、各種アプリケーションプログラムに従って種々の処理を実行し得るようになされている。
【００２８】
スナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３からＷｅｂページデータＷＤ及びログデータを通信ユニット４５を介して受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４に保存する。
【００２９】
またスナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３から受け取ったＷｅｂページデータＷＤを基にイメージデータＩＤを生成し、ログデータに基づいて当該イメージデータＩＤを通信ユニット４５を介してＰＤＡ２へ送信するようになされている。
【００３０】
（２）最適レイアウト表示処理
次に、ユーザ所望のＷｅｂページデータＷＤに対応したＷｅｂページを、ユーザに対して見易い状態でＰＤＡ２のディスプレイ５に表示するための最適レイアウト表示処理について説明する。
【００３１】
ＰＤＡ２のＣＰＵ１１は、例えばディスプレイ５の表面に設けられたタッチパネル１５に対するユーザのタッチ操作により所定のＵＲＬ（Uniform Resource Locator）が入力されると、当該ＵＲＬに対応したＷｅｂページデータＷＤを取得するため、リクエストメッセージを無線通信ユニット１６を介してウェブサーバ３へ送信する。
【００３２】
ウェブサーバ３のＣＰＵ３１は、ＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、そのリクエストメッセージに対応するＷｅｂページデータＷＤをハードディスクドライブ３４から読み出し、当該ＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信する。
【００３３】
またウェブサーバ３のＣＰＵ３１は、ＰＤＡ２へＷｅｂページデータＷＤを送信すると共に、当該ＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータをスナップショットサーバ４へ通信ユニット３５を介して送信する。
【００３４】
ここでＷｅｂページデータＷＤは、図５（Ａ）に示すように、ＨＴＭＬ形式で記載されたＨＴＭＬデータＨＤと、図５（Ｂ）に示すように、Ｗｅｂページのレイアウト形式が記載されたＣＳＳ（Cascading Style Sheets）データＣＤと、ファイル名「dome.jpg」でなる画像データ（図示せず）とにより構成されている。
【００３５】
ＨＴＭＬデータＨＤでは、<html>タグと</html>タグとに挟まれた部分がＨＴＭＬ形式で記載されていることを宣言し、<head>タグと</head>タグとに挟まれた部分にＷｅｂページのタイトルや、当該Ｗｅｂページに関する情報が記載されている。またＨＴＭＬデータＨＤには、<body>タグと</body>タグとに挟まれた部分にＷｅｂページの本文が記載されている。
【００３６】
さらにＨＴＭＬデータＨＤには、「<link rel="stylesheet" href="dome.css">」の記載により、ファイル名「dome.css」でなるＣＳＳデータＣＤの内容をスタイルシートとして参照できる旨が示されている。
【００３７】
スナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３から通信ユニット４５を介してＷｅｂページデータＷＤを受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４へ保存すると共に、図６（Ａ）に示すように、当該ＷｅｂページデータＷＤに基づいてＷｅｂページＷ１１を生成する。
【００３８】
具体的にスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける<div class="container">タグと</body>タグの直前の</div>タグとに挟まれた部分、及びＣＳＳデータＣＤにおける「.container{width: 1024px;}」の記載に基づいてＷｅｂページＷ１１の横幅を１０２４ピクセルに設定する。
【００３９】
因みにスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページデータＷＤのＣＳＳデータＣＤに「.container{width: 1024px;}」のようなＷｅｂページＷ１１の横幅が記載されていない場合、デフォルトとして当該ＷｅｂページＷ１１の横幅を１０２４ピクセルに設定するようになされている。
【００４０】
またスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページＷ１１の縦幅がＨＴＭＬデータＨＤ及びＣＳＳデータＣＤによって定義されていない場合、例えばデフォルトとして当該ＷｅｂページＷ１１の縦幅を１０２４ピクセルに設定するようになされている。
【００４１】
そしてスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="header">東都ドームタウン</div>」、及びＣＳＳデータＣＤにおける「.header{width: 1024px;height:150;}」の記載により定義された要素（以下、これをヘッダー要素と呼ぶ）ｆ１をＷｅｂページＷ１１の最上段に配置する。このときスナップショットサーバ４のＣＰＵ４１は、ヘッダー要素ｆ１の横幅及び縦幅をそれぞれ１０２４ピクセル及び１５０ピクセルに設定する。
【００４２】
またスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="sidebar">・・・東都ドームホテル<BR></div>」、及びＣＳＳデータＣＤにおける「.sidebar{float: left;width: 224px;}」の記載により定義された要素（以下、これをサイドバー要素と呼ぶ）ｆ２をヘッダー要素ｆ１の左下に配置する。このときスナップショットサーバ４のＣＰＵ４１は、サイドバー要素ｆ２の横幅を２２４ピクセルに設定する。
【００４３】
さらにスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="contents">・・・臣５−２内<BR></div>」、及びＣＳＳデータＣＤにおける「.contents{float: left;width: 800px;}」の記載により定義された要素（以下、これをコンテンツ要素と呼ぶ）ｆ３をサイドバー要素ｆ２の右側に配置する。このときスナップショットサーバ４のＣＰＵ４１は、コンテンツ要素ｆ３の横幅を８００ピクセルに設定する。
【００４４】
またスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤにおける「<div class="footer">・・・東都ドーム株式会社<BR></div>」、及びＣＳＳデータＣＤにおける「.footer{clear: both;width: 1024px;height: 150;}」の記載により定義された要素（以下、これをフッター要素）ｆ４をサイドバー要素ｆ２及びコンテンツ要素ｆ３の下側に配置する。このときスナップショットサーバ４のＣＰＵ４１は、フッター要素ｆ４の横幅及び縦幅をそれぞれ１０２４ピクセル及び１５０ピクセルに設定する。
【００４５】
従ってスナップショットサーバ４のＣＰＵ４１は、サイドバー要素ｆ２及びコンテンツ要素ｆ３の縦幅を、ＷｅｂページＷ１１全体の縦幅である１０２４ピクセルからヘッダー要素ｆ１及びフッター要素ｆ２の縦幅である１５０ピクセルをそれぞれ減算した７２４ピクセルに設定することとなる。
【００４６】
このようにしてスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページＷ１１を生成した後、図６（Ｂ）に示すように、ＷｅｂページＷ１１の横幅が例えば２４０ピクセルとなるように縮小した画像でなるスナップショットＳＳを生成する。
【００４７】
このスナップショットＳＳでは、縮小ヘッダー要素ｓｆ１、縮小サイドバー要素ｓｆ２、縮小コンテンツ要素ｓｆ３及び縮小フッター要素ｓｆ４がそれぞれＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２、コンテンツ要素ｆ３及びフッター要素ｆ４に対応している。
【００４８】
またスナップショットサーバ４のＣＰＵ４１は、図６（Ｃ）に示すように、スナップショットＳＳの左上の頂点を（０、０）とし、右方向にＸ軸、下方向にＹ軸が伸びる座標軸を設定する。そしてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳの各画素が縮小ヘッダー要素ｓｆ１、縮小サイドバー要素ｓｆ２、縮小コンテンツ要素ｓｆ３及び縮小フッター要素ｓｆ４のいずれに対応しているかそれぞれ算出し、その結果が示される要素位置データｆｐを生成する。
【００４９】
すなわち要素位置データｆｐでは、スナップショットＳＳの座標範囲（０〜２４０、０〜３５）が縮小ヘッダー要素ｓｆ１に対応することを示している。以下同様に、要素位置データｆｐでは、スナップショット画像ＳＳの座標範囲（０〜５３、３６〜２０５）が縮小サイドバー要素ｓｆ２に対応し、座標範囲（５４〜２４０、３６〜２０５）が縮小コンテンツ要素ｓｆ３に対応し、座標範囲（０〜２４０、２０６〜２４０）が縮小フッター要素ｓｆ４に対応することを示している。
【００５０】
そしてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳ（図６（Ｂ））及び要素位置データｆｐ（図６（Ｃ））からなるイメージデータＩＤを通信ユニット４５を介してＰＤＡ２へ送信するようになされている。
【００５１】
ＰＤＡ２のＣＰＵ１１は、無線通信ユニット１６を介して、ウェブサーバ３からＷｅｂページデータＷＤを受信し、またスナップショットサーバ４からイメージデータＩＤを受信すると、ＷｅｂページデータＷＤ及びイメージデータＩＤを不揮発性メモリ１７に保存する。
【００５２】
そしてＰＤＡ２のＣＰＵ１１は、図７（Ａ）に示すように、不揮発性メモリ１７に保存したイメージデータＩＤのスナップショットＳＳが中央に配置されたスナップショット表示画面ＳＧをディスプレイ５に表示するようになされている。
【００５３】
このようにＰＤＡ２は、スナップショット表示画面ＳＧを介してスナップショットＳＳをディスプレイ５に表示することにより、ウェブサーバ３から取得したＷｅｂページデータＷＤに対応するＷｅｂページＷ１１の全体構成をユーザに対して目視確認させ得るようになされている。
【００５４】
その後、ＰＤＡ２のＣＰＵ１１は、図７（Ｂ）に示すように、スナップショット表示画面ＳＧをディスプレイ５に表示している状態で、ユーザによって当該ディスプレイ５の表面に設けられたタッチパネル１５がタッチ操作されると、当該タッチ操作された点Ｐ１の座標値（２０、１００）を算出する。
【００５５】
そしてＰＤＡ２のＣＰＵ１１は、不揮発性メモリ１７からイメージデータＩＤの要素位置データｆｐ（図６（Ｃ））を読み出すと、ユーザによってタッチ操作された点Ｐ１の座標値（２０、１００）と要素位置データｆｐとを比較することにより、スナップショットＳＳの縮小サイドバー要素ｓｆ２がユーザによってタッチされたと判断する。
【００５６】
すなわちＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの縮小サイドバー要素ｓｆ２に対応したＷｅｂページＷ１１のサイドバー要素ｆ２がユーザによってタッチされたと判断することができるようになされている。
【００５７】
このときＰＤＡ２のＣＰＵ１１は、不揮発性メモリ１７からＷｅｂページデータＷＤ（図２）を読み出し、図８（Ａ）に示すように、当該ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１を生成する。
【００５８】
そしてＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサードバー要素ｆ２の横幅２２４ピクセルがディスプレイ５の表示サイズである横幅３２０ピクセルより大きいか否かを判断する。
【００５９】
ここでＰＤＡ２のＣＰＵ１１は、サイドバー要素ｆ２の横幅が表示サイズの横幅より小さいと判断すると、ＷｅｂページＷ１１を縮小することなく、サイドバー要素ｆ２をそのままのサイズでディスプレイ５に表示する。
【００６０】
具体的には、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１（図８（Ａ））のサイドバー要素ｆ２を左右方向に対して中央に配置し、また当該サイドバー要素ｆ２の上方２３０ピクセルを表示できるよう表示領域ＷＡ２を設定する。
【００６１】
そしてＰＤＡ２のＣＰＵ１１は、図８（Ｂ）に示すように、表示領域ＷＡ２と対応した表示画面ＤＧ２を生成し、当該表示画面ＤＧ２をディスプレイ５に表示するようになされている。
【００６２】
従ってＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２の上側２３０ピクセル分を表示すると共に、当該サイドバー要素ｆ２の上方に配置されたヘッダー要素ｆ１の下方１０ピクセル分、及び当該サイドバー要素ｆ２の右側に配置されたコンテンツ要素ｆ３の左上部分を表示し得るようになされている。
【００６３】
これによりＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２を本来の大きさのまま目視確認させ得ると共に、サイドバー要素ｆ２に加えてヘッダー要素ｆ１及びコンテンツ要素ｆ３の一部分を表示することができるため、当該サイドバー要素ｆ２の位置関係についても容易に認識させ得るようになされている。
【００６４】
因みにＰＤＡ２のＣＰＵ１１は、表示画面ＤＧ２をディスプレイ５に表示している状態で、下ボタン６ｂ（図２）がユーザによって押下操作されると、サイドバー要素ｆ２の下方を表示するようになされている。
【００６５】
一方、ＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧ（図７（Ａ））を表示している状態で、上述したような認識過程を経て、コンテンツ要素ｆ３がタッチ操作されたことを認識すると、不揮発性メモリ１７からＷｅｂページデータＷＤを読み出してＷｅｂページＷ１１（図９（Ａ））を生成する。
【００６６】
そしてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作されたコンテンツ要素ｆ３の横幅８００ピクセルがディスプレイ５の表示サイズである横幅３２０ピクセルより大きいか否か判断する。
【００６７】
ここで、ＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３の横幅が表示サイズの横幅より大きいと判断すると、横幅８００ピクセルのコンテンツ要素ｆ３が横幅３００ピクセルとなるようＷｅｂページＷ１１を３／８倍に縮小することにより、図９（Ｂ）に示すような横幅３８４ピクセルの縮小ＷｅｂページＷ１２を生成する。
【００６８】
縮小ＷｅｂページＷ１２では、縮小ヘッダー要素ｓｆ１１、縮小サイドバー要素ｓｆ１２、縮小コンテンツ要素ｓｆ１３及び縮小フッター要素ｓｆ１４がそれぞれＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２、コンテンツ要素ｆ３及びフッター要素ｆ４に対応する。
【００６９】
またＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１を３／８倍に縮小する際、当該ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置されたドーム画像ＩＭ（図９（Ａ））についても３／８倍に縮小する。
【００７０】
一方、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置された「本日の試合」や「臣人  ｖｓ  内日」等の文字列については３／８倍に縮小せず、ユーザに目視確認させやすい所定の倍率に縮小するか、或いは縮小しないままにしておくようになされている。
【００７１】
同様に、ＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のヘッダー要素ｆ１、サイドバー要素ｆ２及びフッター要素ｆ４内に配置された「東都ドームタウン」、「東都ドーム」、「東京都中央区○○町△〜□」等の文字列についてもユーザに目視確認させ易い所定の倍率に縮小するか、或いは縮小しないままにしておくようになされている。
【００７２】
ＰＤＡ２のＣＰＵ１１は、縮小ＷｅｂページＷ１２を生成すると、当該縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３が左右方向の中央に配置され、また当該縮小コンテンツ要素ｓｆ１３の上方２３０ピクセルを表示するよう表示領域ＷＡ３を設定する。
【００７３】
そしてＰＤＡ２のＣＰＵ１１は、図９（Ｃ）に示すように、表示領域ＷＡ３と対応した表示画面ＤＧ３を生成し、当該表示画面ＤＧ３をディスプレイ５に表示するようになされている。
【００７４】
従ってＰＤＡ２のＣＰＵ１１は、縮小コンテンツ要素ｓｆ１３の上側２３０ピクセル分を表示すると共に、当該コンテンツ要素ｆ３の上方に配置された縮小ヘッダー要素ｓｆ１の下方１０ピクセル分、及び当該縮小コンテンツ要素ｓｆ１３の左側に配置された縮小サイドバー要素ｓｆ１２の右上部分を表示することになる。
【００７５】
これによりＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３に対応した縮小コンテンツ要素ｓｆ１３を横方向全体に渡って目視確認させ得ると共に、縮小ヘッダー要素ｓｆ１１及び縮小サイドバー要素ｓｆ１２の一部分を表示することができるため、当該縮小コンテンツ要素ｓｆ１３の位置関係についても容易に認識させ得るようになされている。
【００７６】
（３）最適レイアウト表示処理手順
図１０及びこれに続く図１１に示すように、ＰＤＡ２のＣＰＵ１１は、ステップＳＰ１において、ユーザ操作によって指定されたＷｅｂページＷ１１に対応するＷｅｂページデータＷＤを取得すべく、リクエストメッセージを無線通信ユニット１６を介してウェブサーバ３へ送信し、次のステップＳＰ２へ移る。
【００７７】
ステップＳＰ２においてウェブサーバ３のＣＰＵ３１は、ＰＤＡ２からリクエストメッセージを通信ユニット３５を介して受信すると、当該リクエストメッセージに従ってＷｅｂページデータＷＤをハードディスクドライブ３４から読み出し、当該ＷｅｂページデータＷＤを通信ユニット３５を介してＰＤＡ２へ送信し、次のステップＳＰ３へ移る。
【００７８】
ステップＳＰ３においてＰＤＡ２のＣＰＵ１１は、ウェブサーバ３からＷｅｂページデータＷＤを無線通信ユニット１６を介して受信すると、当該ＷｅｂページデータＷＤを不揮発性メモリ１７へ保存し、次のステップＳＰ４へ移る。
【００７９】
ステップＳＰ４においてウェブサーバ３のＣＰＵ３１は、ステップＳＰ２においてＰＤＡ２へ送信したＷｅｂページデータＷＤ、及び当該ＷｅｂページデータＷＤがＰＤＡ２へ送信された旨を示すログデータをスナップショットサーバ４へ通信ユニット３５を介して送信し、次のステップＳＰ５へ移って処理を終了する。
【００８０】
一方、ステップＳＰ６においてスナップショットサーバ４のＣＰＵ４１は、ウェブサーバ３からＷｅｂページデータＷＤ及びログデータを通信ユニット４５を介して受信すると、当該ＷｅｂページデータＷＤをハードディスクドライブ４４へ保存し、次のステップＳＰ７へ移る。
【００８１】
ステップＳＰ７においてスナップショットサーバ４のＣＰＵ４１は、ＷｅｂページデータＷＤを基にスナップショットＳＳ（図６（Ｂ））及び要素位置データｆｐ（図６（Ｃ））を生成し、次のステップＳＰ８へ移る。
【００８２】
ステップＳＰ８においてスナップショットサーバ４のＣＰＵ４１は、スナップショットＳＳ及び要素位置データｆｐからなるイメージデータＩＤをログデータに基づきＰＤＡ２へ通信ユニット４５により送信し、次のステップＳＰ９へ移って処理を終了する。
【００８３】
一方、ステップＳＰ１０においてＰＤＡ２のＣＰＵ１１は、スナップショットサーバ４からイメージデータＩＤを無線通信ユニット１６を介して受信すると、当該イメージデータＩＤを不揮発性メモリ１７へ保存し、次のステップＳＰ１１（図１１）へ移る。
【００８４】
ステップＳＰ１１においてＰＤＡ２のＣＰＵ１１は、イメージデータＩＤのスナップショットＳＳが中央に配置されたスナップショット表示画面ＳＧ（図７（Ａ））をディスプレイ５へ表示し、次のステップＳＰ１２へ移る。
【００８５】
ステップＳＰ１２においてＰＤＡ２のＣＰＵ１１は、ディスプレイ５の表面に設けられたタッチパネル１５がユーザにタッチ操作されたか否かを判断し、否定結果が得られると、タッチパネル１５がタッチ操作されるまで待ち受けるのに対し、肯定結果が得られるとステップＳＰ１３へ移る。
【００８６】
ステップＳＰ１３においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された点の座標値を検出し、当該検出した座標値と、イメージデータＩＤの要素位置データｆｐとを比較することにより、例えば縮小サイドバー要素ｓｆ２がユーザによってタッチ操作されたと認識し、次のステップＳＰ１４へ移る。
【００８７】
ステップＳＰ１４においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページデータＷＤを不揮発性メモリ１７から読み出し、当該ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１（図８（Ａ））を生成し、次のステップＳＰ１５へ移る。
【００８８】
ステップＳＰ１５においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された縮小サイドバー要素ｓｆ２に対応するサイドバー要素ｆ２の横幅２２４ピクセルが、表示サイズの横幅３２０ピクセルよりも大きいか否かを判断し、否定結果が得られると次のステップＳＰ１６へ移る。
【００８９】
ステップＳＰ１６においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のサイドバー要素ｆ２を左右方向に対する中央に配置し、また当該サイドバー要素ｆ２の上方２３０ピクセルを表示するよう設定した表示画面ＤＧ２（図８（Ｂ））を生成すると、当該表示画面ＤＧ２をディスプレイ５に表示し、次のステップＳＰ１９へ移る。
【００９０】
ステップＳＰ１９においてＰＤＡ２のＣＰＵ１１は、ユーザによって戻るボタン６ｄ（図２）が押下操作されたか否かを判断し、肯定結果が得られるとステップＳＰ１１へ戻る。
【００９１】
ステップＳＰ１１においてＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧ（図７（Ａ））を再びディスプレイ５へ表示し、次のステップＳＰ１２へ移り、タッチパネル１５がユーザにタッチ操作されたか否かを判断し、肯定結果が得られるとステップＳＰ１３へ移る。
【００９２】
ステップＳＰ１３においてＰＤＡ２のＣＰＵ１１は、ユーザによってタッチ操作された点の座標値を検出し、当該検出した座標値と、イメージデータＩＤの要素位置データｆｐとを比較することにより、例えば縮小コンテンツ要素ｓｆ３がタッチ操作されたことを判断し、次のステップＳＰ１４へ移る。
【００９３】
ステップＳＰ１４においてＰＤＡ２のＣＰＵ１１は、ＷｅｂページデータＷＤのＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいてＷｅｂページＷ１１（図９（Ａ））を生成し、次のステップＳＰ１５へ移る。
【００９４】
ステップＳＰ１５においてＰＤＡ２のＣＰＵ１１は、ユーザによって選択された縮小コンテンツ要素ｓｆ３に対応するコンテンツ要素ｆ３の横幅８００ピクセルが、表示サイズの横幅３２０ピクセルよりも大きいか否かを判断し、肯定結果が得られると次のステップＳＰ１７へ移る。
【００９５】
ステップＳＰ１７においてＰＤＡ２のＣＰＵ１１は、横幅８００ピクセルのコンテンツ要素ｆ３が横幅３００ピクセルとなるようＷｅｂページＷ１１を３／８倍に縮小することにより、横幅３８４ピクセルの縮小ＷｅｂページＷ１２（図９（Ｂ））を生成し、次のステップＳＰ１８へ移る。
【００９６】
ステップＳＰ１８においてＰＤＡ２のＣＰＵ１１は、縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３が左右方向の中央に配置され、また当該縮小コンテンツ要素ｓｆ１３の上方２３０ピクセルを表示するよう設定された表示画面ＤＧ３（図９（Ｃ））を生成し、当該表示画面ＤＧ３をディスプレイ５に表示し、次のステップＳＰ１９へ移る。
【００９７】
ステップＳＰ１９においてＰＤＡ２のＣＰＵ１１は、ユーザによって戻るボタン６ｄが押下操作されたか否かを再び判断し、否定結果が得られるとステップＳＰ２０へ移って処理を終了する。
【００９８】
（４）動作及び効果
以上の構成において、ＰＤＡ２のＣＰＵ１１は、ユーザ所望のＷｅｂページＷ１１に対応したＷｅｂページデータＷＤをウェブサーバ３から受信すると共に、ＷｅｂページＷ１１が縮小されたスナップショットＳＳ及び要素位置データｆｐからなるイメージデータＩＤをスナップショットサーバ４から取得する。
【００９９】
そしてＰＤＡ２のＣＰＵ１１は、スナップショット表示画面ＳＧを介してＷｅｂページＷ１１が縮小されたスナップショットＳＳをディスプレイ５に表示することにより、ＷｅｂページＷ１１の全体構成をユーザに対して目視確認させることができる。
【０１００】
またＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの例えば縮小サイドバー要素ｓｆ２がユーザにタッチ操作された場合、当該縮小サイドバー要素ｓｆ２に対応したＷｅｂページＷ１１のサイドバー要素ｆ２の横幅が表示サイズの横幅より小さいと判断すると、当該サイドバー要素ｆ２の上部をそのままの大きさでディスプレイ５に表示する。
【０１０１】
ここでＰＤＡ２のＣＰＵ１１は、サイドバー要素ｆ２をディスプレイ５に表示する際、当該サイドバー要素ｆ２の上側２３０ピクセル分を表示し、また当該サイドバー要素ｆ２の上方に配置されたヘッダー要素ｆ１の下方１０ピクセル分、及び当該サイドバー要素ｆ２の右側に配置されたコンテンツ要素ｆ３の左上部分を表示する。
【０１０２】
これによりＰＤＡ２のＣＰＵ１１は、ユーザによって選択されたサイドバー要素ｆ２をそのままの大きさで目視確認させることができ、またヘッダー要素ｆ１及びコンテンツ要素ｆ３の一部分を表示するため、ＷｅｂページＷ１１全体に対する当該サイドバー要素ｆ２の位置関係についても容易に認識させることができる。
【０１０３】
一方、ＰＤＡ２のＣＰＵ１１は、スナップショットＳＳの例えば縮小コンテンツ要素ｓｆ３がユーザにタッチ操作された場合、当該縮小コンテンツ要素ｓｆ３に対応するＷｅｂページＷ１１のコンテンツ要素ｆ３の横幅が表示サイズの横幅より大きいと判断する。このときＰＤＡ２のＣＰＵ１１は、当該コンテンツ要素ｆ３の横幅が表示サイズの横幅より小さくなるようＷｅｂページＷ１１を例えば３／８倍に縮小し、その結果得られた縮小ＷｅｂページＷ１２の縮小コンテンツ要素ｓｆ１３の上部をディスプレイ５に表示する。
【０１０４】
このときＰＤＡ２のＣＰＵ１１は、ＷｅｂページＷ１１のコンテンツ要素ｆ３内に配置されたドーム画像ＩＭを３／８倍に縮小する一方、例えば「本日の試合」等の文字列を所定の倍率に縮小するか、或いは縮小しないようにした。これによりＰＤＡ２のＣＰＵ１１
は、ＷｅｂページＷ１１のレイアウトを崩すことなく、ユーザに目視確認させ易い状態で縮小コンテンツ要素ｓｆ１３を表示することができる。
【０１０５】
またＰＤＡ２のＣＰＵ１１は、コンテンツ要素ｆ３に対応する縮小コンテンツ要素ｓｆ１３をディスプレイ５に表示する際、縮小ヘッダー要素ｓｆ１１及び縮小サイドバー要素ｓｆ１２の一部分を表示するため、縮小ＷｅｂページＷ１２に対する当該縮小コンテンツ要素ｓｆ１３の位置関係についても容易に認識させることができる。
【０１０６】
ところで従来のＰＤＡでは、図１２（Ａ）に示すように、例えばＷｅｂページＷ１１が縮小された縮小ＷｅｂページＷ２１を生成し、当該縮小ＷｅｂページＷ２１が中央に配置された縮小表示画面ＳＤＧをディスプレイに表示する。
【０１０７】
そしてＰＤＡは、縮小表示画面ＳＤＧをディスプレイに表示している状態で、縮小表示画面ＳＤＧを介してタッチパネルがユーザによってタッチ操作されると、図１２（Ｂ）に示すように、縮小ＷｅｂページＷ２１を所定の割合で拡大した拡大表示画面ＫＧ１をディスプレイに表示する。
【０１０８】
またＰＤＡは、拡大表示画面ＫＧ１をディスプレイに表示している状態で、タッチパネルが再びユーザにタッチ操作されると、図１２（Ｃ）に示すように、縮小ＷｅｂページＷ２１をさらに所定の割合で拡大表示した拡大表示画面ＫＧ２をディスプレイに表示することにより、所望サイズに拡大した縮小コンテンツ要素ｓｆ２３をユーザに提供し得るようになされている。
【０１０９】
この場合、ＰＤＡは、拡大表示画面ＫＧ２を介して所望サイズの縮小コンテンツ要素ｓｆ２３をディスプレイに表示するには、ユーザに対してタッチパネルを複数回もタッチ操作させなければならず、煩雑な操作を強いることになる。
【０１１０】
またＰＤＡでは、縮小ＷｅｂページＷ２１を拡大表示画面ＫＧ１、ＫＧ２となるように所定の割合で拡大しながら表示していくため、縮小コンテンツ要素ｓｆ２３の周辺に配置された縮小ヘッダー要素ｓｆ２１及び縮小サイドバー要素ｓｆ２２についても大きな割合で表示してしまうことになる。
【０１１１】
さらにＰＤＡでは、縮小ＷｅｂページＷ２１を拡大表示画面ＫＧ１、ＫＧ２となるように所定の割合で拡大しながら表示していくため、縮小コンテンツ要素ｓｆ２３を横方向に亘って全体的に表示できない場合が生じる。このためＰＤＡは、縮小コンテンツ要素ｓｆ２３をユーザにとって見易い表示態様で表示できていないことになる。
【０１１２】
これに対して本発明のＰＤＡ２は、スナップショット表示画面ＳＧ（図７（Ａ））を表示し、ユーザ所望の縮小コンテンツ要素ｓｆ３を一回のみタッチ操作させるだけで、縮小ＷｅｂページＷ２１（図９（Ｂ））の縮小コンテンツ要素ｓｆ１３が配置された表示画面ＤＧ３（図９（Ｃ））を表示することができる。
【０１１３】
このときＰＤＡ２は、表示画面ＤＧ３に縮小コンテンツ要素ｓｆ１３を横方向に亘って全体的に表示するため、ユーザに見易い表示態様で縮小コンテンツ要素ｓｆ１３を表示することができる。
【０１１４】
このようにＰＤＡ２は、ユーザに対して煩雑な操作を強いることなく、１回のタッチ操作を行わせるだけで、ユーザ所望のコンテンツ要素ｆ３に対応した縮小コンテンツ要素ｓｆ１３をユーザに見易い表示態様で目視確認させることができる。
【０１１５】
また従来のＰＤＡでは、図１３に示すように、ＷｅｂページデータＷＤのＣＳＳデータＣＤを参照することなく、表示サイズである横幅３２０ピクセルとなるようレイアウトを崩すことによって、ＷｅｂページＷ３１を生成する。そしてＰＤＡは、ＷｅｂページＷ３１の上部をディスプレイに表示する。
【０１１６】
この場合、ＰＤＡは、レイアウトが崩されたＷｅｂページＷ３１をディスプレイに表示することになり、本来のレイアウトであるＷｅｂページＷ１１の全体構成をユーザに対して把握させ辛いという問題があった。
【０１１７】
これに対して本発明のＰＤＡ２は、ＷｅｂページＷ１１のレイアウトを崩すことなく、ユーザ所望の例えばサイドバー要素ｆ２やコンテンツ要素ｆ３を表示することができるので、ユーザに対してＷｅｂページＷ１１の全体構成を容易に把握させることができる。
【０１１８】
以上の構成によれば、ＰＤＡ２は、ＷｅｂページＷ１１が縮小されたスナップショットＳＳをディスプレイ５に表示し、ユーザによって指定された例えばコンテンツ要素ｆ３が表示サイズより大きい場合、当該コンテンツ要素ｆ３が表示サイズより小さくなるようにＷｅｂページＷ１１を縮小して表示する。これによりＰＤＡ２は、ＷｅｂページＷ１１のレイアウトを崩すことなく、当該ＷｅｂページＷ１１を見易い状態で表示することができる。
【０１１９】
（５）他の実施の形態
なお上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１がウェブサーバ３からＷｅｂページデータＷＤを受信すると共に、スナップショットサーバ４からイメージデータＩＤを受信するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１が、ウェブサーバ３からＷｅｂページデータＷＤを受信すると、当該ＷｅｂページデータＷＤに基づいてＷｅｂページＷ１１を生成すると共に、当該ＷｅｂページＷ１１を縮小したスナップショットＳＳ、及び要素位置データｆｐを生成するようにしてもよい。
【０１２０】
この場合、ＰＤＡ２は、スナップショットサーバ４からイメージデータＩＤを受信することなく、上述したような最適レイアウト表示処理を実行することができる。
【０１２１】
また上述した実施の形態においては、例えば縮小ＷｅｂページＷ１２（図９（Ｂ））の一部が配置された表示画面ＤＧ３（図９（Ｃ））をディスプレイ５に表示した状態で、戻るボタン６ｄ（図２）が押下操作されると、スナップショット表示画面ＳＧ（図７（Ａ））を再び表示するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１は、図１４に示すように、表示画面ＤＧ３に対して戻るアイコンＩＣが重ねて配置された表示画面ＤＧ４をディスプレイ５に表示し、当該戻るアイコンＩＣがユーザによってタッチ操作された場合、スナップショット表示画面ＳＧを再び表示するようにしてもよい。
【０１２２】
さらに上述した実施の形態においては、ウェブサーバ３がＰＤＡ２へＷｅｂページデータＷＤを送信すると共に、当該ＷｅｂページデータＷＤをスナップショットサーバ４へ送信し、スナップショットサーバ４がイメージデータＩＤを生成するようにした場合について述べた。しかしながら本発明はこれに限らず、スナップショットサーバ４が、予め定期的にウェブサーバ３からＷｅｂページデータＷＤを受信し、イメージデータＩＤを生成しておくようにしてもよい。
【０１２３】
この場合スナップショットサーバ４は、ウェブサーバ３からログデータを受信すると、直ぐにイメージデータＩＤをＰＤＡ２に送信することができる。
【０１２４】
さらに上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１が、スナップショット表示画面ＳＧ（図７（Ａ））をディスプレイ５に表示している状態で、タッチパネル１５に対するタッチ操作に応じて例えば縮小サイドバー要素ｓｆ２が選択されたことを判断するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１が、スナップショット表示画面ＳＧに対してカーソルを重ねて表示し、例えば縮小サイドバー要素ｓｆ２上に当該カーソルが配置された状態で決定ボタン６ｃが押下操作されると、縮小サイドバー要素ｓｆ２が選択されたと判断するようにしてよい。
【０１２５】
さらに上述した実施の形態については、ＰＤＡ２のＣＰＵ１１が、例えばスナップショット表示画面ＳＧの縮小コンテンツ要素ｓｆ３がタッチ操作されたと判断すると、ＷｅｂページデータＷ１１を３／８倍に縮小するようにした場合について述べた。しかしながら本発明はこれに限らず、例えばスナップショット表示画面ＳＧの縮小コンテンツ要素ｓｆ３がタッチ操作されたと判断すると、ＷｅｂページデータＷ１１のコンテンツ要素ｆ３が表示サイズである横幅３２０ピクセルとなるように、当該ＷｅｂページＷ１１を縮小するようにしてもよい。
【０１２６】
さらに上述した実施の形態については、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１が、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤによってＷｅｂページＷ１１の縦幅を定義していない場合、デフォルトとして当該ＷｅｂページＷ１１の縦幅を１０２４ピクセルに設定するようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１が、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤに基づいた縦幅となるようなＷｅｂページを生成するようにしても良い。
【０１２７】
この場合、ＰＤＡ２のＣＰＵ１１及びスナップショットサーバ４のＣＰＵ４１は、ＨＴＭＬデータＨＤ及びＣＳＳデータＣＤの記載量に応じた縦幅となるようなＷｅｂページの横幅が例えば２４０ピクセルとなるように当該Ｗｅｂページを縮小することにより、縮小Ｗｅｂページを生成する。そしてＰＤＡ２のＣＰＵ１１は、その縮小Ｗｅｂページの上方２４０ピクセル分をディスプレイ５に表示することにより、ユーザに縮小Ｗｅｂページを目視確認させることができる。
【０１２８】
さらに上述した実施の形態においては、ＰＤＡ２のＣＰＵ１１、ウェブサーバ３のＣＰＵ３１及びスナップショットサーバ４のＣＰＵ４１が、予めＲＯＭ１２、３２及び４２に格納されているアプリケーションプログラムに従い、上述した最適レイアウト表示処理手順（図１０、図１１）を行うようにした場合について述べた。しかしながら本発明はこれに限らず、ＰＤＡ２のＣＰＵ１１、ウェブサーバ３のＣＰＵ３１及びスナップショットサーバ４のＣＰＵ４１が、記憶媒体からインストールしたアプリケーションプログラムや、インターネットからダウンロードしたアプリケーションプログラム、その他種々のルートによってインストールしたアプリケーションプログラムに従って上述した最適レイアウト表示処理手順を行うようにしても良い。
【０１２９】
さらに上述した実施の形態においては、取得部として無線通信ユニット１６、生成部及び表示制御部としてＣＰＵ１１によって本発明のＷｅｂページ表示装置としてのＰＤＡ２を構成するようにした場合について述べたが、本発明はこれに限らず、この他種々の構成でなる取得部、生成部、表示制御部によってＷｅｂページ表示装置を構成するようにしても良い。
【産業上の利用可能性】
【０１３０】
本発明のＷｅｂページ表示装置及びＷｅｂページ表示方法は、例えば携帯電話機、ＰＮＤ（Personal Navigation Device）、ノートブック型パーソナルコンピュータ、ゲーム機等のその他種々のモバイル機器に適用することができる。
【図面の簡単な説明】
【０１３１】
【図１】従来の縮小表示の様子を示す略線図である。
【図２】Ｗｅｂページ取得表示システムの全体構成を示す略線図である。
【図３】ＰＤＡの回路構成を示す略線図である。
【図４】ウェブサーバ及びスナップショットサーバの回路構成を示す略線図である。
【図５】Ｗｅｂページデータの構成を示す略線図である。
【図６】イメージデータの構成を示す略線図である。
【図７】スナップショット表示画面の構成及び座標位置検出の様子を示す略線図である。
【図８】選択された要素が表示サイズより小さい場合におけるＷｅｂページの表示の様子を示す略線図である。
【図９】選択された要素が表示サイズより大きい場合におけるＷｅｂページの表示の様子を示す略線図である。
【図１０】最適レイアウト表示処理手順（１）の説明に供するフローチャートである。
【図１１】最適レイアウト表示処理手順（２）の説明に供するフローチャートである。
【図１２】従来のＷｅｂページ拡大表示の様子を示す略線図である。
【図１３】従来のレイアウトを崩したＷｅｂページの表示の様子を示す略線図である。
【図１４】他の実施の形態による表示画面を示す略線図である。
【符号の説明】
【０１３２】
１……Ｗｅｂページ取得表示システム、２……ＰＤＡ、３……ウェブサーバ、４……スナップショットサーバ、１１、３１、４１……ＣＰＵ、１２、３２、４２……ＲＯＭ、１３、３３、４３……ＲＡＭ、１４、３６、４６……バス、１５……タッチパネル、１６……無線通信ユニット、１７……不揮発性メモリ、３４、４４……ハードディスクドライブ、３５、４５……通信ユニット、ＩＤ……イメージデータ、ＳＳ……スナップショット、ＷＤ……Ｗｅｂページデータ、Ｗ１、Ｗ１１……Ｗｅｂページ、Ｗ２、Ｗ１２……縮小Ｗｅｂページ。
【図１】
0004547638.tif 000002
【図２】
0004547638.tif 000003
【図３】
0004547638.tif 000004
【図４】
0004547638.tif 000005
【図５】
0004547638.tif 000006
【図６】
0004547638.tif 000007
【図７】
0004547638.tif 000008
【図８】
0004547638.tif 000009
【図９】
0004547638.tif 000010
【図１０】
0004547638.tif 000011
【図１１】
0004547638.tif 000012
【図１２】
0004547638.tif 000013
【図１３】
0004547638.tif 000014
【図１４】
0004547638.tif 000015