次にホームページビルダーを起動して、「HTMLの新規作成」ツールバーをクリックします。
「標準モード」で「OK」にしてください。
そこへ 「画像ファイルの挿入」ツールバーをクリックして、「okaasan5.jpg」を選択します。
左の図のようになっていれば、OKです。
このファイルを解凍したフォルダ「drawing」の中に「okasan.htm」という名前で保存します。
それでは、ちゃんと余白のないウィンドウが開くかどうか、確認してみてください。
「drawing」フォルダの中の「drawing.htm」を開き、一番下の絵をクリックしてみましょう。
インターネット上では、↓にあります。
http://upsilon-y.com/art/drawing.htm

さて、「drawing.htm」にはあとふたつの小さめの画像があります。
それぞれ大きい画像へのリンクがついています。
これらにも同様にやってみましょう。
もう一度、メモ帳で「drawing.htm」を開いてください。
右の図のように
<SCRIPT.......〜//-->
というところがわかりますか？
最初に書き入れた場所です。
その //-->
の後ろに

次に「編集」→「検索」で「hawk」を検索してください。

<A href="hawk.jpg">

と書かれた部分が見つかれば、

"hawk.jpg"を消します。
そして、
"javascript:OpenWin1()"
と書き入れ、
<A href="javascript:OpenWin1()">
になるようにします。

同様に「okasan4」を検索し、<a href="okasan4.jpg" target="_blank">
の
"okasan4.jpg" target="_blank"
を消します。
そして、
"javascript:OpenWin2()"
を書き入れ、
<a href="javascript:OpenWin2()">
となるようにします。

さて、前回と同じように、ホームページビルダーを開き、まず、新規ファイルを作り、「hawk.jpg」の画像を挿入します。
そして、「hawk.htm」の名前で同じフォルダに保存します。
また、新規ファイルを作って、「okasan4.jpg」を挿入し、「okasan4.htm」という 名前でファイルを同じフォルダに保存します。
これで、ぴったりのサイズのウィンドウが出てくるかどうか、試してみてください。
「drawing.htm」を開き、リンクの入っている場所をクリックしてみてください。
もっとたくさんウィンドウを出したいときは、
<a href="javascript:OpenWin2()">
のように、Win3() Win4().....と増やしてください。