ＨＴＭＬタグ言語で何ができるか（11）─デジカメ写真をマイコンの新しいフォルダに取り込むよう設定する

ビルダー３＋ソース画面でフレームを作る

↑クリック（完成ページにリンク）

写真（１）

　写真（１）は、「フレーム」画面です。
（１）上側にフレーム、左側にフレーム、右中央にメインのページで構成しています。
（２）上側にフレーム、左側にフレームは常に表示されているので、メインのページが狭くなります。
（３）メリットを説く人もいますが、私は、不必要なフレームが常に表示され、メインのページが少ないので、採用していません。何物にも邪魔されず、メインのページのみに没頭したいからです。

↑クリック（完成ページにリンク）

写真（２）

　写真（２）は、「タイトル」画面です。
（１）ビルダー３でタイトルページを作成します。
（２）ファイル名は「book_tt」（書籍忠臣蔵のタイトルの略）とします。

↑クリック（完成ページにリンク）

写真（３）

　写真（３）は、「メイン」画面です。
（１）ビルダー３でメインページを作成します。
（２）ファイル名は「book_main」（書籍忠臣蔵のメインページの略）とします。

↑クリック（完成ページにリンク）

写真（４）

　写真（４）は、「メイン」画面です。
（１）ビルダー３でメインページを作成します。
（２）ファイル名は「gsbook１」（書籍忠臣蔵の１ページ目の略）とします。

↑クリック（完成ページにリンク）

写真（５）

　写真（５）は、「目次」画面です。
（１）ビルダー３で目次ページを作成します。
（２）ファイル名は「book_ndx」（書籍忠臣蔵の目次の略）とします。
（３）「書籍忠臣蔵（01）」にリンクします（リンク先はメインページのgsbook1）です。
（４）「ターゲット」には、「新しいウィンドウ」（blank）を選択します。

<TR>
<TD align="center">01</TD>
<TD align="center"><A href="gsbook1.html" target="①blank">書籍忠臣蔵（01）</A></TD></TR>

<TR>
<TD align="center">10</TD>
<TD align="center"><A href="gsbook10.html" target="①blank">書籍忠臣蔵（10）</A></TD></TR>

写真（６）

　写真（６）は、「indexのソース」画面です。
（１）" target="①blank"を" target="②main"に変更します。
（２）「ソース」画面の「編集」→「置換」機能を使うと一度の変更できます。

<TR>
<TD align="center">01</TD>
<TD align="center"><A href="gsbook1.html" target="②main">書籍忠臣蔵（01）</A></TD></TR>

<TR>
<TD align="center">10</TD>
<TD align="center"><A href="gsbook10.html" target="②main">書籍忠臣蔵（10）</A></TD></TR>

写真（７）

　写真（７）は、「変更」画面です。
（１）" target="①blank"を" target="②main"に変更しました。
（２）「上書き保存」します。
（３）フレーム上で、目次をクリックすると、メイン画面内にページが表示されるようになりました。

<HTML>
<HEAD>
<META name="GENERATOR" content="IBM Homepage Builder Version 3.0.0.0 for Windows">
<TITLE>index</TITLE>
</HEAD>

①<FRAMESET rows="10%,88%">
<FRAME src="book_tt.htm" scrolling="auto" >
②<FRAMESET cols="12%,83%">
<FRAME src="book_ndx.htm" scrolling="auto" >
③<FRAME src="book_main.htm" name="main" scrolling="auto" >
</FRAMESET>
<NOFRAMES>
<BODY>

</BODY>
</NOFRAMES>
</FRAMESET>
</HTML>

写真（８）

　写真（８）は、「indexページのソース」画面です。
（１）ビルダー３で「新規作成」→ファイル名（index）
（２）「ブラウザ画面」→「表示」→「ソース」
（３）写真（８）のタグ言語をコピーして、indexページのソース画面に貼り付けます。
（４）写真（２）、写真（３）、写真（５）で作成したページを統合するページがindexページです。

①<FRAMESET rows="10%,88%">
<FRAME src="book_tt.htm" scrolling="auto" >

写真（９）

写真（９）は、「分析１」画面です。
（１）<FRAMESET rows="10%,88%">
<FRAME src="book_tt.htm" scrolling="auto" >
（２）"book_tt.htm"についての設定で、rowsは水平方向、高さが１０％、幅が８８％という意味です。ページ内容によって自由に変更できます。
（３）scrolling="auto"とは、自動スクロールという意味です。

②<FRAMESET cols="12%,83%">
<FRAME src="book_ndx.htm" scrolling="auto" >

写真（１０）

写真（１０）は、「分析２」画面です。
（１）<FRAMESET cols="12%,83%">
<FRAME src="book_ndx.htm" scrolling="auto" >
（２）"book_ndx.htm"についての設定で、colsは垂直方向、幅が１２％、高さが８３％という意味です。ページ内容によって自由に変更できます。
（３）scrolling="auto"とは、自動スクロールという意味です。

③<FRAME src="book_main.htm" name="main" scrolling="auto" >
</FRAMESET>

写真（１１）

写真（１１）は、「分析３」画面です。
（１）<FRAME src="book_main.htm" name="main" scrolling="auto" >
</FRAMESET>
（２）"book_main.htm"についての設定で、name="main"とは、ターゲットでmainとしてしたページを表示します。。
（３）scrolling="auto"とは、自動スクロールという意味です。

↑クリック（完成ページにリンク）

写真（１２）

　写真（１２）は、「ノンフレーム」画面です。
（１）私が愛用しているノンフレーム画面です。
（２）「シンプル・イズ・ベスト」です。そのページに没頭できます。
（３）両方体験して、その結果で、お好きな方をどうぞ！！