ViX21でアルバムを作ろう! 基本編 タグ修正編 |
出来上がったページをホームページビルダーなどの作成ソフトで開き、ソースを見ると下記のようになります 作成ソフトを持っている人は、出来たアルバムの上に同じ大きさの表を作ってそこに写真を移動すると簡単です ホームページビルダーで修正する場合 (工事中) |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD
HTML 4.0 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta name="GENERATOR" content="ViX 2.1"> ・・・ViX21で作成 <title>02</title> ・・・出力タブのファイル名で指定 </head> <body link="#0000ff" vlink="#ff0000"> ・・・デザインタブのリンクで指定 <center><FONT size="5" color="#000000">アルバム01</FONT></center> ・・・デザインタブのヘッダーで指定 <table border="0" align="center" width="100%"> ・・・表の指定 線なし 中央に表示 幅100% <tr> ・・・1行目(写真) <td width="33%"> ・・・一番左の列の幅33%=100%÷3、4列にすると25%、5列は20%になります <p align="center"><a href="205.jpg"><img src="s/205.jpg" alt="205.jpg" align="center" width="120" height="90" border="0"></a></p> </td> <td width="33%"> ・・・中央の列の幅33% <p align="center"><a href="209.jpg"><img src="s/209.jpg" alt="209.jpg" align="center" width="120" height="90" border="0"></a></p> </td> <td width="34%"> ・・・一番右の列の幅34% <p align="center"><a href="211.jpg"><img src="s/211.jpg" alt="211.jpg" align="center" width="120" height="90" border="0"></a></p> </td> </tr> ・・・1行目終わり <tr> ・・・2行目(画像ファイル名) <td width="33%"> <p align="center"> <font size="3"> <a href="205.jpg">205</a></font> </p> </td> <td width="33%"> <p align="center"> <font size="3"> <a href="209.jpg">209</a></font> </p> </td> <td width="34%"> <p align="center"> <font size="3"> <a href="211.jpg">211</a></font> </p> </td> </tr> <tr> <td width="33%"> <p align="center"><a href="213.jpg"><img src="s/213.jpg" alt="213.jpg" align="center" width="120" height="90" border="0"></a></p> </td> <td width="33%"> <p align="center"><a href="504.jpg"><img src="s/504.jpg" alt="504.jpg" align="center" width="120" height="90" border="0"></a></p> </td> <td width="34%"> <p align="center"><a href="610.jpg"><img src="s/610.jpg" alt="610.jpg" align="center" width="120" height="90" border="0"></a></p> </td> </tr> <tr> <td width="33%"> <p align="center"> <font size="3"> <a href="213.jpg">213</a></font> </p> </td> <td width="33%"> <p align="center"> <font size="3"> <a href="504.jpg">504</a></font> </p> </td> <td width="34%"> <p align="center"> <font size="3"> <a href="610.jpg">610</a></font> </p> </td> </tr> </table> </body> </html> |