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

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

第 ３ 過 程　　タイトル部分のスペースに、店名その他を入れて手直しします。

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

店名、その他のロゴはビルダーの 『 ロゴ制作機能 』 を使って作り、バックの画像は 　　素材屋さんからいただいてきた、下の画像ファイルを組み合わせて使っています。

<CENTER> <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" 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" 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" 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> </TD> </TR> <TR> <TD bgcolor="#99ff99"><BR> 　</TD> </TR> </TBODY> </TABLE> </CENTER>

第 ４ 過 程 へ ！

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