以下がホームページの制作、配布素材のソースです。
TOP.back
<!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>ホームページのタイトル</title>
<meta name="Keywords" content="">
<style type="text/css">
#txtr{color:red;}
#txtb{color:blue;}
</style>
</head>
<body>
<table height="5" width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEE99" align="center">
<tr><td></td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td width="400">
<h1>
入力情報①
</h1></td>
<td width="300" bgcolor="#EEEEBB">
入力情報その②、ホームページの説明文などを入れるといいです。
</td></tr>
</table>
<table height="3" width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">
<tr><td></td></tr>
</table>
<table height="10" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="50" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
</tr>
</table>
<table height="3" width="700" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF" align="center">
<tr><td></td></tr>
</table>
<table height="800" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="20" bgcolor="#EEEE99"></td>
<td width="100">
<h4>目次</h4>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その壱</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その弐</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その参</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その四</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その五</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その六</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その七</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その八</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その九</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<h5>項目その十</h5>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
<a href="http://www.hppp.org/" target="_top"><h6>www.hppp.org</h6></a>
<table height="3" width="100" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEEBB" align="center">
<tr><td></td></tr></table>
</td>
<td width="20"></td>
<td width="20" bgcolor="#EEEEBB"></td>
<td width="10"></td>
<td width="500">
<h2>入力情報その③</h2>
<table height="3" width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEE99">
<tr><td></td></tr></table>
ホームページの本文を入力。<br><br>
このホームページ制作の素材は
基本的なHTMLのみで構成されています。<br><br>
デザイン的にはあまり良くありませんが
HTMLの勉強の用途などには使えます。
<h2>補足情報</h2>
<table height="3" width="500" border="0" cellpadding="0" cellspacing="0" bgcolor="#EEEE99">
<tr><td></td></tr></table>
このホームページの制作素材は
styleで文字の大きさが指定されていないため、閲覧者さんによってホームページに表示される文字の大きさが変わります。<br><br>
一応、スタイルシートで
<span id="txtb"><b>青</b></span><span id="txtr"><b>赤</b></span>は表示できるようにしました。<br><br>
altやtitle、などSEO対策用に使える属性などは省略されています。
また、メタタグのキーワードが空の状態です。<br><br>
本文や目次を表示する欄の長さ(縦)はHTML1箇所の書き換えで長さが変更可能です。<br><br>
このホームページの制作素材を使用するに当たっては再配布以外、何でもOKです。<br><br>
このページの重さは画像を使用していないため7KBと非常に軽いです。
ホームページを制作する場合1ページ200KB以下が目安です。<br>
画像の画質を重視する場合はこの限りではありません。
</td>
<td width="10"></td>
<td width="20" bgcolor="#EEEEBB"></td>
</tr>
</table>
<table height="3" border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td></td></tr></table>
<table height="10" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td>
<td width="25" bgcolor="#FFFFFF"></td><td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td>
<td width="25" bgcolor="#EEEE99"></td><td width="25" bgcolor="#FFFFFF"></td><td width="50" bgcolor="#EEEE99"></td>
</tr>
</table>
<table height="3" border="0" cellpadding="0" cellspacing="0" align="center">
<tr><td></td></tr></table>
<table width="700" border="0" cellpadding="0" cellspacing="0" align="center" bgcolor="#EEEEBB">
<tr><td>
入力情報その④、アドレスや作者情報などを載せるといいです。
</td></tr></table>
</body>
</html>