ホームページビルダー12で両サイドの枠と壁紙を作成する方法

このQ&Aのポイント
  • ホームページビルダー12を使用して、両サイドに枠と壁紙を作成する方法について知りたいです。
  • 「できる ホームページビルダー12」という本を購入しましたが、具体的な手順が記載されていません。
  • また、レイアウト枠の挿入で両サイドに付けた場合、幅の固定がうまくできず、表示が崩れてしまいます。
回答を見る
  • ベストアンサー

ホームページビルダー12 両サイドの枠と壁紙

ホームページ初チャレンジ中です http://www.shuwasystem.co.jp/products/7980html/1840.html こちらのような両サイドにふち、違う背景 を作りたいのですがすがどうするのでしょうか?  「できる ホームページビルダー12」 という本も買いましたがのっていませんでした。  フレームで3分割するのでしょうか? (分割すると表記できないブラウザがあります、らしきコメントがでてき、他の人がしっかり見れるか不安です)   それとも 表記させている部分を表で大きく囲う感じで表を作成するのでしょうか?   (表であれば表幅の固定で苦戦してイマイチ思ったとおりいかないのですが)  後、レイアウト枠の挿入で両サイドに付けてみましたが幅の固定がうまくできていないのか、標準から VGA に変えてレビューすると崩れてしまいます。

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

  • ベストアンサー
noname#130082
noname#130082
回答No.1

スタイルシートでレイアウトするのが良い、とよく言われます。 ページの分割される「箱」を<div class="クラス名">内容</div> とやって(1ページに一箇所だけしか使わない場合はclassのかわりにidを使うことが多い)、スタイルシートマネージャで、このクラスの幅とか指定します。回り込み左、右を指定することで、横に並ばせることができます。 http://css.uka-p.com/ ・・・が、いきなりやるのは敷居が高すぎますよね(T_T)。 さらにまずいことに、この方法だと、HPBではページ編集画面ではレイアウトが崩れまくる上に、htmlソースをいじらないとできません。htmlで書いてはプレビューで確認、を繰り返すことになります。 ということで、次善の策として、枠なしテーブルでやるのがいいと思います。表幅は、例えばパーセントにしても駄目ですか? テーブルでやるときは、あまり複雑にすると、自分でもわけが分からなくなりますから注意してください。

その他の回答 (1)

noname#130082
noname#130082
回答No.2

ホームページビルダーで作ったページは<head> ・・・ </head> の間のmetaタグで「これはホームページビルダーで生成されているページです」という意味の記述があるはずなのですが、質問者様の参照されているページのソースにはないですね。HPBの宣伝をするページなら、HPBで作って欲しいものですが・・・。 もしかして「どこでも配置モード」でページを作成していませんか? これは画面の大きさが固定という仮定の元にページを作ってしまうので、想定された大きさより小さい画面ではレイアウトが崩れると思います(やったことがないので断言できませんが)。「レイアウト枠」というのもやはり画面全体の大きさや枠の位置が固定されるようですので、想定された大きさより小さな画面ではおかしくなる可能性があります。ここらへんを扱うにはスタイルについての勉強が必要になります。 少々面倒ですが、標準モードでページを作り、1行3列の表を挿入して、「属性の変更」で表の幅を例えば90%などとします。また、位置揃えで中央揃えにします。3個のセルができるはずですから、それぞれ中に、左、中央、右、などと適当に文字を入れてみてください。 壁紙に関しては、一番外側の壁紙は「壁紙の挿入」で行い、箱の中の壁紙はセルの属性の背景に画像を指定します。 最後に、表の枠の表示をなしにしてみてください。 >表幅の固定で苦戦してイマイチ思ったとおりいかないのですが ここがどのようにうまくいかないのかちょっと分からないので、的確なアドバイスはできないのですが、取り合えずやってみてください。

