この見本を実際のWebブラウザで見るには,SampleFrame.htm, sampleTitle.htm, sampleMenu.htm, page-1.htm および page-2.htm の5つのファイルを 各自のホームディレクトリ(本学科は /home4/userId/public/)の中にアップロードします。
フレーム設定の見本
- ファイル名: SampleFrame.htm
- ファイルの内容:HTMLのソースコード
<HTML>
<HEAD>
<TITLE>フレームの設定</TITLE>
</HEAD>
<FRAMESET ROWS="90,*">
<FRAME NAME="frTitle" SRC="sampleTitle.htm">
<FRAMESET COLS="160,*">
<FRAME NAME="frMenu" SRC="sampleMenu.htm">
<FRAME NAME="frContents" SRC="page-1.htm">
</FRAMESET>
</FRAMESET>
</HTML>
タイトル画面の見本
- ファイル名: sampleTitle.htm
- ファイルの内容:HTMLのソースコード
<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
</HEAD>
<BODY>
<H2> △○○△のレポート/H2>
情報処理II
</BODY>
</HTML>
メニュー画面の見本
- ファイル名: sampleMenu.htm
- ファイルの内容:HTMLのソースコード
<HTML>
<HEAD>
<TITLE>メニュー</TITLE>
</HEAD>
<BODY>
<UL>
<LI> <a http="page-1.htm" target="frContents">ページA</a> </LI>
<LI> <a http="page-2.htm" target="frContents">ページB</a> </LI>
<LI> ページC </LI>
</UL>
</BODY>
</HTML>