マルシェル新規登録で5000円分当たる

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

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

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


回答、お願いします。

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

CSS 名前」に関するQ&A: CSSでのclassやidの名前

A 回答 (3件)

一番初心者向きはそうです。

cssと他の物を併用することで、フレームのように、1つを変えればOKにする事もできます。
http://q.hatena.ne.jp/1185063872
    • good
    • 0
この回答へのお礼

なるほど、PHPを使えば楽になるんですね。
リンク先、ありがとうございました。非常に参考になりました。

お礼日時:2007/09/30 15:46

通常はサーバーサイドプログラムで動的に変更するのでしょうけど


面倒ならiframeでメイン部分を表示してください。
    • good
    • 0
この回答へのお礼

インラインフレームを使う方法もあるのですね。
思いつきませんでした。PHPで挫折したらインラインフレームでやってみることにします。
ありがとうございました。

お礼日時:2007/09/30 15:47

>擬似フレームのメニュー部を同じように記載したページを複製して、メイン部分を変えていくという解釈で良いのでしょうか?



いいと思う。俺ならおそらくそうする。
    • good
    • 0

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

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

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

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

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

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

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

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

Aベストアンサー

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

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

Q擬似フレーム

フレームだらけのHPを,擬似フレームを使用したHPに改造しようと色々と試行錯誤していますが,JavaScript等が良く判らず,難儀しております.

理想としているのは,「擬似フレーム(疑似フレーム)」の作り方(IE6 にも対応、スタイルシート(CSS)、JavaScript使用)」http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/p_frame.html のサイトです.

このサイトを参考にした,「高密度商業地域 - 擬似フレーム」http://komitsudo.blog70.fc2.com/blog-entry-32.html にある
「実際に動作しているサンプルページ」http://blog-imgs-27-origin.fc2.com/k/o/m/komitsudo/index.html
と同様の本文がスクロールするHPは作れたのですが,ヘッダー・サイトマップ・フッターの共用の仕方がわかりません.

よろしくお願い致します.

Aベストアンサー

>参考にしたサイトではJavaScriptを使用してメニューを読み込むようなのですが・・・・・・.
あ~、そういうことか。
単純にサイトに書いてることの説明になりますが

別のファイル「menu.js(仮)」を作って
document.write("<ul class='menu'>");
document.write("<li><a href='1.html'>page1</a></li>");
document.write("<li><a href='2.html'>page2</a></li>");
document.write("<li><a href='3.html'>page3</a></li>");
document.write("</ul>");
としておいて、

html側から
<div class="menu">
<script type="text/javascript" src="menu.js"></script>←これがメニュー部分
</div>
という感じで呼び出してます。

ちなみにヘッダーもフッターも同様に別ファイルから呼び出してますね。
ようするに複数ページの共通部分を外部から書き出すという感じでしょう。

ただ、このやり方だとSEO的にはあんまり効果なしだと思います。
SEO無視するなら擬似フレーム使わないでもいいと思うし。

>ダウンロードできるようなサンプルファイルが無いので,全容が理解出来ないのです.
そういう場合はソースを見て外部ファイルへ直接アクセスしてみてください。
サイトでもこの部分の説明が書いてあったりする。
  ↓
