いきなりホームページ

このページのホストは です。 無料ホームページ をどうぞ！

• ＨＴＭＬを覚えよう
• ホームページ作成の手順
• チェス庵へ戻る

注：＜Ｈ３＞などと全角文字を使っていますが、これは説明の便宜上で、 実際にあなたがお書きになる時には半角文字で書かなければなりません。

文書の枠組み

＜ＨＴＭＬ＞ ＜ＨＥＡＤ＞ ＜ＴＩＴＬＥ＞タイトル＜／ＴＩＴＬＥ＞ ＜／ＨＥＡＤ＞ ＜ＢＯＤＹ＞ ここに本文を書きます。 ＜／ＢＯＤＹ＞ ＜／ＨＴＭＬ＞

本文

＜Ｈ３＞見出し＜／Ｈ３＞	見出しを大きくするタグです。数字が小さいほど大きな文字になります。
＜ＦＯＮＴ　ＳＩＺＥ＝１＞いちばん小さいフォント ＜／ＦＯＮＴ＞	＜ＦＯＮＴ〜＞＜／ＦＯＮＴ＞で囲まれた部分の、フォントの大きさを 指定できます。数字が大きくなるほど、文字も大きくなります。
改行＜ＢＲ＞ 改行	このタグを入れたところで改行します。これは一つだけで機能するので、 閉じるタグは必要ありません。以下にも一つだけで機能するものがあります。
段落＜Ｐ＞ 段落	改行後さらに一行空白にします。
＜ＨＲ　ＳＩＺＥ＝３＞	これは横線を引くだけのタグです。ＳＩＺＥ＝の数字が大きくなるほど、 太い線になります。

本文中に画像を入れてみましょう。

＜ＩＭＧ　ＳＲＣ＝”ｎｗｌ．ｇｉｆ”＞

ＳＲＣ＝””のところで画像ファイルを指定します。

ハイパーリンクも必要でしょう。これは他の文書や画像などへのリンクを その場所に入れて、クリックした時にその文書等へ飛ぶようにします。
いろいろな使い方があります。

＜Ａ　ＨＲＥＦ＝”ｉｎｄｅｘ．ｈｔｍｌ”＞ インデックスページへ＜／Ａ＞	ＨＲＥＦ＝””のところへ飛ぶ先のファイルを指定します。＜Ａ〜＞と ＜／Ａ＞で囲まれたところに、どこへ飛ぶのかを書き入れます。
＜Ａ　ＮＡＭＥ＝”ＮＥＷＳ”＞ニュース＜／Ａ＞ ＜Ａ　ＨＲＥＦ＝”＃ＮＥＷＳ”＞ニュースへ飛ぶ＜／Ａ＞	文書の特定の位置へも移動できます。ＮＡＭＥ＝””に特定の名前を付けてこの タグを埋め込んでおき、ＨＲＥＦ＝””にその名前を入れれば（名前の前には ＃記号を付けます）、そこへ飛ぶようにできます。
＜Ａ　ＨＲＥＦ＝”ｉｋｉｈｔｍｌ．ｈｔｍｌ＃ＮＥＷＳ”＞ ikihtml.htmlファイルのニュースへ飛ぶ ＜／Ａ＞	特定の文書の特定の位置へ飛ばすように指定する事もできます。
＜Ａ　ＨＲＥＦ＝”ｈｔｔｐ：／／ｗｗｗ．ａｓａｈｉ．ｃｏｍ／”＞朝日新聞 ＜／Ａ＞	他のサイトへ飛ぶようにも指定できます。
＜Ａ　ＨＲＥＦ＝”ｍａｉｌｔｏ：ｃｈｅｓｓ＠ｇｅｏｃｉｔｉｅｓ．ｃｏ ．ｊｐ”＞作者へメールを出す ＜／Ａ＞	クリックすると、指定した所へ出すメールを作るウィンドウが出てくる ようにもできます。

列挙も覚えておくと、より見易い画面ができます。

列挙します。 ＜ＵＬ＞ ＜ＬＩ＞列挙の文その１ ＜ＬＩ＞列挙の文その２ ＜／ＵＬ＞ となります。	＜ＵＬ＞＜／ＵＬ＞で囲んだ部分が一段下がり、列挙したい文などは ＜ＬＩ＞の後に付けます。
列挙します。 ＜ＯＬ＞ ＜ＬＩ＞列挙の文その１ ＜ＬＩ＞列挙の文その２ ＜／ＯＬ＞ となります。	＜ＯＬ＞＜／ＯＬ＞を使うと、順番に数字を付けて列挙できます。

ここ、ジオシティーズでは誰でも無料でホームページを持つことができます。 あなたもさっそく自分のホームページを作ってみませんか？

