- ベストアンサー
タグを教えてください。
下記のようなHPを作りたいのですが、文字や画像関係はサイト等で見つけられたのですが、デザイン（背景）のタグが分かりません。 教えて下さい。 （TOPページ） ※左右にそれぞれ端から3センチから5センチくらい色を付けたい。（こちらのサイトのような） （その他） ※次ページからは左のみに色をつけて、その上に他のページへの項目（こちらのサイトのように）を載せたい。 よろしくお願いします。
- HTML
- 回答数6
- ありがとう数7
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 やはりというか何というか、普通の小中高大出身で、それ以外は行ったことないです。 おまけに文系です。（苦笑） タグは、よくある「はじめてのHTML」的な本で基礎を学び、後は他人のソースを見て学習。 その後は経験から学びました。そんな感じです。 というわけで本の紹介は控えますが、 定番サイトとひとつ↓
その他の回答 (5)
- rightegg
- ベストアンサー率41% (1357/3236)
こんにちは。 あとは普通と同じですよ。 シンプルに書くと、 <td width="100" bgcolor="#666666"> <a href="hoge.html" target="_self">リンク1</a><br> <a href="hoge.html" target="_self">リンク2</a><br> <a href="hoge.html" target="_self">リンク3</a> </td> みたいな感じ。 もうひとつの<td>（右側）には、 <td width="*" bgcolor="ffffff">本文</td> といった感じで本文を書きます。 リンクの時は、右側だけ入れ替わるのではなく、 もう一度似たようなページ（右側だけ違う）を読み込むってことです。 （OK WEBはその方法です）
お礼
righteggさん、ありがとうございます。 本当に分かりやすく、説明してもらってありがとうございます。 ちょっと、今からやってみます。
補足
何とか、出来ました。 本当にありがとうございました。 righteggさんは、やはり専門の学校とかに行かれているのでしょうか？ ちょっとタグを勉強してみたいのですが、おすすめの本とかありましたら、教えてもらえないでしょうか？ （あつかましく、お聞きしましてすみません。）
- rightegg
- ベストアンサー率41% (1357/3236)
こんにちは。 いや、その、既に書いてあるんですけど.... 同じ作り方で、今度は３つじゃなくて２つにするだけ。 要するに３つめの<td>～</td>を全部取るんです。 出来ません？
お礼
righteggさん、ありがとうございます。 左だけtopページのように色を付けることは出来たのですが、色つきのところに項目を載せて、そこをクリックすると右側に表示というのが出来ません。 すみませんが、教えて下さい。 （ホントにあつかましくお聞きしましてすみません。）
- rightegg
- ベストアンサー率41% (1357/3236)
こんにちは。 えーとすみません。 書いたタグの内、真ん中のTDを閉じてないですね。 （あくまで参考に書いたソースなので、適宜変えてください） 多分、OK WEBからの質問者なんですね。 （OK WEBと教えて!gooは内部で繋がってるんです） ちょっとOK WEBに行ってみましたが、やはりテーブルで作ってますね。 フレームは使ってません。 左の項目をクリックするたびに一旦真っ白になりますよね。フレームだと、右側だけ内容が変わります。 OK WEBと同じ作り方なら、先程の回答の通りにすれば実現可能です。 とにかくテーブルを色々試してみてください。 別に難しいことはありませんから。
お礼
righteggさん、ありがとうございます。 【TOPページの左右に色をつける】出来ました。 あと、お聞きしたいのですが、TOPページのENTERボタンを押すと次ページに移動して、その次ページを質問の左側だけに色がつき、そこに項目があって、クリックすると右側の色の付いていない所に項目の内容が表示されるようにしたいのですが、どうすればいいのでしょうか？ たびたびスミマセンが教えて下さい。
- rightegg
- ベストアンサー率41% (1357/3236)
こんにちは。 そうですね、フレームが楽でしょうけど、 ページ遷移が面倒になりますね。 テーブルだとHTML一枚で出来ます。 ただ余白が出来てしまっては意味がないので、 まずは <body topmargin="0" leftmargin="0"> と云う風にコンテンツの余白を無くします。 ※他の属性は自由に指定して下さい。 次に、テーブルを縦横とも100%で作ります。これが土台です。 <table border="0" width="100%" height="100%" cellpadding="0" cellspacing="0"> で、セルで３分割。 <tr> <td width="50" bgcolor="#333333"> <img src="spacer.gif" width="50" height="1"> </td> <td width="*" bgcolor="#ffffff">メインコンテンツ</td> <td width="50" bgcolor="#333333"> <img src="spacer.gif" width="50" height="1"> </td> </tr> こんな感じ。 ポイントは、真ん中のセル幅を自由にすること。 左右のセルは幅だけ指定してもずれることが多いので、必ずダミー画像を挟んでください。 真ん中のセルはキャンパスみたいなものなので、その中でさらにテーブルを組むなりなんなりしましょう。 で、ページ遷移後。 同様にテーブルを作りますが、今度はセルが２つで左側のみwidthに数値を入れる。 そのセル上にリンクを作ればいいでしょう。 もし幅が不安定なら、やはりダミー画像で調整します。 フレームと違うところは、URLが変わってしまう、ページ遷移するたびに全て再読込になる、コンテンツ部分だけスクロールさせることが出来ない、といったあたりでしょうか。 しかし、企業サイトなどをみると、こちらの方が主流で、フレームを使用している例はあまり見かけません。
お礼
righteggさん、ありがとうございます。 教えてもらったタグでやってみたのですが、色が一色の画面になってしまうのですが、私が間違っているのでしょうか？ あと、こちらのサイトのような左側に色が付いていて、項目があって、クリックすると右側の白部分に表示されると言うのは初心者にはとても難しいものなのでしょうか？ 全くの初心者なので分からないのですが。
- 12m24
- ベストアンサー率23% (193/817)
フレームを使ってみてください。 フレーム用ファイルを用意して、分割方法を考え、それぞれのフレームの中身のファイルを指定してやります。
お礼
12m24さん、ありがとうございます。 フレームで調べてみます。
補足
先ほど、フレームでやってみたのですが、画面の右側に色をつけて、項目を表示することは出来たのですが、項目をクリックした際に右側に表示したいファイルが表示できないのですが、何をどうすればいいのでしょうか？フレーム以外のタグが必要なのでしょうか？ 教えて下さい。
お礼
righteggさん、ありがとうございます。 独学で勉強されたんですね。 私もがんばって勉強して見ます。 本当にありがとうございました。