これから初めてHPを作ろうとしている人たちにとって、サイト作りのヒントなるように、製作過程を段階的に
　　公開してみました。　興味のある人は下のソースを参考にしてみてください。
　　
　>> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >>



　　　第 ５ 過 程　　サイトの顔となる、商品（大）用のスペースにアフィリエイト商品を挿入し、その下部分の
　　　　　　　　　　　　　　　　　 商品（小）用のスペースも全体のバランスを考えて、枠数をひとつカットしました。



　　大切なアクセサリーを保管するステキなな宝石箱、ジュエリーボックス、アクセサリーケース・・・

　　　　　　 　



　　　



　　　■　ジュエリーボックス　ナチェラル６段　

　　　ひと目でさがせるジュエリーボックス（アクセサリーケース）
　　　
　　　すっきり収納できるジュエリーボックスがあれば、ますます
　　　アクセサリーのおしゃれが楽しくなりそう！

　　　販売価格　5800円 （税込み価格6090円）

　　　■サイズ（ｃｍ）／約３０×２１×２６（４ｋｇ）　■品質／ＭＤＦ





大人の宝石箱。JEWEL　BOXサイズ【S】 大人の宝石箱。JEWEL　BOXサイズ【L】

■ 大人の宝石箱。JEWEL　BOXサイズ【S】 ■ 大人の宝石箱。JEWEL　BOXサイズ【L】





Accessory Case S DBR Accessory Case L
　■　ジュエリーボックス　ナチェラル８段 ■ Accessory Case S DBR ■ Accessory Case L








ウォールナットアクセサリーケース　M ウォールナットアクセサリーケース　L

■ ウォールナットアクセサリーケース　M ■ ウォールナットアクセサリーケース　L







　



<TABLE border="0" width="800" align="center" cellspacing="0">
<TBODY>
<TR>
<TD width="1" 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"> 　<IMG src="hibiscus2.jpg" width="56" height="56" border="0"><BR>
<BR>
</TD>
<TD width="1" rowspan="4" bgcolor="#ffcc99"></TD>
</TR>
<TR>
<TD bgcolor="#99ff99" height="13"></TD>
</TR>
<TR>
<TD bgcolor="#ffffff" height="366" valign="top"><BR>
<BR>
<TABLE border="1" bordercolor="ffffff">
<TBODY>
<TR>
<TD width="20"></TD>
<TD width="735" height="290" bordercolor="#00ff33"><BR>
<TABLE border="1" bordercolor="ffffff" width="723">
<TBODY>
<TR>
<TD width="17" height="280"></TD>
<TD width="270" align="center" bordercolor="#ff6666" height="280"><a href="http://click.linksynergy.com/fs-bin/click?id=/BZHKu7a1y8&offerid=88691.3400501&type=2&subid=5" ><IMG border=0 src="http://www.belluna.net/ph/O/23302/DMIDDLE.JPG" ></a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=/BZHKu7a1y8&bids=88691.3400501&type=2&subid=5" ></TD>
<TD width="462" height="280" valign="top">　　　<BR>
<BR>
<BR>
<BR>
　　　■<FONT face="HGPｺﾞｼｯｸE">　<A href="http://click.linksynergy.com/fs-bin/click?id=/BZHKu7a1y8&offerid=88691.3400501&type=2&subid=5">ジュエリーボックス　ナチェラル６段</A><IMG border="0" width="1" height="1" src="http://ad.linksynergy.com/fs-bin/show?id=/BZHKu7a1y8&bids=88691&type=2&subid=5">　<BR>
</FONT><BR>
　　　ひと目でさがせるジュエリーボックス（アクセサリーケース）<BR>
　　　<BR>
　　　すっきり収納できるジュエリーボックスがあれば、ますます<BR>
　　　アクセサリーのおしゃれが楽しくなりそう！<BR>
<BR>
　　　<FONT color="#cc0033">販売価格　5800円 （税込み価格6090円）</FONT><BR>
<BR>
　　　<FONT size="-1">■サイズ（ｃｍ）／約３０×２１×２６（４ｋｇ）　■品質／ＭＤＦ</FONT></TD>
</TR>
</TBODY>
</TABLE>
<BR>
</TD>
</TR>
</TBODY>
</TABLE>
<BR>
<BR>
<BR>
<BR><TABLE border="1" bordercolor="ffffff">
<TBODY>
<TR>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137" align="center"><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="5"></TD>
<TD width="137" align="center"><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>
</TR>
<TR>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
<TD></TD>
</TR>
<TR>
<TD width="5"></TD>
<TD bgcolor="#ffcccc" width="137"><BR>
</TD>
<TD width="5"></TD>
<TD bgcolor="#ffcccc" width="137"></TD>
<TD width="5"></TD>
<TD bgcolor="#ffcccc" width="137"></TD>
<TD width="5"></TD>
<TD bgcolor="#ffcccc" align="center" width="137"><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 width="5"></TD>
<TD bgcolor="#ffcccc" align="center" width="137"><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>
</TR>
<TR>
<TD width="5"></TD>
<TD bgcolor="#ccffcc" width="137"><BR>
<BR>
<BR>
</TD>
<TD width="5"></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD width="5"></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD width="5"></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD width="5"></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
</TR>
</TBODY>
</TABLE>

