下記のようなHPを作成するには？

質問

HPB初心者の者です。

下記のＨＰはHPBを利用して作成されたようです。
ttp://www.wsb.jp/hpb/index.html

HPB入門のような本を購入してきましたが、上記のようなＨＰを作成しようと思ってもさっぱりできません。

ＢＬＯＧなどはたくさん作成したことがあるのですが。。

もしよろしければ、上記のようなＨＰを作成するのに必要な知識を教えていただきたいです。

ＣＳＳなどだと思うのですが。。
このＨＰはテンプレートから作成されたのでしょうか？

さっぱりわからなくて困っています。。

回答No.4

123isao · ベストアンサー

このサイトは普通にビルダーで作ったというよりも
タグをいじれるくらい詳しい人がタグ打ちで作ったようなページです。

普通はテーブルレイアウトで作られたホームページが多いですが、
このサイトの場合完全ＣＳＳデザインです。

ＣＳＳに詳しくないとＣＳＳレイアウトはお勧めしません。
ＣＳＳにはバグがありますし、うまく作らないとブラウザによっておかしな表示になります。

初心者が簡単に真似をするのであれば３行×３列の大きなテーブル(中央寄せ)を用意するだけでレイアウトは簡単にできるのでは？

回答No.5

noname#20674

初心者じゃ、多分無理だとおもいます、僕もこうゆうページを作っていますが、うまく出来るまで、しばらくかかりました。
頑張ってみてください、No.4がいってたように、たしかにそうです、ほとんどのページはテーブルタグ（表）が基本です。

お礼

皆様ありがとうございました。

回答No.3

aqucent

> 上記のようなHPを作成するのに必要な知識を教えていただきたいです。
えっと、同じような質問を何度か拝見しています。
何か堂々巡りをしている感がありますが、大丈夫でしょうか？

「HTML」と「CSS」

この2つはWebページを作る上で必須です。
JavaScriptやPHPなどを使用しているWebサイトも勿論ありますが、それは上の2つを習得した後に手を付けるものです。(そうじゃないと、理解が難しいですので)

他のサイトのHTMLソースを読んで参考にしたい、という希望が多いようですが、テキストエディタでソースから書けるようになれば、自分で解読できるようになりますよ。

> 先ほどのサイトの左のカラムに、サイト内検索、FAQなどの項目がありその背景に青いバナーのようなものが使われていますが
CSSが使われています。
背景画像を指定していますね。

> もしくはこの素材はご自身で作成されたと推測されますか？
制作者はサイト内に素材についての記述があるか否かで判断するしかないかと思います。
あるいは、管理人に直接聞いてみてはいかがでしょう？
言うまでもなく、それが一番確実です。

参考URL：

http://www.htmq.com/, http://www.nextindex.net/, http://www.scollabo.com/banban/

お礼

ご丁寧にありがとうございます。

回答No.2

kirikanan61

すいません、質問者さんが上げられたHPにビルダーでCSSを作る方法が載ってました。

参考URL：

http://www.wsb.jp/hpb/upsite/index.html

お礼

ありがとうございます＾＾

回答No.1

kirikanan61

お急ぎとの事なので、簡単に。

参考のページはソースを見ると分かるように
外部スタイルシートを使っています。
（<link rel="stylesheet" ｈref="htop/css/top.css" type="text/css">の部分）
ビルダーでも勿論作れますが、その前にスタイルシート（ＣＳＳ）に関する知識が必要です。
ビルダー用の入門書ではなく、初心者用スタイルシートの本を参考にされると良いと思います。

※CSS初心者用に下記のようなサイトもあります。
【WEB工房きくちゃん】
http://www.stylish-style.com/
【2step脱テーブルスタイルシートCSSレイアウト講座】
http://www.2step-css.com/

補足

それと追加でお聞きしたいのですが、先ほどのサイトの左のカラムに、サイト内検索、ＦＡＱなどの項目がありその背景に青いバナーのようなものが使われていますが、これもスタイルシートを理解すれば解決するのでしょうか？

もしくはこの素材はご自身で作成されたと推測されますか？
いろいろ聞いてしまい申し訳ないです。。