62歳パソコン教師の日記 NO.358 (2001.1.7)


 お正月にはデジカメで写真を撮られた人も多いことでしょう。その写真をどのように整理されていますか?

 この連休にお正月に撮った写真の整理をされる方のために、今日2度目のマガジン配信をいたします。私がお奨めするのはHTMLを使って整理する方法です。全ての写真の縮小版を作り、これを一覧表示すると便利です。

  1. 写真を表示してサイズを小さくします。640×480 の写真なら 20% ほどに 縮小すると良いでしょう。例えば 100KB の写真なら 4KB ほどになります。

  2. 縮小したら、→「ファイル」→「名前を付けて保存」とクリックします。

  3. 「ファイル名」は元の写真のファイル名の頭に「s」を付けると良いでしょう。例えば、「101.jpg」なら「s101.jpg」のようにします。

  4. 縮小した写真は元の写真と同じフォルダに保存します。

  5. 下記のソース <HTML> から </HTML> までををコピーして、メモ帖に貼り付けます。

  6. 写真のファイル名を正しい名前に変更します。

  7. 「写真の説明文」の文字を消して、写真の説明文を入力します。

  8. 写真の枚数が多い場合は次の部分をコピーして貼り付けます。

     <TR ALIGN="CENTER"><TD><A HREF="101.jpg" TARGET="top"><IMG SRC="s101.jpg"></A></TD>

     〜中間省略〜

     <TD>写真の説明文</TD></TR>

  9. 「ファイル」→「名前を付けて保存」とクリック、→「ファイルの種類」欄を「すべてのファイル」とし、→「ファイル名」は任意の名前の後に拡 張子「.html」を付けて「osyougatsu.html」のようにして、写真と同じフォルダに保存します。
 以上で完成です。「osyougatsu.html」 をダブルクリックするとブラウザが起動して、縮小版が一覧表示されます。見たい写真の縮小版をクリックすると、元のサイズの写真が別ウインドウで表示されます。これは「名古屋オフ会」の写真集と同じ表示方法です。

 縮小写真の周囲にはリンクの枠が付いてしまいますが、これを消すには、「BORDER="0"」を付けて、<IMG SRC="s101.jpg" BORDER="0"> のようにします。

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

<HTML>
<HEAD>
<TITLE>お正月の写真</TITLE>
</HEAD>
<BODY BGCOLOR="black"><BR>
<CENTER><FONT SIZE="3" COLOR="red">お正月の写真<BR>
Jan. 1, 2001<BR><BR>

<TABLE CELLPADDING="5" DIV STYLE="font-size:11;color:white">

<TR ALIGN="CENTER">
<TD><A HREF="101.jpg" TARGET="top"><IMG SRC="s101.jpg"></A></TD>
<TD><A HREF="102.jpg" TARGET="top"><IMG SRC="s102.jpg"></A></TD>
<TD><A HREF="103.jpg" TARGET="top"><IMG SRC="s103.jpg"></A></TD>
<TD><A HREF="104.jpg" TARGET="top"><IMG SRC="s104.jpg"></A></TD>
<TD><A HREF="105.jpg" TARGET="top"><IMG SRC="s105.jpg"></A></TD>
</TR>

<TR ALIGN="CENTER">
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
</TR>

<TR ALIGN="CENTER">
<TD><A HREF="106.jpg" TARGET="top"><IMG SRC="s106.jpg"></A></TD>
<TD><A HREF="107.jpg" TARGET="top"><IMG SRC="s107.jpg"></A></TD>
<TD><A HREF="108.jpg" TARGET="top"><IMG SRC="s108.jpg"></A></TD>
<TD><A HREF="109.jpg" TARGET="top"><IMG SRC="s109.jpg"></A></TD>
<TD><A HREF="110.jpg" TARGET="top"><IMG SRC="s110.jpg"></A></TD>
</TR>

<TR ALIGN="CENTER">
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
<TD>写真の説明文</TD>
</TR>

</TABLE>
</CENTER>
</BODY>
</HTML>