ネットが遅くてイライラしてない!?

趣味でHPを作成しているものなのですが、
左 |____上_____
左 |
左 |____下_____
という3分割フレームを使っています。
左にはサイトMapを置き、上にはページタイトル、
そして、下には、左のMapでクリックしたものを「target」で、
下に表示しているのですが、
今後Frame要素がなくなるのではないかと
危惧している為、CSSで代替出来ないかと考えております。
左と上はフレームである必要も無いので良いのですが、
サイトの画面を移動せず、下という1部分だけを
切り替えてという感じで引き続き運営して行きたいのですが、
CSSで代替できないでしょうか?
なんとなく段組みレイアウトとJavaScript(こちらは
カテ違いですがわかれば)あたりで、何とか出来ないかと
思っています。その他の言語でしょうか?
私は独学でやっているもので、ジャストなものをサイトで探しても
見つからず、持っている本等にも書いてないので、
お分かりの人がいれば教えて頂きたいと思います。
宜しくお願い致します。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

フレームを使わなければ全てのページにメニューを書けば良いのですが、同じメニューを全てのページに入れるのは面倒ですね。



それでフレームを使っているのだと思いますが、メニュー部を共有するならSSIを使う方法が比較的見つけ易いですね。
http://www.google.co.jp/search?sourceid=navclien …
但し、サーバーがSSIに対応していないと使えませんし、メニューのリンクを検索エンジンが辿るのか?なんて心配もありますね。

javascriptでメニュー部を書き出しても良いのですが、noscriptに同じことを書くことになりますので全く旨みがないのではないかと思いますし、noscriptを書かないと検索エンジンは辿りませんね。
普通に外部javascriptを作ってdocument.writeで書けば良い方法です。

そんなときには、perlでも覚えてパソコン内でperlを動かしてHTMLファイルを作らせるようにしてしまえばメニューの更新も簡単に済みますけどね。
メニュー部分のHTMLのファイル(1つのファイル)と今まで内容が書かれたファイル(沢山あるファイル)を合体させて新しいファイルを作り保存するスクリプトですね。
---ローカル環境でperlを動かすための参考ページ-----------
ActivePerlのダウンロード
http://www2j.biglobe.ne.jp/~apollo/server/server …
AN HTTP Server Home Page
http://www.st.rim.or.jp/~nakata/

---実際にスクリプトを組む時の参考ページ--------
perlファイル操作とファイルハンドル
http://www.kent-web.com/perl/chap6.html

ページが増える度にperlにHTMLファイルを作らせてそれを一括でサーバーにアップロードすれば簡単に済みますよ。
パソコンの中にメニュー管理用ページを作ってメニューの変更などができてボタンを押すとそれを埋め込んだファイルを作るようにしておくとより簡単になります。

以上参考意見でした。
    • good
    • 0
この回答へのお礼

回答有難うございました。
いろいろな方法があるのですね。
私は擬似フレームに付いてまず調べた所
あるサイトでSSIが良いというような内容のコメントを
見つけました。ほかにもPHP、CMSでも同様に作業できる様です。
かつ、SSI、PHPはフレーム同様更新作業が比較的簡単なようですので
まずSSIを本やサイトで勉強してみようと思います。
PHPもまだ新しめのプログラム言語みたいですし興味があります。
試行錯誤していずれかのプログラムで作成したいと思っています。
がYAHOO!ですのでこれらの言語が使えるかは不明です。
CGIが使用不可なので、恐らく使えなそうですが…。
最悪は擬似フレームか、フリースペースか、
まぁ、頑張ってやってみます!!
それでは皆様有難う御座いました。

お礼日時:2006/11/27 20:43

回答ではなく参考意見です。



以下のようなことは十分に考えた上の質問でしたら
御免なさい。

>今後Frame要素がなくなるのではないかと
>危惧している為、CSSで代替出来ないかと考えております。

既に作られたホームページとの互換性を考えると、新規に
使うことを非推奨とされても、相当長期間にわたって
使えると思います。