1. まず「index.html」というファイルを作ります。

   これはホームページの表紙になるページで、目次の役割をします。このページ にはあまりいろいろ書かずに、何かを書いた他のファイルへのリンクを載せます。
   例：
   注：この文書中のタグは全角文字で書かれていますが、上記の例と同じく、実際 にタグを書く時には半角文字で書きます。
   

   ＜ＨＴＭＬ＞ ＜ＨＥＡＤ＞ ＜ＴＩＴＬＥ＞私のホームページ＜／ＴＩＴＬＥ＞ ＜／ＨＥＡＤ＞ ＜ＢＯＤＹ＞ ＜Ｈ３＞ようこそ私のホームページへ。＜／Ｈ３＞ ＜ＦＯＮＴ　ＳＩＺＥ＝２＞1998年1月26日更新＜／ＦＯＮＴ＞＜Ｐ＞ このページでは主に私のチェス活動について書いていきます＜Ｐ＞ ＜ＨＲ　ＳＩＺＥ＝３＞ ＜Ｈ４＞もくじ＜／Ｈ４＞ ＜ＯＬ＞ ＜ＬＩ＞＜Ａ　ＨＲＥＦ＝”ｎｉｋｋｉ．ｈｔｍｌ”＞私のチェス日記 ＜／Ａ＞ ＜ＬＩ＞＜Ａ　ＨＲＥＦ＝”ｓｅｎｓｅｋｉ．ｈｔｍｌ”＞私の戦績 ＜／Ａ＞ ＜ＬＩ＞＜Ａ　ＨＲＥＦ＝”ｃｌｕｂ．ｈｔｍｌ”＞チェス・クラブのご 紹介＜／Ａ＞ ＜ＬＩ＞＜Ａ　ＨＲＥＦ＝”ｉｎｔｅｒ．ｈｔｍｌ”＞インターネットで チェスしよう！＜／Ａ＞ ＜／ＯＬ＞ ＜ＨＲ　ＳＩＺＥ＝３＞ (c)1998 私＜ＢＲ＞ このホームページの著作権は私にあります。無断転載を禁じます。＜Ｐ＞ ＜Ａ　ＨＲＥＦ＝”ｍａｉｌｔｏ：ｗａｔａｓｉ＠ｍｙ．ｍａｉｌ．ｓｅｒｖ ｅｒ”＞作者へメールを出す＜／Ａ＞ ＜ＨＲ　ＳＩＺＥ＝３＞ （ここに下記のジオシティーズの広告を入れる） ＜ＨＲ　ＳＩＺＥ＝３＞ ＜／ＢＯＤＹ＞ ＜／ＨＴＭＬ＞

2. 実は、このジオシティーズに無料でホームページを持つためには、ジオシ ティーズの広告を「index.html」ページに入れなければなりません（義務です）。

   ＜ＣＥＮＴＥＲ＞ このページのホストは ＜Ａ　ＨＲＥＦ＝”／”＞＜ＩＭＧ　ＳＲＣ＝”／ｐｉｃｔｕｒｅｓ／ｇｃ＿ ｉｃｏｎ．ｇｉｆ”　ｂｏｒｄｅｒ＝０　ａｌｉｇｎ＝ｍｉｄｄｌｅ＞＜／Ａ＞ です。 ＜Ａ　ＨＲＥＦ＝”／”＞無料ホームページ＜／Ａ＞ をどうぞ！ ＜／ＣＥＮＴＥＲ＞

   ちょっと難しいタグが出てきますが、これをそのまま（もちろんタグの部分は 半角文字に直して）入れれば良いでしょう。

3. 次にそれぞれのページを作成していきます

   ＜ＨＴＭＬ＞ ＜ＨＥＡＤ＞ ＜ＴＩＴＬＥ＞私のチェス日記＜／ＴＩＴＬＥ＞ ＜／ＨＥＡＤ＞ ＜ＢＯＤＹ＞ ＜Ｈ３＞私のチェス日記＜／Ｈ３＞ ＜ＦＯＮＴ　ＳＩＺＥ＝２＞1998年1月26日更新＜／ＦＯＮＴ＞＜Ｐ＞ ＜ＵＬ＞ ＜ＬＩ＞1月25日＜Ｐ＞ オランダの大会で今日アナンドが首位に立った。ルイロペスの白番で、 閉じた局面での交通整理みたいな中盤を抜けて、双方とも敵キング陣への 攻撃を始めました。最後は黒番のVan der Sterrenが取り残された ビショップを忘れていたため勝てたような感じでしたが、ともあれ勝ちは 勝ちです。＜Ｐ＞ ＜ＬＩ＞1月26日＜Ｐ＞ 今日はＩＣＣで六局対戦したが、ポカが多く、三勝三敗とひどかった。 タバコを切らしてしまって半分寝ていたため、とタバコのせいにしておこう。 ＜Ｐ＞ ＜／ＵＬ＞ ＜ＨＲ　ＳＩＺＥ＝３＞ ＜／ＢＯＤＹ＞ ＜／ＨＴＭＬ＞

   と、こんな具合に作っていきます。

4. 全てのページが出来上がりましたら、自分のホームページを掲載する、 ジオシティーズの中の番地を確保します。

   例えば上記のようなチェスのページの場合は、ゲーム関係の「プレイタウン」 へ入り、「このコミュニティに住む」というボタンを押して、後は指示に 従って番地を取ってください。
   番地を取る際に、自分のＩＤ名（他の人とダブらないような適当な名前）と、 パスワードの設定もします（後で登録した電子メールアドレスへ確認のメール が届きます）。

5. メールが来て、実際に自分の番地が確保できましたら、ファイルのアップロード をします。

   ジオシティーズのホームページから、「市民のみなさまへ」というページへ行き、 「ファイルマネージャー」のページへ入ります。ＩＤ名とパスワードを入れると、 ファイルマネージャーの画面になります。その下の方の「ＥＺアップロード」 というところで、「参照」ボタンを押してアップロードするファイル名を指定し、 「小文字へ変換」と「htmをhtmlへ変換」の項目をチェックし、ファイル数を 指定して、「送信」ボタンを押すと、ファイルが自分のディスクからジオシティ ーズへ送信されます。

6. これで出来上がりです。

   自分のホームページへ行って、きちんと出来ているか確認しましょう。
   もしミスがありましたら、自分のディスク中のファイルを修正して、再び アップロードします。

ホームページは案外簡単にできてしまうと思いませんか？

さあ、さっそくとりかかりましょう