ここでは、サンプルページでやっていることや、
その実現方法を解説します。(青字の部分)
実現方法は、ホームページエディタは人によって違うのを使っていると思うので、
HTMLのタグの書き方で説明します。
(FrontPageやホームページビルダーでは、「HTML」というタブを押すと
ずらずらと文字が出てきますよね。あれです。)
ホームページは全てHTML表示によりその構造を見ることができます。
「メモ帳」などのテキストエディタで、誰でも編集可能です。
これがわかると微修正に便利ですよ。
中央配置<p
align="center">と文字サイズ指定<font
size=" "></font>
基本技ですね。
マーキー
(インターネットエクスプローラーでのみ動作)
文字がスクロールします。
<
marquee bgColor="#ffff00" scrollAmount="4" width="80%" border="0">画像挿入。
これも基本です。拡大縮小ができます。
<img height="240" src="画像ファイル名.拡張子" width="360">
<イメージ使え 高さはいくつ ファイルはここだ 幅はいくつ>
2001/1/16更新
更新日
何度も来てくれる人のために、いつ更新したか知らせてあげるのが親切です。
エディタによっては、編集作業を行うたびに自動で日付を入れなおしてくれます。
たとえば「Microsoft FrontPage98」
秋について解説つき
連想ゲーム《秋》解説つき
山の運動会解説つき(実はこのページ内)
▲にかとまのホームページに戻る解説なし
画像挿入とリンク
アイコンやマーク用に小さい画像を使うとデザインの幅が広がりますね。
下線が引かれているところは他のページへのリンクが設定してあるところです。
<a href="HTMLファイル名.拡張子">リンク個所の文字</a>
hrefは、私は”Hリファレンス”と読んでいます。
リファレンスは「参照」という意味の英語です。
▼ブックマークを使って、山の運動会を楽しんでみましょう。↓
ブックマーク
ページの途中の部分にブックマーク(しおり)をはさんでおき、リンク先でそのブックマークを指定すると、
途中の部分に飛ぶことができます。
この「山の運動会」は、分岐にそれぞれ違うブックマークを設定していますが、実は全部このページ内にあるのです。
縦にスクロールしていくと分かりますね。
↓
↓
↓
↓
(質問に答えて、「はい」か「いいえ」を押してください。)
今日は山の運動会です。
おや、かけっこがはじまるようですよ。
「はい」は「#かけっこ」というブックマークに、
「いいえ」は「#玉入れする?」というブックマークにリンクされています。
カーソルを置いて、ブラウザ下部のバーを見ると分かりますね。
水平線
区切り線です。太さや長さを変えることができます。
<hr align="left"
SIZE="5" width="60%">
<水平線 配置は左 サイズは5 幅は全体の60%よん>
このあたりを「#かけっこ」というブックマークに指定しています。
<a name="かけっこ"> </a>
よーい、どん!
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
タッタカ タッタカ
どてっ。
ああっ。ゴール直前でこけてしまいました。
「起き上がる」は「#1位」というブックマークに、
「あきらめる」は「#びりっけつ」というブックマークにリンクされています。
このあたりを「#1位」というブックマークに指定しています。
<a name="1位"> </a>
なんとか1位でゴールできました。
おめでとう!
このあたりを「#びりっけつ」というブックマークに指定しています。
<a name="びりっけつ"> </a>
あ〜あ、びりっけつです。
残念。
このあたりを「#玉入れする?」というブックマークに指定しています。
<a name="玉入れする?"> </a>
今度は、玉入れがはじまるようですよ。
「はい」は「#玉入れ終わり」というブックマークに、
「いいえ」は「#終わった」というブックマークにリンクされています。
このあたりを「#終わった」というブックマークに指定しています。
<a name="終わった"> </a>
運動会は終わってしまいました・・・。
このあたりを「#玉入れ終わり」というブックマークに指定しています。
<a name="玉入れ終わり"> </a>
たくさん玉が入りました。
おめでとう!