![]() |
|||
|
|
|||
|
ページ設定 | フレーム | フレームDL | フレームに枠線 | インラインフレーム | インラインフレームDL | | 背景に色(背景色) | フレーム | フレームの基礎 | リンクターゲット |■フレームの基礎 ページが分かれていて上部や左側にタイトルやメニュー部分等を固定させているページをよくご覧になると思います。これは「フレーム」と呼ばれる、ひとつの画面に2つ以上のHTMLを表示させる、窓枠のような役割のものを使っています。 ↑上図の例では、「menu.html」、「main.html」と、この2つを収める「index.html」があります。「index.html」は、一番初めに表示されるページです。フレームを使ったページをトップページにする時は、必ずフレーム(窓枠部分)を「index.html」にしてくださいね。 「main.html」は普通に作ってください。表示されるスペースが狭く変わるだけで、特別なことは何もありませんよ。 「menu.html」は、メニューとして使う場合(リンク先を右隣の mainFrame にする場合)、リンクターゲットの指定が必要になってきます。でもあとは表示されるスペースが極端に狭くなることくらいですので、幅に気をつけて普通に作ってください。 全く違うのはこの2つのHTMLを収めるフレーム(窓枠部分)で、これは上図のようなページの場合、以下のような記述になります。
■リンクターゲット → mainFrame 「menu.html」のリンクを右側の「mainFrame」に表示させる場合、リンクは以下のような記述になります。
leftFrame ← もし逆に、「main.html」のリンクを左側の「leftFrame」に表示させる場合は↓です。
Point: その他のリンクターゲットはこちら>>リンクターゲット フレーム名はリンクターゲットとして使う・使わない以前に必ず必要です。 フレーム名は「frame name="migi"」でも「frame name="hidari"」でも、半角英字であれば何でもいいです。分かりやすい名前を忘れずにつけてくださいね。 ページ全体に適用 ページ内のすべてのリンク先フレーム名が一括指定できます。これは <head> 〜 </head>内に、<base target="フレーム名">を記述するだけでOK!です。 <html> <head> <title> </title> <base target="フレーム名"> </head> <body> 表示させたい部分に <a href="リンク先.html">文字など</a> </body> </html>
■フレーム ダウンロード >>こちらにあります このページのトップへ |
||||||||||||||||||
![]() |