 
【クリック募金】
【ウィルス対策】
【HTMLタグ】
【PCトラブル】
【ランキング】
【P R】
 
 
 
 
 
|
ページ設定
タグの簡易テスト（別窓）
| フレーム | フレームDL
| フレームに枠線 | インラインフレーム
| インラインフレームDL
|
| 背景に色（背景色） |
フレームのダウンロード
フレームって、わたしは初めちんぷんかんぷんで、使えるようになるまでかなり時間がかかりました。
特にフレーム（窓枠部分）のHTMLが、からっぽというか、言ってみれば穴あきで筒抜け（笑）状態であることやリンクターゲットのこと等が、ソースを見ただけではいまいち理解できなくて。「あとからちゃんと勉強するから、とりあえず使わせて！」と思ったものです。
以前フレームについてのご質問を頂いた際、ファイルをダウンロードできるようにしたらとても喜んでいただけたのに味をしめ（笑）、ちょっと作ってみました。やっぱり、わからないながらも使って、使っていくうちに覚えるのも大事だと思います。どうぞご利用くださいませ。
使い方
ダウンロードのリンクにマウスポインタを合わせ、右クリック→「対象をファイルに保存」してください。
拡張子が「htm」になっている場合はエルを付け足して「html」にしてください。
フレーム（窓枠部分）のHTMLが、都合上 index.html 以外の名前（01.htmlなど）になっています。トップページに使用するのでなければかまわないのですが、使用する場合は
index.html に直してください。
スクロールバー
フレーム（窓枠部分）のHTML<frame>タグ内に以下の記述を加えることでスクロールバーの表示・非表示が調節できます。
| スクロールバーを表示する |
スクロールバーを表示しない |
scrolling="YES"
または
scrolling="AUTO" |
scrolling="NO" |
※未記入でもスクロールバーは表示されるようです。
01.html
|
|
ダウンロード |
01.html
menu.html
main.html |
| 01.html ／ "100,*"
menu.htmlの幅・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="100,*"
frameborder="NO" border="0" framespacing="0">
<frame name="leftFrame" noresize src="menu.html">
<frame name="mainFrame" src="main.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
02.html
|
|
ダウンロード |
02.html
top.html
main.html |
| 02.html ／ "50,*"
top.htmlの高さ・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="50,*"
frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" noresize src="top.html"
>
<frame name="mainFrame" src="main.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
03.html
| top.html |
menu
.html |
main.html |
|
ダウンロード |
03.html
top.html
menu.html
main.html |
| 03.html ／ "50,*"
top.htmlの高さ・変更可 "100,*"
menu.htmlの幅・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="50,*"
frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" noresize src="top.html"
>
<frameset cols="100,*"
frameborder="NO" border="0" framespacing="0">
<frame name="leftFrame" noresize src="menu.html">
<frame name="mainFrame" src="main.html">
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
04.html
| top.html |
| main.html |
| bottom.html |
|
ダウンロード |
04.html
top.html
main.html
bottom.html |
| 04.html ／ "50,*"
top.htmlの高さ・変更可 "*,60"
bottom.htmlの高さ・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="50,*"
frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" noresize src="top.html"
>
<frameset rows="*,60"
frameborder="NO" border="0" framespacing="0">
<frame name="mainFrame" src="main.html">
<frame name="bottomFrame" noresize src="bottom.html">
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
05.html
|
|
ダウンロード |
05.html
main.html
bottom.html |
| 05.html ／ "*,60"
bottom.htmlの高さ・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="*,60"
frameborder="NO" border="0" framespacing="0">
<frame name="mainFrame" src="main.html">
<frame name="bottomFrame" noresize src="bottom.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
06.html
menu
.html |
main.html |
| bottom.html |
|
ダウンロード |
06.html
menu.html
main.html
bottom.html |
| 06.html ／"60,*"
bottom.htmlの高さ・変更可 "100,*"
menu.htmlの幅・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="*,60"
frameborder="NO" border="0" framespacing="0">
<frameset cols="100,*"
frameborder="NO" border="0" framespacing="0">
<frame name="leftFrame" noresize src="menu.html">
<frame name="mainFrame" src="main.html">
</frameset>
<frame name="bottomFrame" noresize src="bottom.html">
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
07.html
| top.html |
menu
.html |
main.html |
| bottom.html |
|
ダウンロード |
07.html
top.html
menu.html
main.html
bottom.html |
07.html ／ "50,*"
top.htmlの高さ・変更可 "*,60"
bottom.htmlの高さ・変更可
07.html ／ "100,*"
menu.htmlの幅・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset rows="50,*"
frameborder="NO" border="0" framespacing="0">
<frame name="topFrame" noresize src="top.html"
>
<frameset rows="*,60"
frameborder="NO" border="0" framespacing="0">
<frameset cols="100,*"
frameborder="NO" border="0" framespacing="0">
<frame name="leftFrame" noresize src="menu.html">
<frame name="mainFrame" src="main.html">
</frameset>
<frame name="bottomFrame" noresize src="bottom.html">
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html> |
10.html
menu
.html |
main.html |
right
.html |
|
ダウンロード |
10.html
menu.html
main.html
right.html |
| 10.html ／ "100,*"
menu.htmlの幅・変更可 "*,100"
right.htmlの幅・変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<frameset cols="100,*"
frameborder="NO" border="0" framespacing="0">
<frame name="leftFrame" noresize src="menu.html">
<frameset cols="*,100"
frameborder="NO" border="0" framespacing="0">
<frame name="mainFrame" src="main.html">
<frame name="rightFrame" noresize src="right.html">
</frameset>
</frameset>
<noframes>
<body>
</body>
</noframes>
</html>
|
このページのトップへ
インラインフレームDL
欲しい方がいるかどうか分からないですが、懲りずに作ってみました（笑）。フレームほど数はないので、ご要望があれば追加します。お知らせくださいね。
使い方
ダウンロードのリンクにマウスポインタを合わせ、右クリック→「対象をファイルに保存」してください。
拡張子が「htm」になっている場合はエルを付け足して「html」にしてください。
08.html
08.html
|
ダウンロード |
08.html
iframe.html |
| 08.html ／ src="表示させたいページ" width="幅" height="高さ"
変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<body>
<iframe src="iframe.html"
name="miniFrame" width="300"
height="200" frameborder="no">
</iframe>
</body>
</html>
|
09.html
09.html
|
ダウンロード |
09.html
iframe.html |
| 08.html ／ src="表示させたいページ" width="幅" height="高さ"
変更可 |
<html>
<head>
<title>タイトル</title>
</head>
<body>
<a href="http://www.yahoo.co.jp/" target="miniFrame">link01</a> /
<a href="http://www.google.co.jp/" target="miniFrame">link02</a> /
<a href="http://www.excite.co.jp/" target="miniFrame">link03</a>
<br>
<iframe src="iframe.html"
name="miniFrame" width="300"
height="200" frameborder="no">
</iframe>
</body>
</html>
|
リンク先や表示する文字や画像は普通に変更可能です。→リンク
他にご要望があれば追加しますので、お知らせくださいね。
このページのトップへ
|
ホームページのデザインテンプレートをダウンロードできるサイト
