１、枠組みの作り方
まずはHTML日記の元となる枠組みを決めます。
下にあるのは、僕がHTML日記に使っている枠の原型です。
(多少分かりやすく改良しました。)
この枠組みを使う場合は、下のソースをメモ帳などに保存しておいてください。
ソース
<A Name="1"></A><BR><BR> <TABLE border="9" width="600" bgcolor="#ffffff"><TBODY><TR> <TD>■ 2004/12/01(水) ここにタイトルを書いてください。</TD></TR><TR><TD> ここに本文を書いてください <DIV align=right><A href="#top">一番上に戻る</A></DIV></TD></TR></TBODY></TABLE>
動作サンプル
■ 2004/12/01(水) ここにタイトルを書いてください。
ここに本文を書いてください
一番上に戻る
大体このような感じに表示されます。
次に、一行ずつ解説していきます。
1行目
まず、<A Name="1">の部分にはその日の日付を入れてください。
例：3日の場合→<A Name="3">、17日の場合→<A Name="17">
4月5日追記：nameのところに#が入っていると、
IE以外では動作しないので修正しました。
(これは次に説明するカレンダーと連動しています。)
次の<BR>の部分は日記と日記のスペースを取るために入れてください。
(日記と日記の間にスペースをとる必要性がない場合、入れなくてもいいです。
2行目
ここで、日記の枠のデザインを決めます。
まず、border="9"の部分は、枠の太さをあらわします。
数字が大きくなればなるほど枠が太くなります。
width="600"の部分は枠の横幅です。
数字が大きくなればなるほど枠が横幅が大きくなります。
bgcolor="#ffffff"の部分は枠の内部の色です。
ここにカラーコードを入れてください。
ちなみにこの部分を消すと、全体の背景色と同じになります。
他にもいろいろな属性を指定できるのですが、ここでは省略させていただきます。
その他の属性を指定したい場合はHTMLタグについて説明しているページを見てください。
例
border="1",width="300"
border="5" width="500",bgcolor="#ff00ff"
border="9" width="600",bgcolor="#ffff99"
3行目
「■ 2004/12/01(水) ここにタイトルを書いてください。」
という部分に、日付とタイトルを書いてください。
4行目
ここに本文を書いていくのですが、本文を書くときに注意するところは、
改行するときには<BR>を入れてなければいけないということです。
レンタル日記などと違って、自動には改行されません。
タグを使うのは自由ですが、タグの使い方などはここでは説明しきれないので、
HTMLタグについて説明しているページを見てください。
5行目
<DIV align=right><A href="#top">一番上に戻る</A></DIV>の部分は、
その名の通り一番上に戻るボタンです。<A name="#top">が入っているところに戻ります。
後で説明しますが、<A name="#top">は日記の一番上に書いてください。
でも、一番上に戻るというボタンがいらない場合は、この部分は消してもかまいません。
大体こんな感じです。それでは次にカレンダーをつけますを決めます。
２、カレンダーをつける
トップに戻る