• ホームページを作り始めて、右に行ってはゴツン、左に行ってはゴツンと、壁ばかりに当たってきたものを、その時々に気づいたメモを書きためた今日の一言がベースになっています。全く知識のないゼロからのスタートですから、これからホームページ作りを始める人にも参考になると思います。時系列でたどるのはこちらをどうぞ。

• 最初の頃は気になる表現もありますが、流れが表せるように内容に関わらなければそのままにしています。しかし同じ内容で後の方が便利なことも出てきますので、その場合は「こちらの方が便利」と明示しました。2002/05/09

• ホームページを作っていると、前に使ったことがあるけどどうするのだったかなあ、ということが多々あります。そんな時自分の困ったことをまとめていると結構便利です。自分用の虎の巻としても使っています。2003/01/19

1. 日本語のファイル名（全角）は絶対に使わないこと。→動かなかった。
2. 半角スペースを入れない→インターネットエクスプローラはＯＫだが、Netscapeでは認識されないので入れない。
3. 半角英文字も大文字と小文字は区別されること。
4. 使える記号は「-」と「_」だけ
5. ８文字以下が望ましい→8文字以上でもOK、短いと表現できない場合があり、文字の長さにこだわらない。2002/5/9
6. 付録。htmlの中に「<」と「>」を使ってはいけない。タグとみなされちゃんと表示されない。
7. 付録。半角コロン「:」もhtmlでは駄目。「夢：dreams」も半角コロンはタイトル表示されない。全角コロンＯＫ。

1. トップ頁に全ての情報を集めてワンクリックでその場所へ行けるようにした。飾りが少なくなりコンパクトになったので、全体の見渡しが良くなった。
2. 写真だけでコメントがないという声があり、その場所の特徴をコメントで加えた。自分が始めて行く場合はどうだろうという観点で情報とした。
3. その場所のランキングを流行りの★マークで勝手につけた。これも独断の点数です。

1. カーソルを挿入したい位置に持ってくる
2. 挿入→HotMediaアプレット→アニメーション　でウィザードに従ってHotMediaアニメーションのファイルを作る。各画像の切り替わりの種類は後で替えますのでこのときは気にせず作る。
3. 出来た「HotMediaアニメーション」のファイル右クリック→HotMediaクリエーターで編集→「フレーム１」の左にあるアイコン状のものをクリック→トランジションの設定→種類　で画像ファイルの切り替わりの種類を設定。
4. 種類には【1】切り取り(一枚ずつ切り替わり)、【2】ディゾルブ(ホワホワホワっと出る)、【3】ワイプ(カーテンを開くように上の旧の画像が移動)、【4】スライド(旧の上から新画像が入ってくる)、【5】サイクル(画像が連続)、【6】ズーム(点から画像に拡大or縮小)があります。一枚一枚の画像ファイル毎に切り替わりの設定が出来ます。
5. 切り替わりの編集をしたものは、「ファイル→プレビュー」で確認し、「ファイル→上書き保存」をします。
6. このタイトルは【2】ディゾルブ→【4】スライド→【6】ズーム　の順で動かしています。
7. この頁はJavaが詰め込みすぎで重くなるので、タイトルのサンプル画像を置いているだけで動かしてはいません。

1. 【画像ファイル選択】　追加をクリックして表示させたい画像を入れます。
2. 【ホットリンク設定】　「ツールヒント(T)」はマウスを上に持っていったときに表示される文字の設定でこの中で必ず設定します。「マウスクリック動作」では「動作の選択」をクリックすると1.何もしない、2.URLリンク、3.サウンド再生、4.ホットメディアファイルの置き換え　から選択できます。この項目はウィザードを終了した後で編集できます。
3. 【トランジション設定】　画像ファイルの切り替わりの種類を設定します。後で編集できます。
4. 【表示設定】　この項目もウィザードを終了した後で編集できます。 「表示サイズ」で幅と高さを設定します。「アニメーションの自動再生」には、1.なし、2.一度だけ、3.ループ、４．折り返し　があります。「アプレットの操作」には、１．操作ボタンを表示する、2.マウスのドラッグ操作を禁止する　の設定があります。

1. HotMediaアニメーションはウィザードの順で設定し、その殆どはあとで設定できますが「ホットリンク設定」の「ツールヒント」だけは、このウィザードでの作業の中で設定してないと変更できません。必ずこのウィザードの中で設定します。ツールヒントとは、画像を表示した上にマウスを持っていった時に説明文字が表示される「代替テキスト」と同じものです。
2. 設定はウィザードを進めていくと「画像ファイル選択→次へ→ホットリンク設定」となりますので「ホットリンク設定」の中の「ツールヒント(T)」の文字を置き換えます。
3. デフォルトでは、選択した画像のファイル名が入っており、この文字がマウスを上に持っていったときに表示される文字になるので、このファイル名を自分で表示させたい文字に変更します。
4. 例では最初の画像のツールヒントを「tb_bc_yume-dreams_1.jpg」→「夢はお持ちですか。」に変更しています。
5. 左下に画像のアイコンがあるので、これをクリックして、全ての画像に対して同様にツールヒントの文字を設定します。
6. この設定をしないとカーソルを上に持っていった時に画像ファイル名が表示されます。