>左と上はフレームである必要も無いので良いのですが、
>サイトの画面を移動せず、下という1部分だけを
>切り替えてという感じで引き続き運営して行きたいのですが、

サイトの画面を移動せずというのは「url」を変えずという意味
でしょうか。
現在、フレームがあまり使われなくなってきているのは、検索
エンジンなどで検索した結果からダイレクトに目的のページに
到達してもらうためだと思います。階層が深かったりすると、
せっかくホームページに来てもらっても、諦めてしまう人が
多いでしょう。
一方フレームの中のページだけが表示されてしまうと
何のホームページか判ってもらえなくなってしまいます。
これを両立させるために、フレームを使わず詳細な内容と
目次などを常時表示させるような設計になってきているの
だと思います。
そうだとするとフレームを使わなくても、urlが変わらない
のだとすると目的が達成されなくなってしまいます。

フレームを使わずに、目次やコンテンツを管理しやすくする
道具がCMSといわれるソフトで、xoopscubeなどがあります。
しかし、これはこれである程度の技術力を必要とし、
誰にでもお勧めというのはまだないかと思います。
    • good
    • 0
この回答へのお礼

回答ありがとうございました
私のパソコンが良い例なのですが、一応WinXPで
まぁ新しめのOSではありますが、ノートですし、
なんだか余り知識も無いため安いPCを買ったので
HP読み込みが少々ですが、遅いのです…。
普通の色々リンク移動するページでは
少々ストレスを感じるという現状です。
ので、フレームで製作すると読み込みが軽いので
ストレスが余り無く見やすいページに仕上がったので
満足していたのですが、段々使わない方が良いとされてきているので
そろそろ違うプログラムで再構築しようと考えた次第です。

お礼日時:2006/11/27 20:31

フレームの様に見せかけるにせもの、フレームもどきはいろいろあります。


「疑似フレーム|擬似フレーム」等で検索すれば、結構ヒットします。

cssだけのもの、JavaScriptも使うもの、PHP等も使うもの、いろいろです。
欠点もいろいろあるので、abacabuさんにあったものから勉強されるといいでしょう。

cssの基本はまずわかっていないとコピペだけではすぐ破綻します。
頑張ってください。
    • good
    • 0
この回答へのお礼

ご回答ありがとうございます
擬似フレーム色々調べて内容を理解したのですが
全ページにメニューが必要ということで
非常に重たい様ですので今回は使いませんが
大変勉強になりました。
こういう方法もあるのですね!

お礼日時:2006/11/27 20:18

疑似フレーム


擬似フレーム

というキーワードで調べてみてください。
    • good
    • 0
この回答へのお礼

擬似フレーム大変勉強になりましたが
少々重たい様ですので、今回は
使用しない方向になってますが、
PHP,SSI、CMSを勉強しようと思いますが
挫折した際に使用したいと思います
有難うございました

お礼日時:2006/11/27 20:21

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qframeset要素を使わずに画面を分割したい

アンテナ(下記サイト)のように左にメニュー画面を、右にコンテンツを表示するホームページを作成したいと考えています。
https://antenna.jp/

ひとつのウインドウで画面を2つにわけるためにはhtmlのframeset要素を使えばできることは把握しているのですが、上記サイトのアンテナではframesetを使わずに画面分割をしています。

見た目やレスポンシブ対応のしやすさも考え、できればframesetを使わずに画面分割を行いたいのですが、どのようにすれば可能でしょうか。
メニュー部分とコンテンツ部分を別々にスクロールできるようにしたいです。

どなたか分かる方教えてください。

Aベストアンサー

長くなるから、参考ページ参照。

参考URL:http://www.geocities.jp/eijispace/2012/0419.html

QHTML5 iframe の代わり

HTML5でiframeが認められなくなりました。
今まで下記のように

ボタン1ボタン2ボタン3ボタン4ボタン5ボタン6
<旧iframe></旧iframe>

