超初心者のホームページ作成 by atom
| 検索 | 全表示 |  【解説ページ入力用】  | ヘルプ | 新規 |  no.14


 ■ 4.フレームページの簡単な作成方法を教えて! 

画面を左右に2分割するフレームページを作成する場合の手順を説明しておきます。

−−−
1.左側に表yen示するページを普通に作成します。
【menu.html】(一例)

<HTML> 
<HEAD> 
<TITLE>メニューページ</TITLE> 
</HEAD>
<BODY>
メニュー<BR>
<A href="page1.html" target="right">ページ1</A><BR>
</BODY>
</HTML>

−−−
2.右側に表yen示するページも普通に作成します。
【main.html】(一例)

<HTML> 
<HEAD> 
<TITLE>メインページ</TITLE> 
</HEAD>
<BODY>
ようこそいらっしゃいました。<BR>
ゆっくりしていってください。<BR>
</BODY>
</HTML>

−−−
3.ジャンプ後の右側ページも普通に作成します。
【page1.html】(一例)

<HTML> 
<HEAD> 
<TITLE>ページ1</TITLE> 
</HEAD>
<BODY>
まだ何もないですが、これからに期待してください。<BR>
</BODY>
</HTML>

−−−
4.フレームページを作成します。
【index.html】(一例)

<HTML> 
<HEAD> 
<TITLE>フレームページ</TITLE> 
</HEAD>
<FRAMESET COLS="240,*">
 <FRAME SRC="menu.html" name="left">
 <FRAME SRC="main.html" name="right">
 <NOFRAMES>
  <BODY>
  </BODY>
 </NOFRAMES>
</FRAMESET>
</HTML>
−−−
詳しい説明は、ここの「HTMLの扉」−「11.フレーム(画面分割)」を参照してください。
no.4 [追記] [訂正] [削除]


前頁|最初|次頁
この入力フォームは管理者しか投稿できません。
このフォームのレイアウトは、ie5.5で確認しています。
タイトル  レスno:[]
内 容
文字色
url
画像url
訂正キー (英数字で8文字以内。記事を訂正・削除するときに使用します。)


↑ページトップへ
page update:
-skin board- <atom>