ホームページ作成講座

�T．ホームページ開設申し込み ホームページ作りの第一歩は、自分のプロバイダーに開設申請して、ホームページのURL取得です。プロバイダーのホームページには、ホームページを作るための申請のページが有りますから、 そのページを良く読んで、申請して下さい。費用は大抵無料で、５ＭＢまで無料というプロバイダーが多いようです。 私の場合は、infowebでしたから、１０ＭＢまで無料、My Sweet Homepage というページでした。infowebのページは結構親切でしたから、何回も読んで理解しようとしました。 �U．ホームページの作成 さて、プロバイダーへの登録が終わったら、ホームページの作成です。 まず、ホームページはどのように出来ているかを理解しましょう。 １．ホームページの構造 �@画面とＨＴＭＬ（Hyper Text Markup Language）の関係 全てのホームページは、どのようにして出来ているかが直ぐに分かるようになっています。例えば、私のこのページを見てみましょう。 Netscape Communicator ならば、「表示」の中の「ページのソース」をクリックして下さい。 I.Eの場合は、「表示」の中の「ソース表示」で分かります。 そうすると訳の分からない記号やアルファベットのがずらずら並び、その中に文書が有るのがお分かりになるでしょう。 これがホームページのもと、ＨＴＭＬ文書なのです。世界中のホームページは、このように書かれています。 色違いで＜＞に囲まれているのがＨＴＭＬのタグと言います。これが文書に様々な指示を出しているのです。 訳が分からないとお思いでしょうが、実は、後述のようにせいぜい２０個のＨＴＭＬを覚えれば、充分です。 ですから、これを見れば、どのような書き方でホームページが作られているかすぐ分かります。 格好いいホームページが有れば、文書のソースを開いて、その書き方を真似すればよいのです。

�AＨＴＭＬ文書 すべてのホームページはＨＴＭＬ文書で書かれて、その構造はすべて下記のようになっています。

＜ＨＴＭＬ＞　　　　　　　　ＨＴＭＬ文書の始まり 　　　　　　　　　＜ＨＥＡＤ＞　　　ＨＥＡＤ部分の始まり 　　　　　　　　　＜ＴＩＴＬＥ＞　＜／ＴＩＴＬＥ＞ＴＩＴＬＥ記入部分 　　　　　　　　　＜／ＨＥＡＤ＞　　ＨＥＡＤ部分の終り 　　　　　　　　　＜ＢＯＤＹ＞　　　ＢＯＤＹ部分の始まり 　　　　　　　　　＜／ＢＯＤＹ＞　　ＢＯＤＹ部分の終り 　　　　＜／ＨＴＭＬ＞　　　　　　　ＨＴＭＬ文書の終り

＜ＨＴＭＬ＞＜ＨＥＡＤ＞＜ＴＩＴＬＥ＞ここにタイトルを書きます。＜／ＴＩＴＬＥ＞＜／ＨＥＡＤ＞ ＜ＢＯＤＹ＞ここに書きたい文書・画像などを入れます。＜／ＢＯＤＹ＞ ＜／ＨＴＭＬ＞ ＜ＨＴＭＬ＞から＜／ＨＴＭＬ＞までがＨＴＭＬ文書だという印です。 ＜ＨＥＡＤ＞から＜／ＨＥＡＤ＞までは、タイトルや要点などを書く部分です。 ＜ＢＯＤＹ＞から＜／ＢＯＤＹ＞の間に本文を書きます。 構造と言ってもたったこれだけなんです。簡単でしょ。 ／はスラッシュと読み、タグの意味はここで終わりという印です。 ＜ＴＩＴＬＥ＞　＜／ＴＩＴＬＥ＞のように、ワンセットで効力を発揮します。 もし／を忘れたらそのタグの効果は出ませんので、一度やってみて下さい。 すべて半角で表現します。 �B［ＨＴＭＬタグ一覧表］ さて、その他のタグを下記します。私のホームページのレベルでしたら、これだけの記号を理解すれば作れるのですよ。 値段の高いソフトは必要ありません。

＊位置決め・色 　＜ＣＥＮＴＥＲ＞　＜／ＣＥＮＴＥＲ＞　　　真ん中に揃える 　＜ＢＯＤＹ　ＢＧＣＯＬＯＲ＝”＃　”＞　　背景の色を指定する ＊テーブル 　＜ＴＡＢＬＥ＞　　　　　　　　　　　　　　テーブル（表）を作る 　＜ＴＲ＞＜ＴＨ＞　＜／ＴＨ＞＜／ＴＲ＞　　第一項目 　＜ＴＲ＞＜ＴＤ＞　＜／ＴＤ＞＜／ＴＲ＞　　第二項目〜 　＜／ＴＡＢＬＥ＞　　　　　　　　　　　　　テーブル（表）を終わる ＊文字表現 　＜Ｈ１＞　＜Ｈ１＞　　　　見出し 　＜ＵＬ＞　　　　　　　　　箇条書き 　＜ＢＲ＞　　　　　　　　　改行 　＜Ｐ＞　　　　　　　　　　段落 　＜ＨＲ＞　　　　　　　　　水平罫線 　＜ＦＯＮＴ　ＳＩＺＥ＝１＞　＜／ＦＯＮＴ＞　　　　　文字の大きさを指定する 　＜ＦＯＮＴ　ＣＯＬＯＲ＝”＃　”＞　＜／ＦＯＮＴ＞　文字の色を指定する 　＜Ｂ＞　＜／Ｂ＞　　　　　ボールド体にする ＊画像・リンク 　＜ＩＭＧ　ＳＲＣ＝”　”＞　　　　　　　　　　ここに画像を挿入する 　＜Ａ　ＨＲＥＦ＝”　”＞　＜／Ａ＞　　　　　　リンクする

　　

