 これから初めてHPを作ろうとしている人たちにとって、サイト作りのヒントなるように、製作過程を段階的に 公開してみました。 興味のある人は下のソースを参考にしてみてください。 |
| >> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >> |
 第 ４ 過 程 楽天ASPから仕入れてきた商品画像とテキストリンクのソースを貼り付けました。 |
大切なアクセサリーを保管するステキなな宝石箱、ジュエリーボックス、アクセサリーケース・・・     |
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| <TABLE border="0" width="800" cellspacing="0"> <TBODY> <TR> <TD rowspan="4" bgcolor="#ffcc99"></TD> <TD width="800" height="80" background="02527.gif" valign="top"><BR> <FONT face="HGPｺﾞｼｯｸE">大切なアクセサリーを保管するステキなな宝石箱、ジュエリーボックス、アクセサリーケース・・・</FONT> <BR> <BR> <IMG src="grass_250.jpg" width="77" height="57" border="0"> <IMG src="logo270.gif" width="345" height="47" border="0"> <IMG src="logo268.gif" width="136" height="64" border="0" alt="B O X"> <IMG src="hibiscus2.jpg" width="56" height="56" border="0"><BR> <BR> </TD> <TD rowspan="4" bgcolor="#ffcc99"></TD> </TR> <TR> <TD bgcolor="#99ff99" height="13"></TD> </TR> <TR> <TD bgcolor="#ffffff" height="366" valign="top"><BR> <TABLE border="0" width="732"> <TBODY> <TR> <TD width="20" height="151"></TD> <TD width="266" height="151" bgcolor="#ffffcc"></TD> <TD width="76" height="151"></TD> <TD width="352" height="151" bgcolor="#ccffcc"></TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="0"> <TBODY> <TR> <TD width="19" height="132"></TD> <TD width="265" height="132" bgcolor="#ffffcc"></TD> <TD width="80" height="132"></TD> <TD width="353" height="132" bgcolor="#ccffcc"></TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="0"> <TBODY> <TR> <TD width="15"></TD> <TD width="733"></TD> </TR> </TBODY> </TABLE> <BR> <TABLE border="1" bordercolor="ffffff"> <TBODY> <TR> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"><BR> <BR> <BR> </TD> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"></TD> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"></TD> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"></TD> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"></TD> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ffcccc"><BR> </TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ccffcc"><BR> <BR> <BR> </TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> </TR> </TBODY> </TABLE> <BR> <BR> <TABLE border="1" bordercolor="ffffff"> <TBODY> <TR> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"><BR> <BR> <BR> </TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/00b14e29.534fb2d1/?url=http://www.rakuten.co.jp/n-oasis/659866/677786/#679880" target="_blank"><IMG src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/n-oasis/img128/img10021848238.jpeg" border="0" alt="大人の宝石箱。JEWEL BOXサイズ【S】"></A></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/00b14e29.534fb2d1/?url=http://www.rakuten.co.jp/n-oasis/659866/677786/#679879" target="_blank"><IMG src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/n-oasis/img128/img10021848235.jpeg" border="0" alt="大人の宝石箱。JEWEL BOXサイズ【L】"></A></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ffcccc"><BR> </TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/00b14e29.534fb2d1/?url=http://www.rakuten.co.jp/n-oasis/659866/677786/#679880" target="_blank">大人の宝石箱。JEWEL BOXサイズ【S】</A></FONT></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/00b14e29.534fb2d1/?url=http://www.rakuten.co.jp/n-oasis/659866/677786/#679879" target="_blank">大人の宝石箱。JEWEL BOXサイズ【L】</A></FONT></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ccffcc"><BR> <BR> <BR> </TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> </TR> </TBODY> </TABLE> <BR> <BR> <TABLE border="1" bordercolor="ffffff"> <TBODY> <TR> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"><BR> <BR> <BR> </TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/01c1504e.680f0fe6/?url=http://www.rakuten.co.jp/lamaison/695948/696348/#710670" target="_blank"><IMG src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/lamaison/img128/img10211875223.gif" border="0" alt="Accessory Case S DBR"></A></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/01c1504e.680f0fe6/?url=http://www.rakuten.co.jp/lamaison/695948/695979/#710198" target="_blank"><IMG src="http://image.rakuten.co.jp/wshop/data/ws-mall-img/lamaison/img128/img10211872656.gif" border="0" alt="Accessory Case L"></A></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ffcccc"><BR> </TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/01c1504e.680f0fe6/?url=http://www.rakuten.co.jp/lamaison/695948/696348/#710670" target="_blank">Accessory Case S DBR</A></FONT></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/01c1504e.680f0fe6/?url=http://www.rakuten.co.jp/lamaison/695948/695979/#710198" target="_blank">Accessory Case L</A></FONT></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ccffcc"><BR> <BR> <BR> </TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> </TR> </TBODY> </TABLE> <BR> <BR> <TABLE border="1" bordercolor="ffffff"> <TBODY> <TR> <TD width="10"></TD> <TD width="110" bgcolor="#ffffcc"><BR> <BR> <BR> </TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/01c154a3.620fdaea/?url=http://item.rakuten.co.jp/s-deco/nk-m/" target="_blank"><IMG src="http://thumbnail.image.rakuten.co.jp/@0_gold/s-deco/image/shouhin/walnutcase/m.jpg?_ex=128x128" border="0" alt="ウォールナットアクセサリーケース M"></A></TD> <TD width="10"></TD> <TD width="110"><A href="http://pt.afl.rakuten.co.jp/c/01c154a3.620fdaea/?url=http://item.rakuten.co.jp/s-deco/nk-l/" target="_blank"><IMG src="http://thumbnail.image.rakuten.co.jp/@0_gold/s-deco/image/shouhin/walnutcase/l.jpg?_ex=128x128" border="0" alt="ウォールナットアクセサリーケース L"></A></TD> <TD></TD> </TR> <TR> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ffcccc"><BR> </TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc"></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/01c154a3.620fdaea/?url=http://item.rakuten.co.jp/s-deco/nk-m/" target="_blank">ウォールナットアクセサリーケース M</A></FONT></TD> <TD></TD> <TD bgcolor="#ffcccc" align="center"><FONT size="-1">■ <A href="http://pt.afl.rakuten.co.jp/c/01c154a3.620fdaea/?url=http://item.rakuten.co.jp/s-deco/nk-l/" target="_blank">ウォールナットアクセサリーケース L</A></FONT></TD> <TD></TD> </TR> <TR> <TD></TD> <TD bgcolor="#ccffcc"><BR> <BR> <BR> </TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> <TD bgcolor="#ccffcc"></TD> <TD></TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD bgcolor="#99ff99"><BR> </TD> </TR> </TBODY> </TABLE> |
 第 ５ 過 程 へ ！ |
| >> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >> |
