• ベストアンサー

「HPビルダー」でのレイアウトについて

「ホームページビルダーVer.6」を 使って、初めてHPを作っています。 まだサーバーにはアップしていないのですが、 ちょっと困ったことに気付きました。 自宅のPCで作り、「レイアウトもバッチリ!」と思っていたのですが、 試しに会社のPCの「IE」で見てみると、 会社のPCの方が画面のサイズが大きくて、 自宅のと見栄えが全然違うんです(要するに小さくまとまり 過ぎてしまうんです)。 「ビルダー」の「どこでも配置モード」を 使っていて、「ページサイズ」も指定出来るのですが、 PCによってこんなにレイアウトが変わってしまうのであれば、 一体どれに合わせればよいのでしょうか? (ちなみに私は「750×900」のページサイズで 作っていたのですが、これが「標準」なんでしょうか)。 例えば、ある画像を「ページの一番右に寄せたい」 と思っていても、見るPCによって変わってきて しまうんでしょうか。 「センタリング」や「右寄せ」のボタンも使えません。 それにフォントのサイズも、見る人が「大」「中」「小」の どれを選んでいるかによって、見栄えが変わってしまいますよね。 「どのPCで見ても同じレイアウトのHP」というのは 難しいんでしょうか? どなたか、お教え願います。

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

  • ベストアンサー
回答No.3

モニターの解像度には,「標準」と言うものは無いと思ってください。 ただ,今現在,「液晶モニター」の解像度は1024×768固定がほとんどです。 ホームページビルダーの「どこでも配置モード」のサイズで言えば,750×900ですね。ただ,これは何を持ってこのサイズなのか,その根拠が今ひとつわかりませんが・・・。 「どこでも配置モード」でページを作りますと,一つ一つのパーツをどこに置くか「絶対値」で決められてしまいます。 そのため,左端は問題が無いとしても,パーツを真ん中や右端に置くと言うことが出来なくなってしまいます。 例えば,ページを750×900で作成した場合,1024×768の解像度では右端に表示できたとしても,それより高い解像度の場合は真ん中に寄ってきてしまいますし,それより低い解像度の場合は画面からはみ出てしまいます。 どうしても右端に表示させたい場合は,やはり,「標準モード」でページを作る以外に無いと思います。 フォントサイズの大中小についてですが,こんなものを作ってみました。<BODY></BODY>の間の入れて確認してみてください。 <P style="font-size : 16pt;">あいうえお:「最大」相当</P> <P>あいうえお</P> <P style="font-size : 12pt;">あいうえお:「中」相当</P> <P>あいうえお</P> <P style="font-size : 10pt;">あいうえお:「最小」相当</P> ページ全体で文字の大きさを変えたくない場合は,</HEAD>の直前に下のやつを挿入してください。(文字の大きさは,「中」表示相当です。数字を変えることで大きさを変更できます) <STYLE type="text/css"> <!-- P{ font-size : 12pt; } --> </STYLE> ここでは,<P>のタグに対するスタイルを指定しています。他のものでもスタイル指定できますので,タグ(属性)編集のとき「スタイル」ボタンが現れれば,これを押すことでスタイルを指定できます。 また,文字の大きさを「ポイント」で指定してますが,他の指定方法も選べます。 ただし,この方法であっても,モニターの解像度が変われば,表示されたときのレイアウトは変わると思ってください。 最後に,私見ではありますが,「どのPCで見ても同じレイアウトのHP」と言うのは「無理」です。

mami0810
質問者

お礼

回答、ありがとうございました。 やっぱり「同じレイアウト」というのは 無理なんですね。 でも、初めてのHP作りですし、 あまりこだわらず、出来る範囲で頑張ってみます。 「ビルダー」一本やりなので、 HTMLのことはほとんど分からないのですが、 試してみようと思います。 ありがとうございました(^-^)。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (2)

  • x1turbo2
  • ベストアンサー率45% (88/193)
回答No.2

