• ベストアンサー

2カラムのホームページ

今まで、HPビルダでホームページを作っていましたが、最近CSSが便利との事で、勉強を始めました。 従来、フレームを使ってカラムを分けていましたが、 あるCSSのテンプレートを見てみると、各ページごとに同じ内容のヘッダーやレフトメニューを持たせた形態になっています。 フレームを使った方法とは、ずいぶん違いますが、この方法が一般的なんでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • pai3_14
  • ベストアンサー率56% (319/566)
回答No.1

他からリンクを張ってもらうのに、フレームだと ブラウザのアドレス欄には親のHTMLのURLしか表示されず、 実際にクリックしたら全然違う内容のページが表示される という経験はありませんか? cssで メニュー等にインラインフレームを使うと、 そのターゲットのURLが アドレス欄に表示されてこのような 問題が解消されます。 こうした理由から最近は CSSが主流だと思います。 他にも、Googleなどの検索エンジン用に、大切なキーワードを 頭の方に持ってきやすいなどの特徴があります。

参考URL:
http://html-time.com/java/frame_iframe.htm
anubis37
質問者

お礼

詳しく解説していただいて、ありがとうございました。

関連するQ&A

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

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

  • 2カラムのホームページを作っているのですが

    質問お願いします。 右にメニューリストを作って左側にコンテンツを表示させる2カラムのホームページを作っています。 現在、右の側のメニューリストはPHPのinclude機能を使って呼び出しています。 しかし、PHPの動作が遅くページが表示されるまでちょっと時間がかかります。(2~3秒ですが、体感でかなり遅く感じる) なので現在PHP以外の方法で呼び出す方法を考えています。 直接それぞれのページに表を書く方法はメニューの追加が大変なので止めました。 perlなども似たような物だと思うので、できればHTMLやCSSの機能でやりたいのですが、無理でしょうか? 詳しい方、よろしくお願いします。

  • ホームページの効率的な管理方法

    ホームページの効率的な管理方法について助言いただけますでしょうか。 現在ホームページ・ビルダー12を使ってホームページの作成をしています。 大まかなレイアウトはヘッダーが有って、左にメニューブロックが有って、ヘッダーとメニューブロックはほぼ全ページで共通に使うようにしています。 ヘッダーとメニューの共通部分については、テンプレートとして作成しておき、新規ページ作成の時に利用するようにしています。 問題は共通部分の変更時なのですが、ページ数が多くなるとページ毎に共通部分の変更をするのは大変なことです。 効率的な管理方法があれば教えていただけますでしょうか。 ホームページ・ビルダー・クイックでは、上記のようなことができるのですが、レイアウトやデザインは定型のものしか使えないようなので対象外としています。 もしホームページ・ビルダー12以外のホームページ作成ソフトで、上記のような管理機能を持っているものがあれば教えてください。 宜しくお願いいたします。

  • ホームページビルダー15について

    ホームページビルダー15でホームページを作っています。cssデザインテンプレートのヘッダ画像のみを横幅いっぱいに表示したいのですが、cssのどの部分を変更したらいいですか?わかる方お願いします。

  • CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか?

    CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか? こんにちは。 今まで、ホームページビルダーを使って、HTMLでウェブページを作ってきました。 左カラムをメニュー部分として、インラインフレームで作成していました。 この度、SEO対策から、 CSSを使ったテンプレートに代えて作り変えようと思っています。 でも、いまいちよくわからないのですが、 スタイルシートで左カラム(メニュー)を書くとなると、 全てのページを作った後にリンクを貼って、 そのメニュー部分をすべてのページにまた複製しないとならないですよね?? 私のウェブサイトは、100ページ弱あるので、 なかなか考えただけで大変そうです。。。 スタイルシートで、2カラム形式左メニューのページを作成したことのある方、 もし良かったら方法を教えて下さい。 ※ちなみに、ブログは自己カスタマイズが大変なので利用しない方向です。 FC2で持っていますが、やっぱりHTMLの方が使いやすいので・・・

    • ベストアンサー
    • SEO
  • 3カラムのレイアウトにおいて・・・

    こんにちわ、サイトを趣味で作っている者です。 最近よくあるCSSでの3カラムレイアウトで作成してます。 上部にヘッダーその下にメニューとコンテンツ部分という構成ですが、 あるサイトにおいて、どのページを開いても、 ヘッダ部分とメニュー部分が表示されるようにアップしたので、 メニュー部分に追加があった時は、 全ページのメニュー部分を書き換えないといけない状態です。 1ページだけ更新したら良い様な作り方とか、 またアプリケーションってあるんでしょうか? 大変な労力で困っています。 よろしくお願いします

    • ベストアンサー
    • HTML
  • ホームページビルダーでダウンロードしたテンプレートを読み込む方法ってありますか?

    初心者の為説明が下手でしたらすいません。 ホームページビルダーを使ってHPを作ろうとしている所です。 デザインなども自信がなかったので、テンプレートをダウンロードしてきました。 ダウンロードしたファイルは基礎HTMLのファイルと、着せ替えCSS用のCSSファイルです。 このCSSをHTMLに読み込まなくてはならないと思うのですが、まずその過程をホームページビルダーで出来るかどうか、 また、初歩的ですが、そもそもの基礎HTMLをホームページビルダーホームページビルダーに取り込む…というか、読み込めるのかどうかがよく分りません。 ホームページビルダーでファイルを開くから、ダウンロードしたファイルを開こうとしましたが、indexなどのHTML形式のファイルしか、開けそうにありませんでした。 ですが、例えばこの方法だとindex、Menuとそれぞれ同じ様に改変していかないとならない気がします。 親子それぞれのページで同デザインで纏めたい時には、indexで表示されるタグをそれぞれのページにコピーするしかないのか、それとも何か他の方法があるのか…。 どのタイミングでCSSをHTMLに読み込んでいいかもよく分りません。 また、無事に読み込めた際に、それはindexのページだけにのみ反映となってしまわないのか、等疑問点が沢山です。 一度に沢山の質問で申し訳ないのですが、お分かりになる方、もしくは説明のあるサイトをご存じの方がいらっしゃいましたら、宜しくお願いします。 尚、ホームページビルダーのヴァージョンは10です。

  • ホームページ制作をHTMLでやっているのですが2カラムのテンプレートが

    ホームページ制作をHTMLでやっているのですが2カラムのテンプレートが表示されず困っています 色々調べてみたのですが(テンプレートの使い方、初心者のためのHPづくりのようなサイト様で)どうにも自力でがんばってみたのですが3日かかっても解決できません ファイルを作ってその中にCSS、HTMLを入れてHTMLは<link rel="stylesheet" href="ファイルの中のテンプレートのソースをCSSで保存したもの.css" type="text/css">を<head>~</head>の間に入れているのですが…ついでにこの調子で背景もバックグランドに設定しているのに変わりません ソフトは『Hetecre.exe』と『ezhtml.exe』を使っています(使い方が分からず持て余してますが『Hpman.exe』のソフトも入っています)それともみなさんはHPを作るときはなにか別の簡単に作れるなにか(?)をお持ちなんでしょうか 自分では初のHP作りで最善は尽くしきったのでもうお手上げです どなたかわかるよという方、教えてもらえると本当にありがたいです

  • ホームページビルダーV6.5 編集画面にビックリマークと、レイアウト崩れ

    ホームページビルダーV6.5を使用しています。 無料配布のCSSを使用しているページを編集したいのですが、編集画面のレイアウトが、崩れます。プレビューは正常です。 1、例えば左カラム、四角の中に「タイトル ここはフリースペースです。  好きなだけ増やせるよ。 」ですが、編集画面では「ここ 好き」しか見えません。 2、例えば「メニュー メニュー メニュー メニュー メニュー HOME 」ですが、縦文字になってる「メニュー」が左右に並んでいます。 画面には黄色いビックリマークが沢山付いています。 ホームページビルダーV6.5で編集できないのでしょうか? 使い方が間違えているのでしょうか? 編集したいのは、 http://homepage.decoweb.jp/template/view/H200081 宜しくお願いします。

  • ホームページビルダー15のフルCSSテンプレート

    今現在、ホームページビルダー9を標準で使っていますが、新しくホームページビルダー15のフルCSSプロフェッショナルテンプレートでホームページを作成したいのですが、今現在のホームページをフルCSSプロフェッショナルテンプレートにダイレクトに張り付ける方法とかあるのでしょうか?それともまた一から作り直さなければいけないのでしょうか?できれば今現在のホームページを生かした状態でフルCSSプロフェッショナルテンプレートを使って作成したいのですが。いろいろやってみたのですが、できませんでしたよろしくお願いします。

    • ベストアンサー
    • CSS