ボタンは表示し続け下にボタンに応じたページを
表示させたい場合一般的にどうすればよいのでしょうか?
javascriptに頼らざるをえませんでしょうか?
皆様のよきご回答をお待ちしております。

Aベストアンサー

><li>のリンクをクリックすると下の内容が変わるのはどういう仕組みなのでしょう

 ブラウザの表示メニューから「スタイルシートなし」を選択してみたら、極めてシンプルなHTMLだと言うことがわかると思います。
 単純にページ内アンカーに飛んでいるだけです。

 HTML5では、HTML4.01以上に、文書構造に従ったマークアップが求められています。実はHTML4.01もそうであったが、
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )」

 しかし、その部分はまったく守られていなかったために、HTML5では、文書構造を示すタグが追加されたにすぎません。!!!!

 ソースを見られてもお分かりのように、スタイルシートを除けば、わかりやすいマークアップがされています。あなたにも検索エンジンにもわかる。

 デザイン、どのように見せるかと、文書構造は独立して考えるべきです。まず、デザインは後回しにして、HTMLの基本をしっかりと学んでください。HTML5はまだ勧告の段階ではありませんから、HTML4.01strictを身につけること。
★はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
 とか。・・・HTML4.01ですが、HTML5は、HTML4.01strictの改訂版です。transitinalなんて知らなくて良い。

 その後、スタイルシートを学んでください。

><li>のリンクをクリックすると下の内容が変わるのはどういう仕組みなのでしょう

 ブラウザの表示メニューから「スタイルシートなし」を選択してみたら、極めてシンプルなHTMLだと言うことがわかると思います。
 単純にページ内アンカーに飛んでいるだけです。

 HTML5では、HTML4.01以上に、文書構造に従ったマークアップが求められています。実はHTML4.01もそうであったが、
「DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。 ( http://www.a...続きを読む

Qframe要素はHTML5から廃止されているのか?

■frame要素
"HTML5 differences from HTML4" によるとframe要素は HTML5 でなくなったとされています。
http://www.w3.org/TR/html5-diff/#absent-elements
ところが、"15 Obsolete features" の項を読むとframeset要素、frame要素に言及されており、
「時代遅れの機能」とお勧めしないニュアンスを醸し出しつつも残っているかのように読めます。
http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#frames
更新のタイミングで "HTML5 differences from HTML4" の情報が古い事も考えましたが、どうやら外れのようです。
http://togetter.com/li/252822

■marquee要素
"15 Obsolete features" ではmarquee要素にも言及されていますが、marquee要素は HTML5 登場以前では独自拡張要素であり、
"HTML5 differences from HTML4" では触れられていません。
つまり、廃止されることが伺える記述はどこにもないわけでmarquee要素の扱いがどうなるかも気になるところです。
"14.5.11 The marquee element" を読む限りでは「"CSS Marquee Module Level 3" で定義してね」と読めるのですが、
input要素など廃止されていない要素が "14.5 Bindings" にあることも踏まえるとCSSでバインドした実装方法を説明しているだけのようにも読めます。
http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#the-marquee-element-0
http://www.w3.org/TR/css3-marquee/

■質問内容
Q1. "15 Obsolete features" にある機能は「廃止された機能」として受け取って良いのか?
Q2. 「廃止された機能」でないとしたら「廃止された機能」と「廃止されなかった機能」の境目はどこにあるのか?

■コメント
範囲が大きく、解釈の仕方によって答えが変わってきそうですが、どんな小さな事でもアドバイスいただけると嬉しいです。
「frame要素に関しては...」など部分的な回答も歓迎です。

■frame要素
"HTML5 differences from HTML4" によるとframe要素は HTML5 でなくなったとされています。
http://www.w3.org/TR/html5-diff/#absent-elements
ところが、"15 Obsolete features" の項を読むとframeset要素、frame要素に言及されており、
「時代遅れの機能」とお勧めしないニュアンスを醸し出しつつも残っているかのように読めます。
http://www.whatwg.org/specs/web-apps/current-work/multipage/obsolete.html#frames
更新のタイミングで "HTML5 differences from HTML4" の情報が古い事も考えまし...続きを読む

Aベストアンサー

"obsolete" と言えば、通常は「廃止」の意味です。

e.g. http://www.w3.org/TR/html401/conform.html#didx-obsolete
| "obsolete" な要素・属性とは、利用者エージェントがサポートする保証のないものである。"obsolete" な要素は、もはや当規定では定義されないが、歴史的目的のために当参考マニュアルの「変更点」に一覧を載せておく。

しかし、HTML(5) の "obsolete" は、少しだけ意味が変わっています。用語として定義されていないので、実際にどう使われているかを確認して下さい。

---
ところで、2 つの用語、適合(conformance)要件(requirements)を覚えて下さい。これらの意味は HTML: 2.2.1 にズラズラと書かれています。

・適合文書
・適合ウェブブラウザ(インタラクティブ UA)、非インタラクティブ UA、視覚系 UA、非スクリプティング UA、適合性チェッカ、データ発掘ツール、制作ツール・マークアップ生成器

ページ制作者は「適合する文書」を、UA 開発者は「適合する UA」を目指さねばなりません。立場によって要求されるもの(要件)が違うのです。

ウェブブラウザがうまく解釈してくれるものであっても、ページ制作者がやって良いことであるとは限りません。そのことは HTML: 1.11 および WHATWG FAQ: 4.16 にクドクド注意されています。

思い返せば、Authoring 要件と User Agent 要件の分離というのは、これまでも HTML 4.0(1) Strict と Transitional の分離として暗黙に行われてきたことです。さらに言えば、インターネットの設計原則を述べた RFC 1958 にも「送るときは厳密に、受け取るときは寛容に」と書かれています。

HTML(5) は、普通に文書を作ればそれなりに後方互換性を保てるよう配慮されています。もし、それ以上に古いものが必要ならば UA にのみそれを許可し、ページ制作者には許可しない、というやり方になりました。それは、古い文書の解釈をブラウザ間で(それなりに)統一し、かつ、ページ制作者に古いページを作らせないためです。

--
閑話休題。HTML: 15 をざっと追ってみます。

15.1 節は「廃止されたが適合する諸特徴」です。これらは適合違反ではないものの、これからのページ制作者が使うべきではなく(should not)、適合性チェッカが警告を出さねばならないものです。HTML 4.01/XHTML 1.0 Strict、XHTML 1.1 の文書型宣言もこれに含まれます。

15.2 節は「非適合な諸特徴」です。ページ制作者がこれらを用いてはなりません(must not)。フレームおよび marquee はここに含まれます。

15.3 節は「実装要件」です。UA が非適合な諸特徴をサポートするときの要件が書かれています。document.all が false に変換され、typeof all が "undefined" を返す件もここに書かれています。

---
仕様書に載っていることは、全てが等しく重要、ではありません。少なくとも normative と non-normative の差があり、ものによっては今回のように適合要件がいくつかある場合もあります。重要度に大きな差があるのです。必ず用語法および文脈を確認して下さい。

なお、余力があれば WHATWG FAQ を翻訳してみて下さい。更新が早いので管理は大変ですが。
http://wiki.whatwg.org/wiki/FAQ

"obsolete" と言えば、通常は「廃止」の意味です。

e.g. http://www.w3.org/TR/html401/conform.html#didx-obsolete
| "obsolete" な要素・属性とは、利用者エージェントがサポートする保証のないものである。"obsolete" な要素は、もはや当規定では定義されないが、歴史的目的のために当参考マニュアルの「変更点」に一覧を載せておく。

しかし、HTML(5) の "obsolete" は、少しだけ意味が変わっています。用語として定義されていないので、実際にどう使われているかを確認して下さい。

---
ところで、2 つの...続きを読む

Qdiv内に外部のurlを表示させたい

たびたびお世話になります。

divにスクロールを表示することで、iframeのようにブラウジングすることができますが、
このdiv内に外部のurlを表示させることは可能でしょうか?
検索してみたのですが、思うようなものが見つからず困っています。
それとも、不可能なのでしょうか?

もし可能なのであれば、その方法等簡単に記述していただければ幸いです。

Aベストアンサー

iframeの代用はobjectを使うのが定石のようです。

こんな感じでしょうか?
<body>
<div>
<object type="text/html" data="http://www.yahoo.co.jp/" width="600" height="300">
<p>object に対応していない場合はこれが表示される</p>
</object>
</div>
</body>

ただ、Objectタグには制限が多く使いづらい部分もあります。
※たとえば、枠の非表示などができない
CGIやPHP、JavaScriptを介す方法を考えた方が、場合によってはいいかもしれません。

とりあえず、一つの回答ということで…。

Qインラインフレームの表示位置を指定したい

インラインフレーム自体の表示位置を指定したいと思っています。
ページの大きさに対して中央に、
インラインフレームのページを表示したいと思っているのですが、

横位置は、ALIGN="center"を使って指定出来きましたが、
縦位置の指定が出来ないでいます。

色々と検索してみたのですが、
もしかしたら出来ないのでは。。。とも思っています。
ですが、Web上には中央に配置されるページとかもあるので、
出来ないはずはないのですが、
タグをみても量がおおくてわかりません^^;

恐れ入りますがよろしくおねがいしますm(__)m

Aベストアンサー

高さと幅が固定されていれば、以下のcssが有効のようです。
<style type="text/css">
<!--
#center{
height:200px;
width:500px;
position:absolute;
top:50%;
left:50%;
margin-top:-100px;
margin-left:-250px;
border:solid 1px #666666;
}
-->
</style>

