●ホームページの画面
パソコンの画面で見ているホームページ画面は、いくつかの要素で構成されています。
　�@文字などのデータ（フォント、配置等のデータを含む）
　�A背景の模様、挿入写真、タイトルロゴなどの画像データ
�AはＧＩＦ（ジフ）ファイル又はＪＰＥＧ（ジェイペグ）ファイルと呼ばれる画像データです。
�@は２）で説明するHTMLファイルというテキストファイルで、文字データの他に�Aのファイルの指定（位置、大きさなどの指定）も行っています。

●HTML形式によるファイル作成
「HTML形式でファイルを作る」などと書いてあると、それだけで「むずかしい」と思ってしまいそうですが、普通のワープロソフトやホームページ作成ソフトを使えばワープロ感覚で簡単にHTML形式のテキストファイルを作ることが出来ます。
　HTMLファイルは「普通の文字データ（文章）」と文字の大きさやフォント、画面の背景の色などを指定する「タグ」とで出来たテキストファイル（人が読める文字データ）です。
　本来、HTML形式の文法（「タグ」の使い方）をきちんとマスターしていれば、単純なテキストエディター（ワードパッドやＭＩＦＥＳなど）でも作れるのですが、文法を知らなくてソフトの力を借りればHTMLファイルを作れます。
参考までに、このページの元となっているHTMLファイル（ページのソースと言います）の一部は、こんな感じです。HTMLファイルのイメージだけは頭に入れておいた方が良いと思います。
（下のようなテキストデータを「ページのソース」と言います。ワードの作成中にソースを見たい場合は「表示」「ソース表示」で見られます。）

＜このページのトップへ＞

●画像ファイルについて（ＧＩＦとＪＰＥＧ）
ホームページで扱える画像ファイルの形式は、JPEG（ジェイペグ）とGIF（ジフ）の２つです。
どちらもファイルを圧縮して、短時間で読み込めるようにしたファイル形式です。
2つの形式の比較は下の表の通りです。　

　＜このページのトップへ＞

●サーバーへのアップロード
　出来上がったホームページは、プロバイダのサーバーなどに送る（アップロードする）ことで、インターネットを経由して世界中の人に見てもらえるようになります。
ホームページを公開しているからと言って、自分のパソコンを24時間ONにしておかなければならない（？）なんて事はありません。念のため。（アップロード編参照）

●ファイル名について
　ホームページの各ページのファイル名は、基本的には自分で分かりやすいものが良いと思いますが、以下のルールは守る必要があります。
・文字数は制限無し
・使える文字は半角の数字とアルファベット
・使える記号は「-」と「_」のみ
・日本語は使わない
・index.htm(index.html)はトップページを意味する。

◎「.htm」と「.html」？？？
「.htm」と「.html」は、両方とも「HTML文書であること」を表す拡張子です。
　どちらでもブラウザはHTMLファイルと認識して表示してくれます。
でも、abc.htmとabc.htmlとは別のファイルとして認識されます。リンクがうまく行かない場合の原因がこんな所にある場合もあります。
また、Word９７で作ったHTMLファイルは拡張子がhtmになりますが、Word９８の場合はhtmlになります。（理由はわかりません）
ついでに、Windows95では拡張子は４文字まで付けられますが、MS-DOSやWindows3.1では３文字までです。　

＜このページのトップへ＞

●ファイルの整理について（階層設定）
　色々なホームページを見ていると、アドレス（ＵＲＬ）がhttp://www.abc.ne.jp/~efg/hij/klm.htmのように、/で区切られているものが多いことに気付きます。これは、ホームページを管理して行く上で便利なように、内容などによってディレクトリ（フォルダ）を分けて階層構造にしているためです。
　テーマ毎、関連ページ毎など自分にとって分かりやすく設定しましょう。（ある程度メインテナンスをやって行く内に分け方のコツがわかってきます。）
　極端な例としては、各ページ毎にディレクトリ（フォルダ）を作って、HTMLファイルと画像ファイルなどを入れる方法があります。この方法だと、どの画像ファイルがどのHTMLファイルに対応するのかすぐにわかります。さらにファイル名は全て「index.html」とすれば、各ページはhttp://www.abc.ne.jp/~efg/hij/のように、ディレクトリ名までの指定で表示出来ます。

◎注意事項
ホームページはHTMLファイルと画像（写真、ロゴ、背景など）ファイルが一体となって構成されています。ですから、一つの画面を表示するために必要なファイルは同じディレクトリ（フォルダ）内になければならないので気を付けましょう。

＜このページのトップへ＞

●良いページ、悪い（？）ページ
　個人的見解として、以下のようなホームページはあまり好きになれません。あくまでも個人的見解です。
１）画像が不必要に多くて読み込みに時間がかかるページ
画像そのものを見てもらうのが目的のページなら良いのですが、不必要な画像の多用は迷惑に感じます。
２）プラグインが必要なページ
ページの内容にもよりますが、不必要にプラグインを使ったページも好きになれません。
「見てくれる人がすべて自分と同じ環境で見ているのではない。」ということを考えた方が良いと思います。
３）一つのページが（縦に）長過ぎ、かつ「ブックマーク」（Step1のリンクの項参照）の無いページ
読み込みに時間がかかるし、スクロールが大変。
４）幅が大きすぎるページ
大きな画像や表を使った場合に起こることですが、いちいち左右にスクロールするのは読みにくいし、印刷しても幅が足りなくなって全部印刷出来ない。

＜このページのトップへ＞