すべての人に、完璧な状態で見てもらうのは、不可能に近いと思います。 TOPページに、自分で確認した解像度や、 フォントサイズ、OS、ブラウザ等を書く位しか出来ないのでは? 自分のHPのアクセス解析結果の解像度だけでも、 1024 × 768  52.0% 1280 × 960  25.9%  800 × 600  10.8% 1280 ×1024   0.2% 1152 × 964   0.1% 判別不能        9.9% の結果が出てますし、640×480って事も考えられるし(^^;.... 今、質問されてるこのHPを参考にすれば、基本的な大きさだと思います 参考にされてはいかかですが(^o^)           X1turboの友達 hiro。

mami0810
質問者

お礼

回答、ありがとうございました。 やっぱり「同じレイアウト」というのは 無理なんですね。 でも、初めてのHP作りですし、 あまりこだわらず、出来る範囲で頑張ってみます。 解像度の結果も参考になりました。 ありがとうございました(^-^)。

全文を見る
すると、全ての回答が全文表示されます。
noname#84083
noname#84083
回答No.1

センタリングなどを希望するのでしたら、 「標準モード」の方がいいと思います。 起動したときに、「どこでも配置~/標準~/テンプレート~」と選択する欄がありますよね。そこで、『詳しい説明を見る』を選択してみてください。「どこでも配置~」ですと、センタリングが出来ないかと思うのですが(自信ありません)。 私の場合、画像などを右の方に、、、と思うときは、表を3つ作って、真ん中の表の中にセンタリングを使った本文、一番右側に画像、、、としています。 どんな環境で見ても綺麗に見えるように、センタリングで決めています。 ページ編集をした後、「プレビュー」で確認していますか? 作成したファイルを一度デスクトップに保存して、確認したほうがいいかと思います。

mami0810
質問者

お礼

回答、ありがとうございました。 やっぱり「同じレイアウト」というのは 無理なんですね。 でも、初めてのHP作りですしあまりこだわらず、 「標準モード」も考えに入れて、出来る範囲で頑張ってみます。 ありがとうございました(^-^)。

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • HPビルダー16で固定レイアウトは作れますか?

    こんにちは。 ホームページビルダー16でHPを作っています。 私は、エクスプローラーバーの有無に関わらず 内容が中心に来るようなページにしたいと思っています。 固定レイアウトっていうのかな? これはホームページビルダー16では 出来る機能なんでしょうか? できる場合はやり方を、 できない場合は ソースとかを教えてください。 よろしくお願いします。

  • HPビルダーでのどこでも配置モードについて。

    質問です。ホームページビルダー9を使って商業用HPを作成しようかと考えているのですが、どこでも配置モードと標準モードのことで質問です。 一応楽な方で作りたいとは思うのですが、どこでも配置モードで作ると 1、閲覧者のウィンドウ幅によって見映えが異なる 2、使っているブラウザによっては、レイアウトが大きく異なってしまう 3、ページが重くなる 4、文書構造が崩れてしまいがち などのデメリットがあると聞いたのですが、文字は 全てスタイルシートで固定しますので4の文字構造 が崩れるといったことはないと思うのですが、 そのあたりはどうなのでしょうか? 3についてはそれほど重くなるものなのでしょうか? 一応イラストレータで作った画像やレンタルの買い物カゴ などでHPの構成を考えているのですが、1,2にいたっては どのような時にどんなふうにレイアウトが 崩れたりするのでしょうか? 更新などの手間的にどこでも配置で作りたいとは 思うのですがこの他にどこでも配置モードの デメリットなどがありましたらそれも教えてはいただけないでしょうか? よろしくお願いします。(OSはwindowsXPです)

  • ホームページビルダーで作成したウェブページのセンタリング

    ホームページビルダー11のどこでも配置モードでサイトを作成しています。ページ幅は800ピクセルで現状左に寄って表示されるため、ワイド画面のPCでは右側に大きく余白ができてしまい、見栄えがよくありません。 ネットでいろいろと調べていたところ、サイト内のcssファイルにあるタグを書き足すことでセンタリング表示されるということだったのでやってみましたが、何の変化もありませんでした。 ホームページビルダー11のどこでも配置モードで作成したサイト(ページ)をそれほど手間をかけることなくセンタリングする方法をご存知の方がいらっしゃいましたら、どうかお教えいただけないでしょうか?

  • ホームページビルダー8センタリングについて

    現在HPビルダー8のどこでも配置モードを作っています。 標準配置モードで作らないとインターネットにアップしたときにページのセンタリングができないということはわかったのですが、技術的な事を考えるとどこでも配置モードでないとうまくページが作れないので今はページを左寄せで作っています。 できればどこでも配置モードで作ったものをセンタリング出来れば一番良いのですが・・・。 なんとかページを中央寄せで作りたいのですが何か良い方法はありませんでしょうか? また、質問が変わりますがアドビのHP作成ソフトが評判が良いと聞いたのですが上記のような点でもアドビのソフトであれば作りやすく、機能面・自由度などにおいても優れているのでしょうか? お手数おかけいたしますが、アドバイスお願いいたします。

  • Dream WaverとHPビルダーの違い

    会社で50ページ程のホームページを持っていて、すべてのページの左側にメニュー(全ページ同一レイアウト)があります。 社長は「左側のメニューを修正する場合、Dream Waverはテンプレート機能があるから1箇所直せば全ページ一括修正するが、HPビルダーにはその機能がない。HPビルダーは50ページ全部直さなきゃダメだから手間がかかる。」と言っていました。 社長はHPビルダーでHPを自分で作りました。そして画面左側のメニューを変える際にとても苦労したようです。それがDream Waverだと一括でできるので感動したみたいです。(別HPをDream Waverで作成している) 社長はPCの事はあまり詳しくありません。 私は元SEのため、PCのことは多少詳しいです。(汎用機系だったためHP関連は良く分かりませんが・・) それで、社長の説明が良く分からないんですよね。 テンプレートがあるならHPビルダーでもできるのではないか、と考えてしまいます。 なぜ、Dream WaverでできることがHPビルダーではできないのか。 まとまりのない文章になってしまいましたが多少なりとも分かる方、「こうなんじゃない」等のヒントでも良いので教えていただけたらと思います。 ちなみに「テンプレート」「HPの雛形」「CSS」、これらの違いってなんでしょう?私はCSSのことがテンプレートだと思っていたのですがちょっと違うみたいですね。 (社長は上記3語を何らかの基準で使い分けてます)

  • ビルダーでレイアウトを中央にもってくるには?

    ホームページビルダー9を使って、ブラウザのサイズに関わらずレイアウトを中央にもってくるにはどのようにしたらよいのでしょうか? たとえばこの教えてgooのトップページのようなかんじです。 http://oshiete.goo.ne.jp/ ヘルプで探しているのですが、なかなかやり方が見つかりません。 幅は800pixelくらいにしようと思っています。フレームは使いません。よろしくお願いします。

  • ホームページビルダー 7 の「どこでも配置モード」について

    ホームページビルダー 7の「どこでも配置モード」で作成したページを見ると、センタリングがされませんが、これをセンタリングする方法はあるのですか? ご回答宜しくお願いします。

  •  ホームページビルダーVer.11 レイアウト枠について

    ホームページビルダーVer.11のレイアウト枠機能についての質問があります。 ビルダーのどこでも配置モードはブラウザや画面の解像度によって見え方が 違うため悪い機能だということは知っているのですが、標準モードでレイアウト枠 というどこでも配置モードと似ている機能があります。 この機能は使用してもよろしいのでしょうか? また、使わない方が良い場合、ビルダーを使ってどのようにして段組をしたら よろしいのでしょうか? 最後にプレビューにしたとき編集ページとずれが生じてしまうこととも関係 しているのでしょうか?

  • ホームページビルダーのレイアウト枠が正しく配置されません?

    ホームページビルダーのレイアウト枠を利用して写真を貼り付けたのですが、どうも配置がうまくいきません。センターに配置しても立ち上げるとセンターにならず、どうにか微調整してもほかのPCでは位置がずれているのです。

  • HPビルダーの「どこでも配置モード」について

    ホームページビルダー17(試用版)の「どこでも配置モード」の「プラウザ共通のレイアウトに変換」機能について ホームページビルダー17(試用版)の「どこでも配置モード」で表組みのホームページを作っていますが、 「プラウザ共通のレイアウトに変換」するとページ構成要素の表グループと表グループとの間に広い空白が生じてしまいます。(主に縦方向) どうすればページ構成要素がバラバラになるのを防げますか。

このQ&Aのポイント
  • 何度トライしても、製品の選択にて、製品が見つかりませんでしたと表示されてしまう
  • Windows10で無線LAN接続しているMFC-J6580CDWプリンターのドライバーが正常に接続できない問題です
  • 製品の選択時に表示されるエラーメッセージが原因で、正常にドライバーがインストールされずにエラーが発生しています
回答を見る

専門家に質問してみよう