| ホーム | サイトマップ | 作成ソフトでHPを作る | |
こちらが上図のソースになります。一応、←赤字で部分的に解説していますので、よかったら参考にしてみて ください! ただし、こちらはそのままコピーしていただいても使用することはできませんのでご注意ください。 サイトのイメージにあわせて背景に以下の画像も使用してみました。 背景にさまざまな画像を使用することに よって、かなりサイト全体のイメージも変わってきます。 ビルダーのワンタッチ機能を使えばボタンひとつで かんたんに背景設定ができますからいろいろ試してみてください。また、無料配布している素材サイト系のもの を使わせてもらう場合の設定方法等は、このサイト内のHTMLタグ解説&小技集でも解説しています。 |
<CENTER> <TABLE cellSpacing=7 cellPadding=7 width=700> <TBODY> <TR> <TD bgColor=#ff80c0 colSpan=2> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE cellspacing="0" cellpadding="7" width="100%" bgcolor="#ffcee7"> <TBODY> <TR> <TD align="middle" background="04825.gif" bgcolor="#ffffcc" height="73"> <IMG height="48" src="a017cut.gif" width="48" border="0">←これがショップ名左横のバッグの絵のファイル名です。ちなみにこれはビルダーの素材集から貼り付けてます! <IMG src="file:///C:/Documents and Settings/Application Data/IBM/Homepage Builder Version 8/tmp/logo45.gif" width="342" height="53" border="0" alt="トートバッグのお店やさん ">←ビルダーのロゴ作成機能で作ったショップ名のロゴです。 <IMG src="file:///C:/Documents and Settings/My Documents/イラスト画像/bag-6.gif" width="50" height="48" border="0">←これがショップ名右横のバッグの絵のファイル名です。こちらもビルダーの素材集からです!</TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_gold/lisulisu/soko/bag_casual/360414-040007-001019/cart.jpg?_ex=128x128" border=0 alt="AUVERS−SUR−OISE ジュートバッグ" width="128">←ここまでが画像大のリンクソースです!</a></TD> </TR> </TBODY> </TABLE> </TD> <TD vAlign=top bgColor=#ffecf5><FONT size=2>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank">AUVERS−SUR−OISE ジュートバッグ</a>←ここまでがテキスト用のリンクソースです!<BR>これは楽天アフィリエイトの<FONT color=#cc0033>画像大のリンクソース</FONT>を使った場合の表示例です。 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画</TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank"><img src="http://thumbnail.image.rakuten.co.jp/@0_gold/lisulisu/soko/bag_casual/360414-040007-001019/cart.jpg?_ex=64x64" border=0 alt="AUVERS−SUR−OISE ジュートバッグ" width="64"></a>←ここまでが画像小のリンクソースです!</TD> </TR> </TBODY> </TABLE> </TD> <TD vAlign=top bgColor=#ffecf5><FONT size=2>ここから→<a href="http://pt.afl.rakuten.co.jp/c/02adc8f5.eacc0b51/?url=http://item.rakuten.co.jp/lisulisu/360414-040007-001019/" target="_blank">AUVERS−SUR−OISE ジュートバッグ</a>←ここまでがテキスト用のリンクソースです!<BR>これは<FONT color=#cc0033>画像小のリンクソース</FONT>を使った場合の表示例です。</FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR><!-- ここから--> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <!-- 終点--> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画</TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> </TR> <TR><!-- ここに挿入--><!-- ここから--> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <!-- 終点--><!-- ここから--> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#ff0099 size=2>商品説明 </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <!-- 終点--></TR> <TR><!-- ここから--> <TD width=350 bgColor=#ff80c0> <TABLE height="100%" cellSpacing=7 cellPadding=7 width="100%" bgColor=#ffa6d2> <TBODY> <TR> <TD bgColor=#ffc8e3> <TABLE height="100%" cellSpacing=0 cellPadding=7 width="100%" bgColor=#ffcee7> <TBODY> <TR> <TD align=middle width=75 bgColor=#ffecf5> <TABLE height=70 cellSpacing=1 width=70 bgColor=#ff0099> <TBODY> <TR> <TD align=middle bgColor=#ffc8e3>画 </TD> </TR> </TBODY> </TABLE> </TD> <TD bgColor=#ffecf5><FONT color=#333333 size=2>ホームページビルダーの「下に行を追加する」機能を使えば、このように簡単に下にどんどん新しい枠を作成できます!</FONT><FONT color=#ff0099 size=2> </FONT></TD> </TR> </TBODY> </TABLE> </TD> </TR> </TBODY> </TABLE> </TD> <!-- 終点--> <TD></TD> </TR> </TBODY> </TABLE> </CENTER> |
|