ヘルプトップ - ドリーマASP操作ガイド - ページ内容を書く

コピー&ペーストで固定トップページを作成!トップページ用テンプレートHTML

「トップページを固定表示にしたのはいいけど、レイアウトが難しい・・・」

そんな声にお答えしてトップページ用のテンプレートを4つご用意いたしました。
今回はシンプルなレイアウトをご用意いたしました。
HTMLをコピーして張り付けるだけですぐにご利用いただけます。

【トップページ用テンプレートHTMLのご利用方法】
こちらをご覧ください。


【トップページ用テンプレート サンプルイメージ・HTML】

トップページテンプレートNo1

<table width="97%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="50%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>事業案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・事業タイトル1<br> ・事業タイトル2<br> ・事業タイトル3</td> </tr> </table></td> <td width="50%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>会社案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・ご挨拶<br> ・会社概要<br> ・沿革</td> </tr> </table></td> </tr> <tr> <td valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>当社について</strong></td> </tr> <tr> <td style="padding:5px !important;">概要説明文を記載</td> </tr> </table></td> <td valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>ピックアップ</strong></td> </tr> <tr> <td style="padding:5px !important;">・セミナーについて<br> ・キャンペーンについて<br> ・連絡先</td> </tr> </table></td> </tr> </table>

トップページテンプレートNo2

<table width="97%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="33%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>事業案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・事業名1<br> ・事業名2<br> ・事業名3</td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>会社案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・ご挨拶<br> ・会社概要<br> ・沿革</td> </tr> </table> </td> <td width="34%" valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>ピックアップ</strong></td> </tr> <tr> <td style="padding:5px !important;">・セミナーについて<br> ・キャンペーンについて<br> ・連絡先</td> </tr> </table></td> </tr> </table> <table width="97%" border="0" cellspacing="0" cellpadding="5"> <tr> <td valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>当社について</strong></td> </tr> <tr> <td style="padding:5px !important;">概要説明文を記載</td> </tr> </table></td> </tr> </table>

トップページテンプレートNo3

<table width="97%" border="0" cellspacing="0" cellpadding="5"> <tr> <td width="33%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>製品紹介</strong></td> </tr> <tr> <td style="padding:5px !important;">・製品名1<br> ・製品名2<br> ・製品名3</td> </tr> </table></td> <td width="33%" valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>会社案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・ご挨拶<br> ・会社概要<br> ・沿革<br></td> </tr> </table> </td> <td width="34%" valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>事業案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・事業タイトル1<br> ・事業タイトル2<br> ・事業タイトル3</td> </tr> </table></td> </tr> </table>

トップページテンプレートNo4

<table width="97%" border="0" cellspacing="0" cellpadding="5"> <tr> <td valign="top" style="padding:5px !important;"> <table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>製品紹介</strong></td> </tr> <tr> <td style="padding:5px !important;">・製品名1<br> ・製品名2<br> ・製品名3</td> </tr> </table></td> </tr> <tr> <td valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>会社案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・ご挨拶<br> ・会社概要<br> ・沿革<br></td> </tr> </table></td> </tr> <tr> <td valign="top" style="padding:5px !important;"><table width="100%" border="0" cellspacing="0" cellpadding="5"> <tr> <td bgcolor="#EEEEEE" style="padding:5px !important;"><strong>事業案内</strong></td> </tr> <tr> <td style="padding:5px !important;">・事業タイトル1<br> ・事業タイトル2<br> ・事業タイトル3</td> </tr> </table></td> </tr> </table>