ホームページ作り入門<6>

写真からリンク(1999/01/31)
今度は写真をクリックしたら大きな写真が現れるようにしてみよう。
もう一度「◎はじめに」に戻って
「入社記念の写真」をクリックしてみてください。
拡大された写真が現れたことと思います。

@、この拡大された写真を右クリックして「名前を付けて画像を保存」
A、「public_html」フォルダーに「5701.jpg」という名前で保存
B、先回書き換えたソースの中に2行を追加する

<!-----------先回書き換えたソース-----------> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td> <a href="5701.jpg"> <!--今回追加した行-->
<img src="57.jpg" width="100%">
</a> <!--今回追加した行-->
</td></tr> </table> <!------------先回ここまで書き換えた------------> 書き換えたら、保存し、「更新」をクリックしてから、マウスを写真の上へ
移動してみよう、マウスの形が変わりましたね!
クリックすれば拡大写真が現れたことと思います。


表示見本
私のホームページ
工事中
私への Eメールはここをクリックして送ってください。
QPONの 掲示板はここをクリックするとつながります。
ホームページ用素材が プリ画像さん で無料で貰える。

ブラウザの設定によっては、表示ウインドウの大きさに合わせて縮小表示される場合があります。
写真を左クリックするとが表示されるので、これをクリックして、原寸表示に戻してください。
IEの「ツール」「インターネットオプション」「詳細設定」
 「マルチメディア」
  [] イメージを自動的にサイズ変更する。
のチェックをはずせば、この現象はおきません。
問題のある場合はここをクリックして確認してください

変更後のソース

<html> <head> <title> 私のホームページ </title> </head> <body background="003.gif"> <center> <font size=7 color=#00ff00> 私のホームページ<br> </font> <font size=6 color=#ff0000> 工事中<hr> </font> 私への <a href="mailto:qpon@mxc.mesh.ne.jp"><!--自分のアドレスに書き換えのこと--> Eメールはここをクリック </a> して送ってください。 <br> QPONの <a href="http://www2a.biglobe.ne.jp/~qpon/cgi-bin/qpon_bbs.htm"> 掲示板はここをクリックする </a> とつながります。 <br> ホームページ用素材が <a href="http://prcm.jp/list/背景"> プリ画像さん </a> で無料で貰える。。 <!-----------先回書き換えたソース-----------> <table border=10 bordercolor=#cc0000 bgcolor=#ffffff width="90%"> <tr><td> <a href="5701.jpg"> <!--今回追加した行--> <img src="57.jpg" width="100%"> </a> <!--今回追加した行--> </td></tr> </table> <!---------先回ここまで書き換えた----------> </center> </body> </html>
ホームページ作り入門<7>へ