<iframe src="" name="" id="center">
インラインフレームを使用しています。
</iframe>

Qhtml上で、バッチやexeファイルの起動をしたい

わけあって、学校(養護学校)初心者向けにhtmlでメニューを作っています。
さて、スタートボタンやディスクトップにショートカットを使わず、htmlの中からバッチファイルやexeファイルを起動できるでしょうか?

もし可能ならば、教えてください。OSはWindows XPで起動したいファイルはexeファイルとバッチファイルです。
よろしくお願いします。

Aベストアンサー

<html><head></head>
<body>
<a href="file:///c:/windows/system32/calc.exe">電卓</a>
</body>
</html>

QCSSの擬似フレームでのリンク方について

今まではHTMLでフレームを使っていたのですが、勉強になりそうなので、CSSを使って擬似フレームでサイトを作ってみることにしました。

だいたいのカタチは出来たのですが、リンク時に疑問が。
HTMLの時のように、リンク先をどこに表示するか名前指定でリンクすればいいと考えていたのですが、CSSでは実際は1つのページなので、名前指定というわけにはいきませんよね?

リンクするときは新しいページに飛ぶ時・ページ内にリンクするとき以外は、擬似フレームのメニュー部を同じように記載したページを複製して、メイン部分を変えていくという解釈で良いのでしょうか?


回答、お願いします。

Aベストアンサー

一番初心者向きはそうです。cssと他の物を併用することで、フレームのように、1つを変えればOKにする事もできます。
http://q.hatena.ne.jp/1185063872

QHTMLフォームのSELECTの幅を一定にするためには?

HTMLフォームのSELECTの幅を一定にするためにはどのようにすれば
いいのでしょうか?

CSS等で設定できるとありがたいのですが、やり方がわかりません。

Aベストアンサー

<select style="width: 200px">

QHTMLタグが書かれた外部ファイルを、HTMLファイルに読込みたい

複数のHTMLファイル内で、同じHTMLタグを書く部分がいくつかあります。
それらのHTMLタグの部分を外部ファイルか何かにして、HTMLファイル内で読み込むようにすることは出来ますか?

