• 締切済み

iframeで別ファイルで管理しているhtmlを同

iframeで別ファイルで管理しているhtmlを同一のページに表示させたい。 htmlをかじったレベルなので、多少記載に誤りがあると思いますが、優しい目で見てください。m(__)m index.htmlファイルで、別ファイルで管理しているヘッダー、サイドバー、フッターをそれぞれifameで 読み込むようにしています。 しかしながら全体でプレビューするのが本番環境だけになってしまい、もしどこかでミスしていると怖いためこれらを同一のページに表示させたいです。 どうすればできますでしょうか? ちなみにHPソフトはドリームウィーバーを使っております。

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

ローカルサーバーを使う。  私は、製作サイトごとに http://hoge.com.local のようなローカルサーバーでテストしてます。  なお、ヘッダー、サイドバー、フッターまでもiframeはSEO的にとってもまずいです。SSIを使用して一体のHTMLにしたほうが良いです。 【引用】____________ここから 技術に関するガイドライン  Lynx などのテキスト ブラウザを使用して、サイトを確認します(ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります)。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。  ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[ウェブマスター向けガイドライン(品質に関するガイドライン) - ウェブマスター ツール ヘルプ( https://support.google.com/webmasters/answer/35769?hl=ja#2 )]より  SSIが使用できないサーバーでしたら、Dreamweaverの場合、テンプレートやライブラリ機能を利用することが簡単です。

関連するQ&A

  • htmlのiframeについて

    iframeを使用する際に特定のidのエリアのみ表示させることはできますか? 例:取得先サイト ■ヘッダ ■コンテンツ1(id="area1") ■コンテンツ2(id="area2") ■フッタ 取得元のサイト(表示させたいサイト)に、上記サイトのコンテンツ2だけを引っ張ってきたいと考えています。 ヘッダやコンテンツ1、フッタはiframeに表示させたくありません。 コンテンツ2のみiframeに表示させたいです。 こういったことは可能でしょうか。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • IFRAMEを使っているのですが

    indexはフレームも何もない普通のページで、ENTERをクリックして入った次のページに IFRAMEを使っているページを作っています。 このページに入ると、IFRAMEの中にindexが表示されてしまい、困っています。 このIFRAMEの中に表示するページを指定する事はできますか?

    • ベストアンサー
    • HTML
  • <IFRAME>でコンテンツ部分のみ表示させる方法

    自サイト内に他サイトのページを表示させたいと考えています。 <IFRAME>を使えば可能であることを知りましたが、これに加えて、 ヘッダーとフッター以外のコンテンツ部分だけを表示させたいと考えています。 そのような方法をご存じの方はいらっしゃいますでしょうか?

    • ベストアンサー
    • HTML
  • iframeから別ページのiframeへのリンク

    iframeに関する質問です。 iframe内リンク から別ページの iframe 内のアンカーへの移動は可能でしょうか? ======ページ構成は以下の通りです。====== A_01.html (親ページ) A_02.html (A_01のiframe (子) ページ) B_01.html (親ページ) B_02.html (B_01のiframe (子) ページ) ====================================== ======希望動作====== A_01.html 内に設置してある、iframe A_02.html のリンクをクリックし、 別ページでB_01.html 内に設置してある iframe B_02.html のアンカー先を 表示したいと思っております。 ==================== 色々と試してはいるのですが上手く行っておりません。 iframeの重複利用は避けたいのですが、色々な制限の為、やもえず使用しております。 何かアドバイスや方法がありましたら宜しくお願い致します。

  • CSSファイルの上手な使い方を教えて下さい。

    現在、Webサイトを作成しており20ページくらいになりますが、色や形を変えることが多々あり、そのたびにCSSファイルのコードを修正するのが面倒です。 私はhtmlファイル20枚につき、CSSファイル20枚となっており、すべてのCSSファイルにヘッダーやフッターサイドバーのデザインを施すコードが記述されております。 この方法は非効率でしょうか? 良く考えてみたのですが、全てのページでヘッダーとフッター、サイドバーのデザインが同じなら、ヘッダー、フッター、サイドバーだけのCSSファイルを1つ作成し、メインコンテンツはページの分だけCSSファイルを作成するべきなのでしょうか? この場合、htmlファイル1枚につき、2枚のCSSを読みこませれば良いのでしょうか?

    • ベストアンサー
    • CSS
  • IFRAME内のPDFファイルの表示

    ホームページにIFRAMEを挿入して、PDFファイルを表示させていたのですが、 PCにAcrobat5.0をインストールしたところ、IFRAME内にPDFファイルが表示されなくなりました。 その代わり、「ファイルのダウンロード」ウィンドウが開いてPDFファイルは 別ページで閲覧するように設定が変わってしまったのですが、 これを元に戻してIFRAME内に表示させるにはどのような処理をすればいいのでしょうか?。  ※URL http://www15.ocn.ne.jp/~yuhki/

  • iframeについての質問

    iframeについての質問ですが、例えば、トップページ、日記のページがあるとします、日記のページにはiframeがあり、iframe内に、毎日の日記を別のhtmlで作ったものを表示していこうと思います。 トップページから、日記ページのiframe内に、トップページより、指定した日にちのhtmlファイルにリンクするにはどのようにしたらよいでしょうか?

    • ベストアンサー
    • HTML
  • Webサイトのフッターやサイドバーの効率良い管理

    Webサイトを作成したのですが、けっこう管理が大変です・・・ 現在、30ページくらいあるのですが、これから60ページくらいに増やす予定です。 そうなると、今以上に更新作業がとても大変になります。 現状、サイドバーとフッターは、全てのページで同じ内容になっております。 フッターだけのHTMLファイル、サイドバーだけのHTMLファイルを作成し、それを他のHTMLファイルに読みこませることは可能でしょうか? もし、この方法ができるなら、フッターとサイドバーの更新は、1つのファイルを更新するだけで完了するので、とても助かります。 また、フッターとサイドバーを読みこませる場合、何か問題はあるでしょうか? 例えば、検索ロボットに認識されずらくなるということはありますか?

    • ベストアンサー
    • CSS
  • iframe内からのリンク

    少々複雑ですいませんがお願いします。 ・index.htmlにname="contents"でiframeを設置 ・iframe内に先頭に戻るリンクを最下部に設置したい(ここでいう先頭はページ全体のトップ) ・上記リンクを押した際にiframe内は現時点のページのまま index.html ------------- <body> ヘッダー内容 <iframe src="フレーム内ページ.html"></iframe> + + + フレーム内ページ ----------- <body> <a name="top"></top> ページの内容 + + + このままだとフレーム内ページの先頭に飛ぶのは周知なので。 条件として、 ・CSSは使用可能。 ・javascriptは使えるが、使わないですむならその方が良い。 ・環境上jQueryは不可。 ・flash他は考えない。 カテゴリが異なるのかもしれませんが;よろしくお願いします。

    • ベストアンサー
    • HTML
  • 【JS】(同ページの)iframe内に別頁を表示

    JavaScriptに関する質問です。iframe内に、別のページを表示したいのですが、この際JavaScriptではどのような指示で実現できるのか教えていただけませんか。 よろしくお願いします。