ふぁるるのホームページ制作講座

以下がホームページの制作、配布素材のソースの使用方法です。 TOP.back

	灰色のHTML部分はデザインや基本の部分に使用しています。変える必要が無い部分です。
	デザイン変更用、heightの値を変えることで中央部分の長さ(縦)を変えられます。
	削除しても問題の無い部分です。
	入力しないとホームページが検索されにくくなります。

無色の場所を変更する事でホームページの各ページを制作、作成出来ます。

<!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="">

入力情報①

</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>

<h5>項目その壱</h5>

<h5>項目その弐</h5>

<h5>項目その参</h5>

<h5>項目その四</h5>

<h5>項目その五</h5>

<h5>項目その六</h5>

<h5>項目その七</h5>

<h5>項目その八</h5>

<h5>項目その九</h5>

<h5>項目その十</h5>

</td>

<td width="20"></td>
<td width="20" bgcolor="#EEEEBB"></td>
<td width="10"></td>
<td width="500">

<h2>入力情報その③</h2>

ホームページの本文を入力。<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>