<BR>
<BR><TABLE border="1" bordercolor="ffffff">
<TBODY>
<TR>
<TD width="5"></TD>
<TD width="137" align="center"><a href="http://click.linksynergy.com/fs-bin/click?id=/BZHKu7a1y8&offerid=88691.3400502&type=2&subid=5" ><IMG border=0 src="http://www.belluna.net/ph/O/23303/DMIDDLE.JPG" width="110"></a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=/BZHKu7a1y8&bids=88691.3400502&type=2&subid=5" ></TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137"><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="5"></TD>
<TD width="137"><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>
</TR>
<TR>
<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 width="137" bgcolor="#ffcccc" align="center"><FONT size="-1">　■　<a href="http://click.linksynergy.com/fs-bin/click?id=/BZHKu7a1y8&offerid=88691.3400502&type=2&subid=5" >ジュエリーボックス　ナチェラル８段</a><IMG border=0 width=1 height=1 src="http://ad.linksynergy.com/fs-bin/show?id=/BZHKu7a1y8&bids=88691&type=2&subid=5" ></FONT></TD>
<TD></TD>
<TD width="137" bgcolor="#ffcccc"></TD>
<TD></TD>
<TD width="137" bgcolor="#ffcccc"></TD>
<TD></TD>
<TD width="137" 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 width="137" 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>
</TR>
<TR>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"><BR>
<BR>
<BR>
</TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
</TR>
</TBODY>
</TABLE>

<BR>
<BR><TABLE border="1" bordercolor="ffffff">
<TBODY>
<TR>
<TD width="5"></TD>
<TD width="137"><BR>
<BR>
<BR>
</TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137"></TD>
<TD width="5"></TD>
<TD width="137" align="center"><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="5"></TD>
<TD width="137" align="center"><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>
</TR>
<TR>
<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" width="137"><BR>
</TD>
<TD></TD>
<TD bgcolor="#ffcccc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ffcccc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ffcccc" align="center" width="137"><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" width="137"><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>
</TR>
<TR>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"><BR>
<BR>
<BR>
</TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
<TD></TD>
<TD bgcolor="#ccffcc" width="137"></TD>
</TR>
</TBODY>
</TABLE><BR><BR><BR>
</TD>
</TR>
<TR>
<TD bgcolor="#99ff99"><BR>
　</TD>
</TR>
</TBODY>
</TABLE>




　　　　　　　　第 ６ 過 程 へ ！


　>> ホーム >> HPの製作手順に戻る >> 第１過程 >> 第２過程 >> 第３過程 >> 第４過程 >> 第５過程 >> 第６過程 >>