LESSON-10

メール発信ウィンドウ

よく、どっかのページを見てると、「メールはこちら」ってかいてて、
クリックすると、メール発信用ウィンドウが、開くことがあるなり。

シラーズでも、このコーナーの下の方に、
「このページへの質問はこちら」ってのが、あるなり。

試しに、そこの、「こちら」ってとこを、クリックしてみるなり。
メールのウィンドウ、ひらいたなりね?

(見ている人のメールアドレスが、ブラウザに設定されてなかったら、
このウィンドウは、開かないなり。 これを機会に、設定しておこう。
でないと、これからする作業のチェックができないなり。)

では、みなさんも、 メールウィンドウを開くボタンを作るなり。

このボタンは、文字や画像を、
<A HREF="mailto:メールアドレス"></A>ではさんで、つくるなり。
「メールアドレス」には、 自分のメールアドレスをいれるなり。
文字や画像は、好きにしたらいいなり。

<A HREF="mailto:メールアドレス"></A>で はさまれた部分には、リンクがはられて、 そこをクリックすると、自動的にメールウィンドウが開くなり。

リンクってのは、その文字や画像をクリックしたら、
ほかのページなどにジャンプするやつなり。
インターネットで、いろんなページを見ている人には、もう、おなじみなりね。

では、まず、 「MAIL」の文字にメールウィンドウのリンクをはるなり。
メールアドレスは、ここでは、てきとうにいれとくけど、
みなさんは、自分のメールアドレスをいれるなりよ。

<A HREF="mailto:shira@nari.ne.jp">MAIL</A>


このように表示


みてのとおり、リンクがつくと、下線がつくなり。

次は、 「メールはこちら」の「こちら」にだけ、メールウィンドウのリンクをはるなり。

メールは<A HREF="mailto:shira@nari.ne.jp">こちら</A>


このように表示


ちゃんとできてるなりね。
では、画像にも、リンクをはってみるなり。
いちおう、メール用の画像を用意してみたなり。

メール用画像mail.gif サイズ60x25
メール用画像


では、 メール用画像に、メールウィンドウのリンクをはるなり。
で、 画像は、右よせにするなり。

<A HREF="mailto:shira@nari.ne.jp">
<IMG SRC="mail.gif" WIDTH="60" HEIGHT="25" ALT="メール" ALIGN="right"> </A>



このように表示


んーー。
画像のまわりに枠がついたなりねー。
画像にリンクがはられると、自動的に枠がつくなり。

枠をなくすには、 <IMG SRC="mail.gif" > のタグのなかに、 BORDER="0"といれるなり。

では、 画像の枠をなくすなり。

<IMG SRC="mail.gif" WIDTH="60" HEIGHT="25" ALT="メール"ALIGN="right" BORDER="0" >


このように表示


ん。オッケー。
で、「このように表示」のなかの、メールの画像をクリックすると...。
ちゃんと、できたなりね?
オッケー!

ひとまとめへ進むなり

もどるなり