締切済み

ホームページ作成中ですが、タグで分からない所を教えてください。

2009/08/01 02:24

現在、書籍やネットでHTMLを勉強しながら、自分でホームページを作っている最中です。作りたいデザインはあるのにタグが分からないので教えてください。サイトデザインとしては、ページを700～800ピクセルくらいで作って、左右の余白は、背景をボーダーの素材を使用、例のHPのようにページの右側に薄く影を付けたいのです。（ソースを見てもサッパリで・・・）（例）高松西ロータリークラブ　http://www.88club.com/rc/ また書籍やネットでは項目ごと、例えば「文字の装飾」「リンク」「表の作成」など辞典のように説明していますが、全体の流れがイマイチ分かりません。 1つのホームページを0から初めて完成まで順に手順を紹介しているようなサイトがあれば教えてください。お忙しいところ申し訳ありませんが、宜しくお願い致します。

jaikoooo
お礼率74% (38/51)

みんなの回答 （2）
専門家の回答

みんなの回答

meah1835
ベストアンサー率51% (265/512)

2009/08/01 09:52 回答No.2

＞0から初めて完成まで　↓　目標サンプルページがあってとても理解しやすいですよ。 http://homepage.shichihuku.com/ ＞薄く影を付けたい　を除けば、質問者様のご要望のサイトが出来上がると思います。

質問者

お礼 2009/08/02 08:34

お忙しいところ、ご回答ありがとうございます。教えていただいたサイト、とても分かりやすいです。自分ではタグ辞典のようなサイトや書籍しか見つけられなかったので、紹介してもらったような一連の流れがあると、とても勉強になります。本当にありがとうございました。

BlurFiltan
ベストアンサー率91% (1611/1754)

2009/08/01 06:06 回答No.1

そのページはテーブルのセルの背景に「影」の画像を使っているようですよ。その名もズバリ「kage.gif」。コレ↓ http://www.88club.com/rc/img_cmn/kage.gif 上のURL文字列のGIFへのリンクがかかった部分を右クリックするなどして，対象(GIF)を任意のフォルダに保存させてもらうとします。そしてその GIF を保存したフォルダ内に任意の名前で次の HTML を保存してもらうと簡略例が見えると思います。 ----------------------------------- <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>サンプル</title> </head> <body bgcolor="#E8E8E8"> <div align="center"> <center> <table border="0" width="500" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF"> <tr> <td width="499"> <p>aaa</p> <p>　</p> <p>　</p> </td> <td width="1" background="kage.gif"><img border="0" src="kage.gif" width="5" height="1"></td> </tr> <tr> <td width="499"> <p>bbb</p> <p>　</p> <p>　</p> </td> <td width="1" background="kage.gif">　</td> </tr> </table> </center> </div> </body> </html> ----------------------------------- 背景にすると同時にこの GIF をスペーサーとしても使っているようです。 Google検索「spacer」 http://www.google.co.jp/search?hl=ja&q=spacer&lr=&aq=f&oq= W3C などの勧告で，こういう HTML の書き方は良くないものとされていますし最近はあまり見かけませんが，まあ，１つの方法ではあるという例にはなると思いますね。ご質問にある「作成手順」の説明ではありませんが，一応作る方法の回答です。 ※作成手順は自分で考えるものではないでしょうか？　具体的にどうしたいのかをまず決めて　そのしたい状態になるように段取りをします。

質問者

お礼 2009/08/02 08:32

お忙しいところご回答ありがとうございます。試してみたらサンプルページで確認できました！！しかも簡略して書かれているので、大体の構造も把握することができました。これから少しずつ自分なりに手を加えていって、思い通りのホームページを作れるように勉強したいと思います。かなり行き詰っていたので本当に助かりました。ありがとうございました！