自動生成メニューの作り方
(http://www.kuhp.kyoto-u.ac.jp/~diag_rad/web/auto_menu.html)

>参考にしたサイトではJavaScriptを使用してメニューを読み込むようなのですが・・・・・・.
あ~、そういうことか。
単純にサイトに書いてることの説明になりますが

別のファイル「menu.js(仮)」を作って
document.write("<ul class='menu'>");
document.write("<li><a href='1.html'>page1</a></li>");
document.write("<li><a href='2.html'>page2</a></li>");
document.write("<li><a href='3.html'>page3</a></li>");
document.write("</ul>");
としておいて、

html側から
<div class="menu...続きを読む

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を介す方法を考えた方が、場合によってはいいかもしれません。

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

QCSSによるFrameの代替方法

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

Aベストアンサー

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

それでフレームを使っているのだと思いますが、メニュー部を共有するならSSIを使う方法が比較的見つけ易いですね。
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=ssi+%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC
但し、サーバーがSSIに対応していないと使えませんし、メニューのリンクを検索エンジンが辿るのか?なんて心配もありますね。

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

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

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

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

以上参考意見でした。

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

それでフレームを使っているのだと思いますが、メニュー部を共有するならSSIを使う方法が比較的見つけ易いですね。
http://www.google.co.jp/search?sourceid=navclient&hl=ja&ie=UTF-8&rls=GGLG,GGLG:2006-05,GGLG:ja&q=ssi+%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC
但し、サーバーがSSIに対応していないと使えませんし、メニューのリンクを検索エンジンが辿るのか?なんて心配もあり...続きを読む

QCSSスタイルシート・疑似フレームでのターゲット指定リンク

 CSSのスタイルシートを使ったフレームページ風のデザインがありますね。(疑似フレーム)
 フレームページであれば、ターゲットによってそのターゲットとなったページのみリンク先に飛べますが、CSSのスタイルシートでも再現できますか?
 CSSのスタイルシートではidで別れていますが、どうすればできますかね?JavaScriptを利用すればできるという話を聞いたことはありますが、実際どうすればいいのかわかりません。方法とそのことが詳しく記載されたサイトなどを紹介して頂ければ幸いです。

Aベストアンサー

Ajaxという技術を使えばできます。

参考URL:http://www.openspc2.org/JavaScript/Ajax/Ajax_study/

Qiframe内の特定の場所にジャンプする方法

iframeの枠内に長い記事を入れています。スクロールをするのが大変なので、枠外に第1章、第2章などのボタンをつけておき、それをクリックすることによりそれぞれの場所にジャンプできるようにしたいと思っています。普通のアンカー名を使うページ内リンクではiframeが崩れてジャンプ先の表示が外に出てしまいます。何とかiframeの枠内で表示させたいと思っています。どなたか方法をご教示いただきたいと思います。よろしくお願いします。

Aベストアンサー

(もしかしたら私の解釈が間違っているのかもしれませんが…)
親となるファイルがsample1.html、iframeの中に表示するファイルがsample2.htmlとすると、

sample1.htmlの中身
<iframe src="sample2.html" name="window" width="300" height="200"></iframe>
<a href="sample2.html#idou" target="window">移動</a>

sample2.htmlの中身
<a name="idou">移動させたい場所</a>

とすれば、iframe内に移動させたい場所が表示されると思います。

Qcssの擬似フレームで外部URL表示できますか?

普通のフレームだと、"frame src="などで外部urlを表示できますが、
CSSの擬似フレーム(overflowを使ったもの)だと無理なのではないのでしょうか?
私の認識間違ってますか?

Aベストアンサー

なるほど、PHPが使えるならそれでも良いですが、・・大規模なサイトで、クライアントがデーターをあげれば自動的に作成する場合など、私はもっぱらPerlで組みます。なんてったって慣れてるから・・

perlでのアプローチの方法をヒントにしてください。
URLは、http://hoge.com/ だとします。
サーバーで、DIRECTORY INDEX をindex.htmlにします。
そして、index.htmlは、httpd.confか.htaccessでCGIとして動作させます。
ユーザーから要求があると、次のように動作します。
http://hoge.com/ だと、index.htmlがHTMLを吐き出します。
http://hoge.com/abc.html
 そのファイルがない場合、abc.htmlはサーバー環境変数PATH_INFOに格納され、index.htmlが起動して、データディレクトリ/http_dats_XPTNR(アクセスできない内緒のディレクトリ)内に、abc.data があれば、それを読み込んで、ページを作成して提供します。
 そのファイルがある場合は、それを表示します。
http://hoge.com/efg/abc.html
 同様です。
 efg/が存在する場合は、あたかもefg/index.htmlが存在するように作成します。
http://hoge.com/hij/klm/
 の場合も同様です。

 ページの大部分がほとんど同じデザイン--通常---ですから、必要なところ意外書き直さない。

 数百ページに及ぶような大規模なサイトの場合、いちいちHTMLを作成していたら大変ですからね。あとはクライアントによって、CSVでデーターをもらうか、XMLでもらうか、それとも他のフォーマットでもらうかを決めます。

なるほど、PHPが使えるならそれでも良いですが、・・大規模なサイトで、クライアントがデーターをあげれば自動的に作成する場合など、私はもっぱらPerlで組みます。なんてったって慣れてるから・・

perlでのアプローチの方法をヒントにしてください。
URLは、http://hoge.com/ だとします。
サーバーで、DIRECTORY INDEX をindex.htmlにします。
そして、index.htmlは、httpd.confか.htaccessでCGIとして動作させます。
ユーザーから要求があると、次のように動作します。
http://hoge.com/ だと、index.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...続きを読む

QHTMLからフォルダを開きたい

いつも大変お世話になります<(_ _)>

Webサーバー上にあるWebページ(HTML)の中に、ローカルPCのフォルダを開くリンクを付けたいのですが、
<a href="file://c:\windows">OPEN</a>
としても、何も反応しません。

いろいろ調べたのですが、上記の方法しか見あたりません。

なお、ブラウザのアドレス欄に file://c:\windows と入力すると、フォルダの内容が表示されます。
※Firefoxだと、ファイルの一覧になりますが・・・

何か環境によって挙動が異なるのでしょうか?
それとも、セキュリティ上の観点から最近じゃ出来なくなっているのでしょうか?

是非ともお助け下さい。宜しくお願い致します。

Aベストアンサー

file:///C:/windows/
/は三つでは・・・
 IEの場合はエクスプローラ(ファイルマネージャ)が開くような・・・
 IEはファイルマネージャーと一体のブラウザなので・・・

★実は、ローカルサーバーが必要です。
 apacheでも何でも良いので、WEBデータの入っているフォルダーを
<VIRTUALHOST 127.0.0.1>
C:\Document and settings\my document\web
 とかに指定して、Windowsのhostsファイルで、適当なサーバー名を指定しておきます。
myLocalhost 127.0.0.1
とか・・・

 そうすると
http://myLoclahost/
 で開けます。

 

Qテーブル内の文字サイズを変更したい。

HTMLのテーブル内の文字サイズを変更したいのですが。
イマイチ上手くいかずに悩んでいます。
出来れば全体的に<TABLE></TABLE>のほうでいじれますか?
<TD>タグや<TR>タグのところでいじくるのですか?

Aベストアンサー

いろいろやり方はありますが
文字単位でサイズを変更するには
#2の方法ですね。

テーブルごとやセル(<TD>)ごとにサイズを変更するには
スタイルシート(CSS)を使用します。

テーブルごとにサイズを変更する場合
<TABLE style="font-size : 20px;">

セル(<TD>)ごとにサイズを変更する場合
<TD style="font-size : 20px;">あああ</TD>

#1の方法だとページ内の全てのセル(<TD>)に設定することになります。

スタイルシート(CSS)はこれら以外にも
いろいろな設定方法があります。


人気Q&Aランキング