- 締切済み
あるHPのデザインをビルダーで再現する方法は?
http://www.nttdocomo.co.jp/やhttp://www.kds.kddi.com/topics/index.htmlのサイトの構造をしりたいです。 http://www.kds.kddi.com/topics/index.htmlのトップデザインを参考にすながら、自分のサイトを作っています。 よく見ると、「What' new」「トピックス」一番右は「いろいろなサイトのPR」と3列にまとまっていて見やすいのでこれを参考にしながら、自分のサイトを作っています。 HPビルダーV9を使ってて、標準モードで作っています。次に、上記のサイトのように3列に分けてそれぞれの箇所を作っていきたいんですが、文字入力を選んで挿入すると、横1列全部使ってしまうので、縦3列にはできません。 ワードの段組み機能を思い出したのですが、ビルダーでも段組をして縦3列を作るのでしょうか? どうやっていいのか分かりません。縦3列にするにはどうすればいいのでしょうか?
- みんなの回答 (3)
- 専門家の回答
みんなの回答
- satoshi777
- ベストアンサー率0% (0/6)
おはようございます。 僕もビルダー初心者なんで、人のサイトを参考にしたりします。 僕の場合、ブラウザで名前をつけてファイルを保存で、 保存したものをビルダーで開いて見ています。
- raichioisi
- ベストアンサー率32% (26/79)
一般的に、テーブルタグやCSSを利用して段組を作ります。 例にあげられたサイトですと、CSSを使用してレイアウトしています。 CSSは少し分かりづらいので、テーブルタグを使ってみましょう。 間単に書きますと <table border="1"> <tr> <td>What's new</td> <td>トピックス</td> <td>いろいろなサイトのPR</td> </tr> </table> といった感じになります。 ソースをコピーして貼り付けてみてください。 分かりやすいように枠線を表示しています。 枠線を消す場合は、border="1" ←この値を0にしましょう。 テーブルタグについては、色々な指定ができます。 以下のサイトを参考にしてみて下さい。 http://www.tohoho-web.com/ http://www.tagindex.com/index.html きちんと配置しようと思えば、 webデザインの知識が必要になります。 色々調べてみて、勉強してみて下さい(^^)
- kansai_jin
- ベストアンサー率50% (12/24)
目的のサイトのをブラウザで表示し、ページをソースで保存し、それをビルダーで開けばよいと思います。。 また、これらのサイトは表を挿入して3段に分けているようです。表を作成する際には、それぞれの表のサイズを打ち込まないと、ブラウザで見たときにつぶれてしまうので要注意です。