関連するQ&A

  • ホームページビルダー7にある表の幅・高さの調整について

    HPビルダーで表を作成しました。 文章や写真をレイアウトし易いように30ぐらいのセルを作ったのですが、幅と高さが勝手に調整されて思うようにレイアウト出来ません。幅や高さは固定することは出来ないのでしょうか? よろしくお願いいたします。

  • ホームページビルダーの表について

    質問させて戴きます。 ホームページビルダーV9を使ってHPを作成中ですが、 テーブルタグ(表)の使い勝手がわかりません。 基本構成を決めて、標準モードでレイアウトの配置を行っていますが、勝手に横幅が広がって、全くレイアウトが安定しません。セルを分割・統合して、そのセルの幅を編集画面で調整すると、勝手に全体の幅が広がったり、別のセルが短くなったり文字が改行されたりしてしまいます。 これはどうすれば解決するでしょうか? 宜しくお願いします。 また、その辺に詳しいサイトがありましたら教えて下さい。

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

    ホームページビルダー13を使っています。 「任意で作成したラベルにマウスポインタを合わせると、自動でプルダウンメニューが表示され、離すと非表示になる。」というものを作成するのに、プルダウンメニューをレイアウト枠で作り、ラベルの下に位置調整をしました。しかし、プレビューで確認するとWindowの大きさ(幅)により、ラベルとレイアウト枠の位置がずれてしまいプルダウンになりません。 標準モードで作っていますが、ブラウザの表示領域に関係なく、任意で作成したラベルの下にレイアウト枠を固定するにはどうしたらよいのでしょうか?

  • フレームがあるホームページ

    これから、ホームページビルダー7で、 ホームページを制作するにあたって、 http://www.avexnet.or.jp/sadamayumi/ のようなレイアウトのものをと考えています。 なので、ソースの表示でタグを見るのですが、 タグのことがよく分からないので、 なかなかこのホームページの構成が 見えてこないのですが、 これはフレームで3分割にして 作られているのでしょうか? ホームページビルダーで、 このようなレイアウトのものを作るのに、 簡単な方法ってありますでしょうか?

    • ベストアンサー
    • HTML
  • ホームページビルダー14で、横幅を800ピクセルにして中央表示(モニタ

    ホームページビルダー14で、横幅を800ピクセルにして中央表示(モニタ幅に合わせて自動調整させる)したいのですが、表は使わずにレイアウト枠を使った場合どのようにするのですか? またレイアウト枠内に表を入れる作り方はなぜそうするのか教えてください。

  • ホームページビルダー7で

    ホームページビルダー7でホームページを作成しています 質問なのですが 表の作成時、属性の変更のセルで、「自動的に行を折り返す」にチェックを入れているにもかかわらず、表の表示がおかしくなってしまいます 例えば、 ・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ と、文章を入れて、そこからプレビューして、ページの幅を広げると、 ・・・・・・・・・・・・・・・・・・・・ ・・・・・・・・・・ と、広げる前に折り返していたところで、途切れてしまいます 「表の挿入時に表の幅をページ幅に合わせる」にチェックを入れてはいますが、関係あるのでしょうか? よろしくお願いします

  • ホームページビルダーV9の使い方

    全くの初心者です。 ホームページビルダーV9をつかって、2分割されたフレーム(リンクビューと本文)を作り、リンクビューの文字列をクリックすると、本文が表示されるような画面をつくりたいのですが、マニュアルのどこにそういった作り方が載っているのかわかりませんでした。  ホームページビルダーではどうやったら↓のようなことができるのでしょうか。 http://homepage2.nifty.com/hazi/frame.html

  • ホームページビルダーで壁紙が表示されないんですが

    「ホームページビルダー7」なんですが、ネット上にサイトを公開すると壁紙がなくなってしまいます。プレビューでは壁紙がちゃんと表示されているし、サイトを作製した時も、中身に壁紙のファイル名が表示されています。なのに、なぜかネットで見てみると壁紙が消えちゃってるんです。 ちなみに、フレームで2つに分割しているのですが、全て壁紙がなくなってしまっています。 これは一体どうしてなんでしょうか?なにか操作ミスでもあるのかな・・・どなたか教えて下さい! 宜しくお願いします!

  • ホームページビルダー11を使用してホームページを作っています。表を使っ

    ホームページビルダー11を使用してホームページを作っています。表を使ってその中にレイアウトを構成して作成していますが、ビルダー上でもブラウザ上でも表の上にスペースが空いてしまいます。 言葉が足りないかもしれませんが、表の上にスペースが空かないようにする方法について知恵をお貸し頂けないでしょうか。宜しく御願い致します。

  • 初めてのホームページ作り

    よろしくお願いします。 ほーむぺーじびるだー10を使用してはじめてHPを作成しているのですが、 作成手順としては、 1)CSSをメモ帳に手打ち。 2)ホームページビルダーでhtmlを打つ。 というような手順で作成しています。 レイアウトとしては、 コンテナ・ヘッダー・左サイド、右サイド、フッターというような構成です。(可変ではなく、数値固定です。) CSSの構文チェック、HTMLの構文チェックとも問題なく順調に作成していたのですが、 右サイドにコンテンツの入力を行いはじめたのですが、 ホームページビルダーのプレビューやブラウザ(sleipnir,internet explorer6,7 モニターサイズ17インチ)では、 問題なく作成したとおりに表示されるのですが、編集ページでは、 左サイドの上に右サイドが固定幅より広がり重なった状態で表示されてしまいます。 これは、気にする事ではないのでしょうか?それとも、ブラウザやモニターサイズでレイアウトが崩れる可能性があるという事なのでしょうか? こうなった原因としては、右サイドの中に、flot:left;の回り込みを利用して、更に4分割の小さなコンテンツ枠を作った為なのですが・・・ 長文で申し訳ありません。 どうかよろしくお願いします。

専門家に質問してみよう