ＷｅｂＰａｇｅ発射台（初心者の、初心者による、初心者のためのＷｅｂＰａｇｅ作り講座）

画像と文字のレイアウトメモ帳でタグをうつ・・・・・これが一番確実。かも。

「フレームを使いたい。」そんな要望に。

フレームのサンプル　順番に見ていって下さい。
サンプル１の作り方 サンプル２の作り方 サンプル３の作り方

でもあまり多用すると逆効果です。

　

用意するモノ
文字を入力してみよう最低用意するモノ

サンプル１の作り方は済ませましたか？

mypage（“自分の作品”フォルダー）
　　┣frm　　（“フレーム”というフォルダ）
　　┃　┗pages　（“ページたち”というフォルダ）

　

１，ではさっそく　　frm“フレーム”というフォルダー　　の中に作ってみましょう。

　

フレームフォルダーの中にとindex_frame_2.htmlいうファイルを作ります。これはフレームの骨格を作っています。

index_frame_2.html
<HTML><HEAD><TITLE>フレームのリンク例　２</TITLE></HEAD>


<FRAMESET COLS="150,* ">
<FRAME SRC="pages/menu.html" NAME="menu">
<FRAMESET ROWS="*,40 ">
<FRAME SRC="pages/main.html" NAME="main">
<FRAME SRC="pages/footer.html" NAME="footer">
</FRAMESET>
</FRAMESET>


<NOFRAMES>
<BODY>
フレームに対応したブラウザでないと、このページは表示できません<P>
</BODY>
</NOFRAMES>
</HTML>

　

２，pages“ページたち”というフォルダー　　の中に先ほどの骨格の中に追加しましょう

　

（３）これがフレームの下に現れるメニューになります。

footer.html
<html>
<body bgcolor=ffffff>

フッタの部分

</body>
</html>

３，これをブラウザで見ると・・・・・index_frame_2.htmlをクリックすると

となります。

本文にもどる

Last update Feb.2,2003