• 締切済み

Frameを使わないホームページの作成方法

<frame>タグで、画面を分割していたWebページを、<frame>タグを使わないで書きかえたいと思います。 <table>タグやスタイルシートを使って書き換えようと思い、いろいろ調べたのですが、分かりませんでした。 デザインは画面左側にメニューがあり、右側にそれぞれの内容ページが表示されるよくあるパターンです。 <frame>タグの場合、別にHTMLファイルを作りメニューに追加してそのファイルを書き換えれば良いですが、<table>タグを使う場合や、スタイルシートを使う場合にはどうすればいいのでしょうか? また、メニュー項目が増えたときに1つのファイルの書き換えですむようにはできますでしょうか? もし、お分かりの方がいらっしゃいましたら、サンプルコードとあわせて 教えていただけないでしょうか? よろしくお願いいたします。

みんなの回答

  • skycolor
  • ベストアンサー率37% (3/8)
回答No.3

CSSの2カラムレイアウトは http://css.uka-p.com/ ここに載っています。 CSSはデザインの柔軟性がとても高いです。 そしてソースの軽さ。表示の速さ。 しかも、CSSを外部ファイル化すればデザイン変更もかなり楽々に。(内容の変更じゃないんです。あしからず。) テーブルレイアウトはどのブラウザでもほとんど同じようにデザインが表示されます。 しかし、複雑になればなるほど重くなります。(何重にもするなど。) また、音声読み上げブラウザ等ではうまく内容が表現されないようです。 CSSレイアウトもブラウザによって表示が異なることがありますが、それはCSSハックという手法で回避しています。 僕も、小学生の時(現在中2)テーブルでレイアウトをしていたのですが、かなり重かったです。 で、試しに違うページをCSSで作ってみたら、結構軽くなりました。 それからCSSをずっと4年間使い続けてるわけですが・・・ 僕としてはCSSレイアウトを推奨します。

全文を見る
すると、全ての回答が全文表示されます。
  • ame-sanc
  • ベストアンサー率32% (152/467)
回答No.2

サーバーと契約していて、そのサーバーが利用可能であればPHPでできると思います。 このサイトの「マイページ」を開くと、同じような感じの構成のページが出てきますよね。 ここのURLを確認すると、 http://personal.okwave.jp/mypage.php3 とでてきて、PHPで構成されてることがわかります。 それができないなら、やはり同構成にして逐一メニューなどを追加するしかないと思います。 table より div で構成するほうがいいという意見が多いですが、 個人的には経験上SEO対策的観点からみてもそう大差はないですし、 対応ブラウザの観点からもこのほうがいいと思います。 世界基準に合わせて div でやっておいたほうがいいとも言われますが、 もうそんなこといい始めて10年以上経ちますし、大手サイトでも table で構成されてるところは多いです。 あくまで後半部分は個人的意見ですので、参考までにしてください。

全文を見る
すると、全ての回答が全文表示されます。
  • tnews
  • ベストアンサー率75% (3/4)
回答No.1