JavaScriptでは外部ファイル(jsファイル)の読み込みはできるようですが、HTMLではできないんでしょうか?

※尚、CSSではやりたい事は出来ませんでした。
共通化できるのはスタイルだけなので・・。
私が共通化したいのは、HTMLタグです。

例えば

<TD>hogehoge</TD>



<IMG src="hoge.jpg">

などのタグを複数のHTMLファイルで共有する為に
外部ファイル化したいんですが
そんなことって出来るのでしょうか・・?

上記のようなタグを複数のHTMLファイルで共通できる手段であれば、外部ファイルという形式じゃなくても別にいいのですが・・

Aベストアンサー

javascriptの外部ファイルで
docuemnt.write("<TD>hogehoge</TD>");
document.write("<IMG src="hoge.jpg">");

Q別フレームのページを更新させたい

質問させてください。
Windows IE6.1で試しています。


左右に分かれたフレームのページをつくり、
右ページにメニュー、左ページに掲示板を作っています。
左ページを更新したら、同時に右ページも更新させたいのですが、
それの方法がわかりません。

一応、下記の通り試してみましたが、更新しませんでした。

function autoOpen(){
window.open("menu.htm","menu");
}

左ページの更新時、
BODYを下記のとおり書き換えています。

<body onLoad="autoOpen()">

あと、
<body onload="parent.frames.menu.reload(true)">
も試してみましたが、やはりダメでした。

何卒宜しくお願いします。m(_ _)mペコリ

Aベストアンサー

まずは、始めまして^^

早速ですが、質問の内容を見る限り、条件として左右にフレームが分かれた状態で、双方からページを変更出来る事を実現したいと言うことでよろしいのでしょうか?
(プラスしてポップアップウィンドウも更新させたいのかな??)
以下の説明は、親ウィンドウは左に掲示板(bbs)、右にメニュー(menu)、ポップアップウィンドウ(popup)でもメニューを表示するとして説明させて頂きます。


初めにフレーム間の操作についてですが、質問に最後に書かれている次の文は非常に惜しいですね
parent.frames.menu.reload(true)
非常に惜しいのですが、これでは多分エラーが発生してしまうと思います。

一つ記述を忘れている為に、発生しているエラーなのですが、その記述とは、「location」です。

日本語で訳すと、parent(親)の[frames(宣言されているフレーム中)]で「menu(menuと言うフレーム)」の「location(現在位置)」を「reload(更新)」してあげるのです。

つまり、以下の文に直せば上手く行ってくれると思います。(menu=フレーム右側、このScriptは掲示板ページから実行する物とします)

parent.frames.menu.location.reload(true)

付け加えて書いておきますが、framesは記述しない以下の文でも同様の動作をしてくれます。

parent.menu.location.reload(true)


次にポップアップウィンドウから親ウィンドウ内を操作する方法ですが、今回は親ウィンドウはフレーム単位で左右に分割されていると言うことなので、ポップアップウィンドウから一部のフレームを操作するのは、少し複雑になります。
以下に最初に説明した親フレームのmenuを更新するのと同様の動作をする例を書いてみますね^^
(この例ではポップアップウィンドウから親フレームのmenuフレームを更新します)

opener.menu.location.reload(true);

これで、ポップアップウィンドウからもmenuを更新することが出来ました。

以上で解説を終わります。
参考になったか分かりませんが、ホームページ作り、頑張ってください p(^-^)q

まずは、始めまして^^

早速ですが、質問の内容を見る限り、条件として左右にフレームが分かれた状態で、双方からページを変更出来る事を実現したいと言うことでよろしいのでしょうか?
(プラスしてポップアップウィンドウも更新させたいのかな??)
以下の説明は、親ウィンドウは左に掲示板(bbs)、右にメニュー(menu)、ポップアップウィンドウ(popup)でもメニューを表示するとして説明させて頂きます。


初めにフレーム間の操作についてですが、質問に最後に書かれている次の文は非常に惜しいですね
...続きを読む


人気Q&Aランキング