第5章　応用テクニックのマスター

1.吹き出しの作成

「吹き出し」っと言うのが正式な名称かどうかは不明ですが、画像にマウスを位置づけると、下のようなのが表示される機能を個人的に「吹き出し」っと呼んでいます。

これはNetscape Communicator4.7では表示されず、Internet Explorer 4.5以上で表示されます。

表示させるには、HTMLソースモードで「title="Macな内容と嬉し恥ずかし自己紹介?です"」のようにtitle="表示させたい内容"っと入力するだけでいいです。

では、挑戦してみましょう。

(1)画像をページに貼りつけます

(2)リンクさせます

(3)画像をクリックしておきます

ここまでは、PageMillの編集モードで普通にできますね。次に、「表示」メニューより、「ソースモード」を選択します。そうすると、HTMLが表示されます。ここで躊躇しては行けません。人生何事も挑戦です? 先ほど、クリックした画像のHTMLがSELECT文にはさまれています

(4)HTMLで修正

<!--SELECTION--></P>
<A HREF="http://www.netwave.or.jp/~eiji-iio/index.html">
<IMG SRC="4Pmill/Dia.jpg" WIDTH="180" HEIGHT="70" ALIGN="BOTTOM" BORDER="0"
NATURALSIZEFLAG="3">
<!--/SELECTION-->

こんな風に表示されているはずです。HREF文はリンク先で、IMG SRCが画像の情報です。これは各自のリンク先や画像の情報で異なると思います。これを修正します。修正後は

<!--SELECTION--></P>
<A HREF="http://www.netwave.or.jp/~eiji-iio/index.html">
<IMG SRC="4Pmill/Dia.jpg" WIDTH="180" HEIGHT="70" ALIGN="BOTTOM" BORDER="0"
NATURALSIZEFLAG="3"TITLE="Macな内容と嬉し恥ずかし自己紹介?です">
<!--/SELECTION-->

上の例では="3"の後に青色の文字でTITLE="　　何々　"があると思います。これをタイプします。="3"の後ろには半角のスペース。そして　自己紹介?です"の後ろには>があることを確認して下さい。TITLE=を挿入する場所さえ間違えなければ大丈夫だと思います。