ホームページの画面表示サイズについて

2013/04/21 11:40

このQ&Aのポイント

ホームページの画面表示サイズについて質問があります。環境は古いですが、最大解像度1280ｘ1024のモニタを使用しています。Webページの壁紙に使っている画像も1280ｘ1024ですが、最近のPCの環境ではフルHDが普通になってきました。そのため、ノートPCで確認すると画像が収まらず、境界線が表示されてしまいます。ビルダー12で表示スペックに順応して画面サイズに収めることはできるのでしょうか？
ビルダー12のツール＝オプション＝ページサイズの設定では、「940ｘ1200 1280ｘ1024 ディスプレイ標準」という項目に設定しています。しかし、モニタの解像度や閲覧側の表示スペックに合わせて自動的に画面サイズに収める機能はないのでしょうか？ヘルプを見ても詳細な情報が見つかりませんでした。
質問としては、ビルダー12で作成したWebページの表示を、壁紙に使っている画像のピクセルサイズに依らず、閲覧側の表示スペックに順応して自動的に画面サイズに収まるように設定する方法があるのかどうかを知りたいです。ビルダー12ではその機能が備わっていないのか、ヘルプを見ても分かりませんでした。プロレベルの知識がないため、教えていただけると助かります。

WindzBlue
お礼率0% (0/3)

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

dragon-man
ベストアンサー率19% (2714/13698)

2013/04/21 12:53 回答No.1

ビルダーを使わず、htmlでＨＰを作っています。デザイン上考えたことは、世の中の大多数のＰＣモニタで問題なく表示されることです。いろいろ検討して、横幅を９００～１０００ピクセルに抑えました。これだと小さな１０８０ピクセル程度ののモニタでもはみ出さずに表示できます。このサイズはいろいろなＨＰを参考にして決めました。例えばこの質問箱はおそらく横幅１０００ピクセル以内です。ヤフーやグーグルやMSNのサイトも同じです。どれも１２８０～１９２０のワイド画面を想定していません。万人に見てもらえることを目的にしているからでしょう。中にはもっと大きなサイトもありますが、例外に近いです。ビルダーの使い方はよく知りませんが、ＨＰは基本的にhtml言語で作られます。その場合はめ込む画像のサイズはhtmlタグで指定しなければなりません。つまり固定です。モニタ画面のサイズに合わせて画像のピクセル数を自在に調整できる機能はちょっと想像が付きません。html文にはそう言う機能はないし、それを表示するためのブラウザに、モニタサイズを検知してタグのパラメータを自動的に調整する機能はないからです。私の不勉強かもしれません。もしかしたら私の思いつかないような高度な機能を回答してくれる人がいるかもしれません。ＨＰとその中の画像のサイズ設定には興味があります。

ログインすると、全ての回答が全文表示されます。

その他の回答 (2)

ORUKA1951
ベストアンサー率45% (5062/11036)

2013/04/21 16:47 回答No.3

ビルダーのようなWebオーサリングツール( http://ja.wikipedia.org/wiki/Web%E3%82%AA%E3%83%BC%E3%82%B5%E3%83%AA%E3%83%B3%E3%82%B0%E3%83%84%E3%83%BC%E3%83%AB )は、HTMLやCSSのしっかりした知識がないと、ちゃんとしたページは作ることは出来ません。　決して逆(HTMLやCCCの知識がなくても作れる)ではありません。少なくともまっとうなオーサリングツール(Dreamweaver,Fireworksなど)は、そんな誇大広告はしてません。　そもそもHTMLは、【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここからどんな環境からもWebの情報を利用できるようにすべきだという方針の下に開発されている。例えば、様々な解像度や色深度のグラフィックディスプレイを持つPCや、携帯電話、モバイル機器、音声入出力機器、帯域が広いコンピュータや狭いコンピュータ、等の環境である。￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［Introduction to HTML 4 (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.2.1 )］より　なのですから、そのようなページを作ってしまったら、HTMLでページを作成する意味がありませんよ。＞最近のＰＣの環境／表示能力は、フルHDの普及もごく普通になってきましたし、　スマホのような、640pxや480px程度の小さな画面での利用も多くなってきました。　そんな中で、サイズ固定と言うのは時代遅れです。　私自身は、最小640px～1024px程度にフレキジブルに対応し、それ以下だと横スクロールが必要、それ以上だとディスプレイの中央に配置されるようにしています。それ以上や細かい設定が必要なときはmedia queryでデザイン自体を変更させたりしています。　私は、現在はオーサリングツールは使っていません。テキストエディタのほうが、圧倒的に早いし、覚えることも少ないし、楽ですし、なによりもちゃんとしたものが出来ますし。ツールのあのマニュアルの量には恐れをなします。(^^) 例]タブは＿に置換してあります。　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ★　⇒Anothe HTML Lint( http://www.htmllint.net/html-lint/htmllint.html ) 　は満点ですし ★ディスプレイ幅にはこだわりませんし ★印刷したら素の状態で印刷できるし ★スクリーンリーダー--読み上げソフトも点字端末も対応してるし ★なによりもgoogleできちんと理解してくれるし--SEO的にバッチリですし ★とても簡単で、デザインは自由に変更できるし ★雛形から数分あったら書けるし div.article{width:90%;min-width:640px;max-width:900px;margin:0 auto;} と一行書いたら済むだけですもの。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css" media="screen">  ＿</style> ＿<style type="text/css" media="print">  ＿</style> </head> <body> ＿<div class="article"> ＿＿<div class="header"> ＿＿＿<h1>タイトル</h1> ＿＿＿<p>このページでは・・・・</p> ＿＿</div> ＿＿<div class="section"> ＿＿＿<p class="figure"> ＿＿＿＿<img src="" width="200" height="200" alt="挿絵"> ＿＿＿</p> ＿＿＿<h2>見出し</h2> ＿＿＿<p>・・・</p> ＿＿</div> ＿＿<div class="footer"> ＿＿＿<h2>文書情報</h2> ＿＿＿<dl class="documentHistry"> ＿＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿＿<dd>2012-08-10</dd> ＿＿＿</dl> ＿＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿＿</div> ＿</div> </body> </html>

ログインすると、全ての回答が全文表示されます。

Safe_Mode
ベストアンサー率48% (1329/2725)

2013/04/21 13:12 回答No.2

私もテキストエディターでHTMLとスタイルシートを作成しているのですが、Webページの幅は800pxに抑えています。私自身はモニタサイズ一杯で表示させるのが好きですが、いろいろなユーザーさんを見てると、必ずしもフル画面で閲覧するとは限らず、むしろちょっと小さ目な画面サイズにしている方々のほうが多いと感じています。ですので、幅はある程度抑えたほうがいいと思っています。余談ですが・・・ホームページビルダーの「どこでも配置モード」だけは使ってほしくないですね。（自分の環境が閲覧者全てに当てはまると思っている管理者も意外と多いようですけど。）

ログインすると、全ての回答が全文表示されます。