もっと簡単にホームページを作ろう

　　　　まず準備するものをそろえよう　　戻る

　　　　ここでは、最初の１ページを完成させるまでに必要なものを、順を追って解説します。
　　　　　と言っても、必要なものは３つ、「構成」と「ソフト」と「ファイル」だけです。

　【１】　構成を考える　　戻る

　　　　これからホームページを作っていくにあたって、まずは自分のパソコンのハードディスク内に、
　　　　ホームページ制作専用のフォルダを用意してください。名前は何でもかまいませんが、ここでは
　　　　　　例）　ｃ：￥ＨｏｍｅＰａｇｅ　
　　　　このフォルダの中に、ホームページを構成する全てのファイルを置くこととして説明を続けます。
　　　　基本的に必要なのは、次の二種類のファイルになります。
　　　　　　文書ファイル　*.htm　（もしくは　*.html　）
　　　　　　画像ファイル　*.gif　　*.jpg　　*.bmp

　　　　次に、おおまかなページの構造を決めてしまいましょう。これはあとからでも変更は可能です。
　　　　ここでは、次の４つの文書ファイルを元にこのホームページが構成されるものとします。
@　トップページ
A　自己紹介ページ
B　お気に入り紹介ページ
C　今日のひと言		 　index.htm　　　（インデックス）
　prof.htm　　　　（プロフィール）
　okini.htm　　 　（お気に入り）
　ｎｉｋｋｉ.htm　　　（日記）

　　　　ここでは、トップページを出発点として、他の３つのページにジャンプするものとします。

　【２】　必要なソフト　　戻る

　　　　「もっと（も）簡単なホームページ作成」ですから、必要なソフトも必要最小限に絞りましょう。
　　　　あなたが普段使っている日本語ワープロ、これを使って作業を進めていくことにします。

　【３】　必要なファイル　　戻る

　　　　さて、ペシー゛を作っていくうえでアクセントとなるような画像ファイルが欲しいところですね。
　　　　最低限として、背景画像（bcg.gif）をひとつだけ用意しておくことにしましょう。
　　　　ここで気をつけることは、「あまりにも容量の大きい画像を使用しない」ということです。
　　　　見かけの綺麗さに惹かれて画像を貼り付けると、表示されるまでにかかる時間が大きくなってしまいます。
　　　　ページの読み込みに時間がかかってイライラした経験は、誰にでもありますね？
　　　　画像ファイルの主なものは、　gif、　jpg、　bmp　の３種類がありますが、順に容量が大きくなります。
　　　　できれば、「ＧＩＦ形式で１ＫＢ程度」の画像を選ぶのが無難でしょう。

　　　　画像ファイルは、雑誌の付録ＣＤなどにも収録されていますが、無料で配布しているサイトもあります。
　　　　「ＧＩＦ」「素材」「無料」などで検索するとたくさん見つかります。このサイトで軽くてきれてな壁紙を見つけました。
　　　　　　「12　apricot　ave」　http://www.hidecnet.ne.jp/~257011y/wg/index.html
　　　　気に入った画像がｗｗｗブラウザに表示されたら、その画像の上にマウスポインタを持っていき、
　　　　右クリックをして、「名前をつけて保存」してください。この時、保存する場所については、
　　　　最初に決めたフォルダにするのを忘れずに。（例　ｃ：￥ＨｏｍｅＰａｇｅ　）
　　　　また、保存した後で、そのファイル名を「　bcg.gif　」に変更しておきましょう。変更の仕方は、
　　　　ファイル上にマウスポインタを持っていき、右クリックして「名前の変更」です。

　　　　場合によっては、区切り線やカット、アイコンなどがあってもよいでしょうが、
　　　　ページの表示に時間がかかる原因になるので、私はあまり多用しません。
　　　さて、ここまでで準備は完了です。いよいよトップページの作成にかかりましょう。

基本となるページをつくろう　

　【４】　補足…画像ファイルの種類　　戻る

　　　ページのアクセントとなるような画像にはいろいろな種類があります。
　　　　ホームページ作成に慣れてきたら、このような画像ファイルを使ってみても面白いでしょう。

　　　【画像ファイルの例】
カット文章の合間に置くカット、イラスト。
ボタン押すと別のページへジャンプする。
アイコン文の先頭に置くワンポイント。
アニメーションＧＩＦ動く画像。アクセントに。
バナー文字を入れて、表札がわりに。
仕切り線標準の仕切り線でもの足りないときに。
背景文字との兼ね合いで雰囲気づくりに。
写真画像が「重い」ので表示に時間がかかります。

　

戻る