1. 画像の一部からリンク出来ます。世界地図で国名の丸印からその国の頁へリンクする例です。
2. ホームページビルダーで、左クリックでリンクを表示したい画像を選択し、「右クリック→画像を編集→イメージマップの編集」でイメージマップエディターを起動させます。
3. リンクを貼る領域は、多角形、○（円形）、□（長方形）、の３つから選択できます。
4. 多角形の領域を作成するには、画像の上でマウスの左ボタンをクリックすると点が一つ作成されます。多角形の最後の点を指定するときには左ボタンをダブルクリックします。最初の点と最後の点が線で結ばれ、多角形が完成します。
5. 円形の領域を作成するには、画像の上でマウスの左ボタンを押し、押したまま移動（ドラッグ）します。マウスの移動に応じて円形の線が描かれます。ボタンを離せば円形の領域が作成されます。長方形の領域も円形と同様に作成出来ます。

1. まずリンクを張ります。ドラッグ→右クリック→リンクの挿入。リンク部分の色が変わります。
2. 色が変わったリンク文字の最初から右にドラッグしていきます。
3. この時色の変わった文字の周りが色の付いた四角で囲まれています。水色やピンクの四角です。
4. ドラッグを進めていき、最後の文字まできてもう一つ進め、次に移る直前でこの薄い色の囲いがリンク文字部分から外れて、その行全体に広がるところまで進めます。
5. そこでドラッグを止め、そのまま「右クリック→リンクの挿入」をします。
6. ４番目の「一つ進めること」がポイント。進めないで文字の上だけで止めると同じリンクでも色が変わらない。
7. ソースで見ると、６番のやり方は「色指定」「リンク場所」の順番となって「リンク場所」の時に色も通常のリンク設定の色に変わりますが、４番の一文字進めるやり方では「リンク場所」「色指定」となって最後の色指定が残ります。

<BLOCKQUOTE>この行をインデント表示しています。段落毎にインデント表示（字下げ）されます。この表示では一回インデントされています。
このように改行を入れても、ブロックとして連続してインデント表示されます。</BLOCKQUOTE>

1. night.cssをクリック→編集
2. BODY→編集
3. 「使用するフォント」にフォントを加えるために「フォントの候補→MSゴシック→追加」。
4. 予約語を「ポイント」に変更。サイズでフォントの大きさを指定。今回は10。文字の属性「太い」。
5. 文字の色を指定するために「カラーと背景」をクリック「前景色」にて文字の色を指定する。

1. night.cssをクリック→編集
2. BODY→編集
3. カラーと背景をクリック ファイルの参照で背景画像を指定する

• night.cssをクリック→編集
• UL（番号無しリスト）→編集→リスト→リストマークの画像ファイルを指定(dot_yellow.gif)

1. night.cssをクリック→編集
2. TD(データセル)→編集→フォント　にてフォント、ポイント数、太字などの指定
3. カラーと背景→前景色にて　文字の色を指定
4. 文字のレイアウト→水平方向の配置にて　左詰め、中央、右詰めの位置指定

1. night.cssをクリック→編集
2. A:VISITED(表示したリンク)→編集　カラーと背景→前景色にて　文字の色を指定
3. A:HOVOR(マウスが上にあるリンク)→編集　カラーと背景→前景色にて　文字の色を指定
4. A:ACTIVE(選択されてアクティブなリンク)→編集　カラーと背景→前景色にて　文字の色を指定

1. 「mailto:」にメールを受け取るアドレスを入れます。
2. 「感想をどうぞ」の表題はテキストで入れることも出来ますが、ここではgifの画像を挿入しています。
3. <B><FONT color="#000099">感想をどうぞ</FONT></B>　でテキストでも入れられます。
4. 入力して貰うエリアの大きさは、半角相当で「rows」縦の行の数と「clos」横の文字数で表します。
5. ”感想”は送信されるテキストの最初に表示される言葉です。「感想=○○○....」の出だしで始まります。
6. 「ここに自由に書いて....」は要らないのだが何もないと分かり難いので入れておいた。
7. ”送信”の文字は自由に選択できます。

• 箇条書きは通常、このように、必ず文章の前に★がきます。時にはこれを表示したくない場合があります。
• 空白の文章を入れても最初に★はきます。

• これを行をつめて且つ頭に★を入れない為には

  ---

  このようにすればできます。
• 水平線と★無しの文字の行が表示されているのが分かります。