Frameを利用したWebページ

この見本を実際のWebブラウザで見るには,SampleFrame.htm, sampleTitle.htm, sampleMenu.htm, page-1.htm および page-2.htm の5つのファイルを 各自のホームディレクトリ(本学科は /home4/userId/public/)の中にアップロードします。

フレーム設定の見本

<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>

タイトル画面の見本

<HTML>
<HEAD>
   <TITLE>タイトル</TITLE>
</HEAD>
<BODY>
<H2> △○○△のレポート/H2>
情報処理II
</BODY>
</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>