フレームの応用とサンプルスタイル

　Back ＞ Place

　

フレーム見本とソース

基本的なフレームサンプルとHTMLソース（テンプレート）を用意しました。
フレームサンプルの図をクリックすると、サンプルページがご覧になれます。

フレームページ１６種類のテンプレート一括ダウンロード: FrameSetDownload.lzh (28KB)

◆　フレーム基本分割

基本的な分割は、下記のリストをクリックするとサンプルページがご覧になれます。
また、サンプル画像の下のフレームページダウンロード「Frameset-00.lzh (0.0KB)」をクリックするとテンプレート（組み立てページ）がダウンロードできます。

ニ分割サンプル	ダウンロード	三分割サンプル	ダウンロード
横分割左メニュー型右メニュー型縦分割上メニュー型下メニュー型	横分割左メニュー型右メニュー型縦分割上メニュー型下メニュー型	横分割左右メニュー型縦分割上下メニュー型	横分割左右メニュー型縦分割上下メニュー型

◆　フレーム三分割

３ページ表示型です。

フレームサンプル図	ソース
フレームページダウンロード Frameset-07.lzh (1.7KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows="100,"> <frame src="～～～.htm"> <frameset cols="100,"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-08.lzh (1.7KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset cols="100,"> <frame src="～～～.htm"> <frameset rows="100,"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-09.lzh (1.7KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows=",100"> 　<frameset cols="100,"> 　　<frame src="～～～.htm"> 　　<frame src="～～～.htm"> 　</frameset> <frame src="～～～.htm"> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-10.lzh (1.7KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset cols="100,"> <frame src="～～～.htm"> 　<frameset rows=",100"> 　　<frame src="～～～.htm"> 　　<frame src="～～～.htm"> 　</frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>

◆　フレーム四分割

４ページ表示型です。

サンプル図	ソース
フレームページダウンロード Frameset-11.lzh(2KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset cols="100,"> <frame src="～～～.htm"> 　<frameset rows="100,,100"> 　　<frame src="～～～.htm"> 　　<frame src="～～～.htm"> 　　<frame src="～～～.htm"> 　</frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-12.lzh (2KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows="100,,100"> <frame src="～～～.htm"> 　<frameset cols="100,"> 　　<frame src="～～～.htm"> 　　<frame src="～～～.htm"> 　</frameset> <frame src="～～～.htm"> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-13.lzh (2.1KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows="100,"> <frame src="～～～.htm"> <frameset cols="100,"> <frame src="～～～.htm"> <frameset rows="*,100"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> </frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-14.lzh (2.1KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows=",100"> <frameset cols="100,"> <frame src="～～～.htm"> <frameset rows="100,*"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset > </frameset > <frame src="～～～.htm"> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-15.lzh (2.1KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset rows="50%,50%"> <frameset cols="100,"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <frameset cols=",100"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>
フレームページダウンロード Frameset-16.lzh (2.1KB)	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <title>タイトル</title> </head> <frameset cols="50%,50%"> <frameset rows="100,"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <frameset rows=",100"> <frame src="～～～.htm"> <frame src="～～～.htm"> </frameset> <noframes> <body> <p>このページは、フレーム使用です。非表示の方は<a href="URL">非対応のページ</a>をご利用ください。</p> </body> </noframes> </frameset> </html>

　【←BACK 】

Copyright (c) Producer by System KS. 2001 All rights reserved.