• 締切済み

ある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列にするにはどうすればいいのでしょうか?

みんなの回答

回答No.3

おはようございます。 僕もビルダー初心者なんで、人のサイトを参考にしたりします。 僕の場合、ブラウザで名前をつけてファイルを保存で、 保存したものをビルダーで開いて見ています。

回答No.2

一般的に、テーブルタグや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デザインの知識が必要になります。 色々調べてみて、勉強してみて下さい(^^)

回答No.1

目的のサイトのをブラウザで表示し、ページをソースで保存し、それをビルダーで開けばよいと思います。。 また、これらのサイトは表を挿入して3段に分けているようです。表を作成する際には、それぞれの表のサイズを打ち込まないと、ブラウザで見たときにつぶれてしまうので要注意です。

関連するQ&A

専門家に質問してみよう