電子書籍の厳選無料作品が豊富!

ホームページ初チャレンジ中です

http://www.shuwasystem.co.jp/products/7980html/1 …

こちらのような両サイドにふち、違う背景 を作りたいのですがすがどうするのでしょうか?

 「できる ホームページビルダー12」 という本も買いましたがのっていませんでした。

 フレームで3分割するのでしょうか?
(分割すると表記できないブラウザがあります、らしきコメントがでてき、他の人がしっかり見れるか不安です)
 
それとも 表記させている部分を表で大きく囲う感じで表を作成するのでしょうか? 
 (表であれば表幅の固定で苦戦してイマイチ思ったとおりいかないのですが)

 後、レイアウト枠の挿入で両サイドに付けてみましたが幅の固定がうまくできていないのか、標準から VGA に変えてレビューすると崩れてしまいます。

A 回答 (2件)

スタイルシートでレイアウトするのが良い、とよく言われます。


ページの分割される「箱」を<div class="クラス名">内容</div>
とやって(1ページに一箇所だけしか使わない場合はclassのかわりにidを使うことが多い)、スタイルシートマネージャで、このクラスの幅とか指定します。回り込み左、右を指定することで、横に並ばせることができます。
http://css.uka-p.com/

・・・が、いきなりやるのは敷居が高すぎますよね(T_T)。
さらにまずいことに、この方法だと、HPBではページ編集画面ではレイアウトが崩れまくる上に、htmlソースをいじらないとできません。htmlで書いてはプレビューで確認、を繰り返すことになります。

ということで、次善の策として、枠なしテーブルでやるのがいいと思います。表幅は、例えばパーセントにしても駄目ですか?
テーブルでやるときは、あまり複雑にすると、自分でもわけが分からなくなりますから注意してください。
    • good
    • 0

ホームページビルダーで作ったページは<head> ・・・ </head> の間のmetaタグで「これはホームページビルダーで生成されているページです」という意味の記述があるはずなのですが、質問者様の参照されているページのソースにはないですね。

HPBの宣伝をするページなら、HPBで作って欲しいものですが・・・。

もしかして「どこでも配置モード」でページを作成していませんか? これは画面の大きさが固定という仮定の元にページを作ってしまうので、想定された大きさより小さい画面ではレイアウトが崩れると思います(やったことがないので断言できませんが)。「レイアウト枠」というのもやはり画面全体の大きさや枠の位置が固定されるようですので、想定された大きさより小さな画面ではおかしくなる可能性があります。ここらへんを扱うにはスタイルについての勉強が必要になります。

少々面倒ですが、標準モードでページを作り、1行3列の表を挿入して、「属性の変更」で表の幅を例えば90%などとします。また、位置揃えで中央揃えにします。3個のセルができるはずですから、それぞれ中に、左、中央、右、などと適当に文字を入れてみてください。
壁紙に関しては、一番外側の壁紙は「壁紙の挿入」で行い、箱の中の壁紙はセルの属性の背景に画像を指定します。
最後に、表の枠の表示をなしにしてみてください。

>表幅の固定で苦戦してイマイチ思ったとおりいかないのですが
ここがどのようにうまくいかないのかちょっと分からないので、的確なアドバイスはできないのですが、取り合えずやってみてください。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!