<html><body> <table> <tr> <td width="x">左の内容全部</td> <td width="y">右の内容全部</td> </tr> </table> </body></html> xとyには幅を取りたいドットを書きます。 一般的にはxが200で、yが600かな?? お使いの環境によって表示が異なりますが、いろいろ試してください。 http://www.geocities.jp/multi_column/ ←参考にCSSで

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • ホームページの作成について

    こんにちは。よろしくお願いします。 現在ホームページを作成しているのですが、フレームを使用すると、いろいろと問題があるようなので、フレームを使用せずにホームページを管理していきたいと思っています。 イメージとしては、トップ画面の同じデザイン(スタイル)を使用していきたいので、左にメニューバー、右側に情報を掲載させていくよう考えています。トップページをテンプレートとしてページを作成していくと、左のメニューバーにコンテンツを増やすと、すべてのページにコンテンツを一つずつ付け足していかないといけません。これでは、今後かんりしていくのに不便なので、スタイルシートのようなものを使用して、コンテンツを増やすと、すべてのページにコンテンツを増やすことができているっていうのは無理でしょうか? HTML等のレベルは、ホームページビルダーを使用して作成しているので、ほんの基本的なことしかわかりません。参考のページ等ありましたら教えてください。よろしくお願いします。

  • フレームを使うべきでしょうか?

    たとえばフレームでページをわけて左側のページのリンクをクリックしたら右側のページに表示させるみたいなことができますよね。 それと似たような感じでリンクをクリックしたときにページ内のフォームというかボックス(400*400くらいの四角い範囲内)にそこのリンク先のページを表示させたいのですが、この場合は、ページの上下左右をフレームで分けて、表示させたい部分の四角を作らないといけないのでしょうか? 文章だけだと表現しずらいのですが、回答おねがいします。わかりづらい点は質問していただければ補足させてもらいます。 あとホームページ作成は、タグとスタイルシート使ってやろうと思います。スタイルシートはまだまだ勉強不足ですが。

    • ベストアンサー
    • HTML
  • フレームで、2つのページを同時に変える方法。

    HTMLタグで、フレームで3つに分割しました。 メニューページ ページa ページb とします。メニューページで、abどちらもいっぺんに画面を変えるにはどうしたらいいんですか。 よろしくお願いします!

    • ベストアンサー
    • HTML
  • フレームを使わずに右側だけを切り替える

    個人で絵のサイトを作ろうとしています。 HTMLとCSSで作り、画面を半分に分けて左側がメニューで右側に絵が表示されるというよくある形が目標です。 フレームを使わずに、overflowでスクロールできるようにしたのですが、問題はメニューで右側に絵を表示させる際にこのままだとメニューを切り替えるたびにリンクがページごと切り替わる点です。 メニューの数がある程度限られていれば、左側が同じページをいくつもつくり右側だけ変えるようにできますが、絵の数が増えればそのたびメニューの項目がいくつと増えていきます。 そのたび今まで作ったページたちの左側をいちいち編集しなければいけませんよね?それはめんどくさい… 今目指すレイアウトでフレームを使わずに右側だけ切り替える、もしくは絵を更新するたびにひとつひとつ書き換えにいかなくても済む方法はありますでしょうか? 同じような質問はいくつもあるのですがなかなか解決にたどり着かないので質問させていただきました。 以上の内容でよろしければ回答お願いします。

    • ベストアンサー
    • HTML
  • スタイルシートを使用したホームページの作成について

    教えて下さい。ホームページビルダー7を使用して、現在HPを作成しているのですが、スタイルシートを使って、同じレイアウトのページを作成したいと思っています。イメージとしては、ページ上部にタイトル、左側にメニューバーと考えているのですが、これをテンプレートとして保存して、各ページを作成しているのですが、この方法だと、メニューに1つコンテンツを増やしたりすると、すべてのページに1つずつコンテンツをつけてしていかなければいけません。今後の事を考えれば、コンテンツが増えていくと考えられますので、外部スタイルシート(css?)を使用して、そこを変更すれば全ページのメニューに反映されるような方法をとりたいと思います。 フレームを使用すればそれは簡単ですが、HPにフレームはいろいろな弊害があるので、やめたいと思います。フレーム以外でそれと同じような方法があればよろしくお願いします。 私のホームページの知識は、ビルダーで作成して、HTMLをちょこちょこと変更するぐらいなので、専門的に勉強していません。大体の意味がわかるのですが…。 どうぞよろしくお願いします。

  • ホームページ作成で透明なフレーム

    トップペーになどの上方や右側などに 透明で綺麗な花の絵などがあり、ページをスクロールするとスクロールされた部分が、透明なフレームのしたに重ねて見られるようなページをみかけますが、どのように タグをにゅうりょくするのか 教えてください。

  • ホームページ作成で、フラッシュ素材をクリックすると、分割してある別のフレームに画面が出ません

    1ページを2フレームに分割してあります。 左側をフレーム名 → <FRAME src="index-l-.htm" name="left"> 左側をフレーム名 →<FRAME src="index-l-.htm" name="right"> フレーム左側は、メニュースペースとしてあります。 右側は、左フレーム内に設置してある項目をクリックすると、そのページが表示されるようにしてます、 今までは、このページの左側は、テキスト形式で 項目を表示して、クリックすると 右側に表示してました。 例 左側メニュー項目【自己紹介】をクリックすると、右側に【自己紹介ページ】 このときのコマンドは、<A href="sub-zikosyoukai.htm" target="right"><ACRONYM>自己紹介</ACRONYM></FONT></A></DIV> 左側を、フラッシュでメニュー項目で表示したいのですが、 &menu1=自己紹介& &menu1_1=自己紹介& &url1_1=sub-zikosyoukai.htm& &target1_1=_right& と、してみたのですが、フレーム右側に表示されず、新しいウインドウになって表示されてしまいます。 &target1_1="right" と入力してみても駄目でした、 テキストで別フレームへクリック結果を表示するのと、フレーム名は同じでもコマンド名が違うのでしょうか? ちなみに、こちらのフリー素材 メニュー2をダウンロードして行ってみました。↓ http://naturalbreeze.cside.com/flash/menu/menu.index.html http://naturalbreeze.cside.com/flash/menu/menu.index.html この素材のメニュー画面は、英語文字しか表示できませんが、上記のメニュー項目及びプログラム名の 自己紹介と日本語表示してあるのは、わかりやすくする為です、実際にこちらで作成した、サンプルは、英語文字で 行ってます。皆様のお力をお借りできれば幸いです、何卒、よろしくお願い申し上げます

  • ビルダーで作成しています。フレーム設定でリンクする方法

    初心者です。 フレームをつくって左側がメニューで右側に情報がはいるようにしています。 メニューのほうのボタンをクリックすると 隣のフレームに画面が表示されるように作成したいのですが、 左側のフレーム内に表示されたり、新しいウインドウができたりしてうまくいきません。 ビルダーを使っている方、どうすればいいのかぜひ教えてください。

  • HTMLのタグ(フレーム)について

    現在HTMLタグでホームページを作っています。 左にメニュー項目、右にその内容が表示されるようにフレームタグ、frame src=を使いました。 しかしここで困っていることがあります。 メニューで選択したページが表示されるにはされるのですが、いちいち新しいページを開くことになるのです。 同じページに左で選択した項目を右側に表示したいのですが、どのようにタグを変えればよいのでしょうか。 わかるかた教えてください。

  • フレームの事

    フレームの事で困っています。 私の場合、右と左で分けたいのですが、それぞれが独立しているらしく、左にメニューを表示させて、右側に出したいのに、左側にリンク先が出てしまいます。(上の広告はちゃんと消してあります。)タグが間違っているのかと思ったのですが、辞書の通りやったので、間違ってはいないと思います。強制的に左のメニューから右のメイン画面に開かせるというのはできないのでしょうか。 もし、出来ないにしても、解決方法があれば教えてください。

    • ベストアンサー
    • HTML
首絞めセックスの愛とは?
このQ&Aのポイント
  • 夫が最近首絞めセックスをしてきたが、自分でも無意識で気づいていなかった。
  • 過去に元カノから要求されたが、萎えてしまった経験がある。
  • 首絞めセックスは愛の表現であり、苦しくない程度の絞め方をしている。
回答を見る

専門家に質問してみよう