右メインタイプのテンプレート

　メインコンテンツが左タイプ

右にメニューを寄せて、ページのメインコンテンツを左に広くとったタイプ
訪問者にとってサイトの内容が伝わりやすい特徴があります
そのままお使いになる時はテキストを中心としたページが最適です
メイン部分では新着情報やトピックス、各ページの説明や関連リンクなど
用途は様々です
ご自分のサイトに合ったコンテンツを作成してください

特徴と使い方

中央配置で固定しているので常にブラウザの中央に表示されます
ブラウザの幅に左右されないようテンプレートの幅を固定しているので、ブラウザが小さくてもレイアウトが崩れません
縦は自由に長くできます
　←この枠内は、カスタマイズする時に表の構成を分かり易く説明するためのコメントアウト部分になります。カスタマイズ後は削除していただいても大丈夫です。

カスタマイズの説明

編集箇所は【　】でくくっています。コメントアウトで位置を確認しながら任意のテキストや数値を記入してください。画像は見栄えをよくするためにもメイン画像は幅450pxのものを挿入してください。
サンプルの画像を使用する場合は画像にマウスを乗せて右クリック、「名前をつけて画像を保存」を選択しテンプレートと同じフォルダ内に保存してください。名前は半角英数字でなければ認識されないのでご注意ください。

HTML ：下記枠内ソースをコピペしてお使いください

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<TITLE>【サイト名】</TITLE>
</HEAD>
<BODY style="margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;">

<TABLE border="0" width="100%" cellpadding="0" cellspacing="0">
<TR>
<TD valign="top" align="center">

<TABLE border="0" width="600" cellpadding="0" cellspacing="0">
<TR>

<TD bgcolor="#666666" height="50" colspan="2">
<B><FONT color="#ffffff" size="+3">【サイト名】</FONT></B>
</TD>
</TR>
<TR>

<TD valign="top" align="left" width="450" style="padding-top : 5px;padding-right : 10px;padding-bottom : 5px;"><IMG src="【画像保存場所URL】" width="【画像サイズ”幅”（ピクセル）】" height="【画像サイズ”高さ”（ピクセル）】" border="0">

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom : 5px;border-width : 1px;border-style : solid;border-color : #666666;">
<TR>
<TD bgcolor="#666666" style="font-size : x-small;padding-top : 2px;padding-left : 2px;padding-right : 2px;padding-bottom : 2px;">
<B><FONT color="#ffffff">【Welcome to my site】</FONT></B>
</TD>
</TR>
<TR>
<TD style="font-size : x-small;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;">
【本文】
</TD>
</TR>
</TABLE>

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom : 5px;border-width : 1px;border-style : solid;border-color : #666666;">
<TR>
<TD bgcolor="#666666" style="font-size : x-small;padding-top : 2px;padding-left : 2px;padding-right : 2px;padding-bottom : 2px;">
<B><FONT color="#ffffff">【製品紹介タイトル】</FONT></B>
</TD>
</TR>
<TR>
<TD style="font-size : x-small;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;"><IMG src="【画像保存場所URL" width="【画像サイズ”幅”（ピクセル）】" height="【画像サイズ”高さ”（ピクセル）】" border="0" align="left" hspace="5">
<B>【dummytitle】</B><BR>
<BR>
【本文】<BR>
</TD>
</TR>
</TABLE>
</TD>
<TD valign="top" align="left" width="140" style="padding-top : 5px;padding-bottom : 5px;">

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom : 5px;border-width : 1px;border-style : solid;border-color : #666666;">
<TR>
<TD bgcolor="#666666" style="font-size : x-small;padding-top : 2px;padding-left : 2px;padding-right : 2px;padding-bottom : 2px;">
<B><FONT color="#ffffff">【カテゴリタイトル名】</FONT></B>
</TD>
</TR><TR>
<TD style="font-size : x-small;line-height : 17px;text-decoration : none;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;">
<A href="【リンク先URL】">【メニュー1】</A><BR>
<A href="【リンク先URL】">【メニュー2】</A><BR>
<A href="【リンク先URL】">【メニュー3】</A><BR>
<A href="【リンク先URL】">【メニュー4】</A><BR>
<A href="【リンク先URL】">【メニュー5】</A>
</TD>
</TR>
</TABLE>

<TABLE border="0" cellpadding="0" cellspacing="0" width="100%" style="margin-bottom : 5px;border-width : 1px;border-style : solid;border-color : #666666;">
<TR>
<TD bgcolor="#666666" style="font-size : x-small;padding-top : 2px;padding-left : 2px;padding-right : 2px;padding-bottom : 2px;">
<B><FONT color="#ffffff">【PRタイトル】</FONT></B>
</TD>
</TR>
<TR>
<TD style="font-size : x-small;padding-top : 5px;padding-left : 5px;padding-right : 5px;padding-bottom : 5px;">
<B>【タイトル】</B><BR>
【本文】
<HR>
<B>【タイトル】</B><BR>
【本文】
<HR>
<B>【タイトル】</B><BR>
【本文】
<HR>
<B>【タイトル】</B><BR>
【本文】
</TD>
</TR>
</TABLE>

<FONT size="-1">無料テンプレートの<BR><A href="http://freten.ngscorp.net/" target="_blank">Fre-Ten【フリテン】</A></FONT>
</TD>
</TR>
<TR>

<TD bgcolor="#666666" align="center" colspan="2">
<FONT color="#ffffff" size="-1">Copyright (C) 2008 【サイト名】. All Rights Reserved.</FONT>
</TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
</BODY>
</HTML>

保存方法は「ホームページの基本」をご覧ください

Fre-Ten【フリテン】とは　│　守ってほしいこと　│　リンクについて　│　スタッフ募集　│　管理人への連絡　│　サイトマップ