２．実戦 �@フォルダー作成 まず最初に、homepageという名前をつけたフォルダーを作ってください。 これから作る文書・画像はすべて、このフォルダーに入れておけば迷うことはありません。 �Aメモ帳への書き込み 　　まず、「スタート」「アクセサリ」と開いて「メモ帳」を出します。デスクトップにショートカットを作っておくと便利です。 　さて好きな文章を書いてみてください。タイトル、目次、そして書きたいことを少し書いてみましょう。 　出来ましたか。では上記の表を見ながらタグをゆっくりと書き加えて下さい。 �Bクリック、ダブルクリック、コピー＆ペイスト 　クリック、ダブルクリック、そしてコピー＆ペイストは使えるように練習しておいて下さい。 　有る程度慣れたら、二つのメモ帳を開いて、片一方のメモ帳のタグをコピー＆ペイストすれば、とても簡単に更新が出来ます。 �Cメモ帳とブラウザーの関係 　　メモ帳に名前をつけて保存します。小文字で名前を付け、「〜.htm」あるいは「〜.html」とします。 　プロバイダーによって指定されます。私はすべて「〜.htm」にしています。 �Dブラウザーでの確認 　　では、メモ帳に今まで書き込んだＨＴＭＬ文書をブラウザーで確認してみましょう。 　Netscape Comunicatorならば、「ファイル」「ページを開く」「ファイルを選択」ファイルの場所は「homepage」です。 I.E.の場合は、「ファイル」「開く」「参照」となります。 �Eホームページ構成図 さあ、これで貴方のホームページも第一歩を踏み出しました。 ホームページ全体の構成を考えてみましょう。例えば、私のホームページの場合、下記のような構成図に成ります。 あまり階層が多く成りすぎると、クリックが面倒ですし、ドコにいるのか訳が分からなくなりますから、 四階層くらいまでが良いと思います。ちなみに私のホームページの構成図は別紙のとおりです。トップページを見比べて下さい。

トップページ	第二階層	第三階層	第四階層
ようこそ 高坂　洋の世界へ	Who's Youchan	高坂のルーツを探せ クルマ歴 曽谷紹介・定点観測「桜並木」 我が家紹介	-
-	Youchanの吐息	曽谷便り 発言集 著書・講演一覧	-
-	仲間と遊ぼう	「マテの会」定例会のお知らせ 「マテの会」活動記録・会計報告 パーティ記録 グループＣ３Ｖの軌跡	-
-	仕事で遊ぼう	東レでのお仕事 東レ・サードレーシングチームの軌跡 東レ・オートスポーツレーシングチームの軌跡 Ｆ３も面白いぞ	-
-	おすすめブックマーク 読書記録 日記 自分史	-	-

�V．アップロード １．ＦＴＰ(File Transfer Protcol) の取得・使い方 ＦＴＰは、下記の雑誌に付録のCD-ROMがありますので買って 下さい。私も以前、この雑誌からWS FTPというソフトをインスト ールしました。マック用のソフトもあります。 「INTERNET MAGAZINE」　９８０円 �W．告知・宣伝・更新 １．告知・宣伝 さて、ホームページは作っただけでは誰も見てくれません。様々な機会を見つけてURLを告知しましょう。代表的な方法を下記します。 �@サーチエンジンへの登録 　私の「おすすめブックマーク」に私の使っているホームページを掲載しています。 �Aメイルでの告知 �Bメイルの署名での告知 �C年賀状・暑中見舞い・名刺での告知 ２．更新 更新は少なくとも一週間に一回。習慣化すれば簡単です。 �X．参考資料 ここで解説したホームページ作成方法は、必要充分な初歩です。後は慣れと研究です。 下記の書籍やホームページは私が参考にしている物です。しっかり勉強して下さい。 １．おすすめ書籍 「ホームページ作りのすすめ」　ジャストシステム　２７１８円 「魅せるホームページ」　　　　インプレス　　　　２９８０円 「ホームページ用素材集」　　　インプレス　　　　２８９３円 ２．おすすめホームページ 　パソコンビギナーズガイド