楽しもう♪ MYパソコン環境


 

 

 

 

 

 

 

 

 

 

 


★ ホームページを作ろう♪ ★

■はじめに
 このページを見てくれているということは、ホームページを作りたいと思っているのだと思います。
 作りたいと思われたきっかけは色々あると思いますが、ここでは、私がなぜホームページを作ろうと
 思い、どんな段取り(?)で作ったのかを書いておきます。これを読んで皆さんも自分のホームページ
 作りをはじめてみませんか?その気になれば、個人で世界に向けて情報発信できるこんなに安価な
 メディアはありません。それこそいざとなったら、作り直すこともできますし、何より個人の趣味の
 サイトですから、マイペースで気軽に楽しみましょう。Let's TRYです♪
 最初はみんな初心者なのですから (^_-)-☆
 
■きっかけ♪
 私が最初にホームページを作ろうと思ったのは、1998年4月のことでした。今でこそプロパイダが
 標準でホームページスペースを提供しておりますが、当時はパソコン通信の時代でした。大御所だった
 ニフティサーブ(現在の@nifty)に加入してメールやパソコン通信を楽しんでいた訳ですが、
 ご存知のように、世の中の流れの中でニフティサーブがインターネットのプロパイダとして変化して
 いきました。
 
 当時の私は、インターネットという言葉があるのは知ってはいましたが、通信費、プロパイダ加入料などの
 経済的理由と何よりもパソコン通信自体もやりはじめて半年というパソコン初心者状態でしたので、
 やっと使い方に慣れているような状況でしたので、あまり気にしておりませんでした。
 今では信じられないことですが、当時1分いくらで課金されていました。そんな時代もあったのです(笑)
 
 そんな時、ホームページ作成ソフトがフリーソフトとして提供されるようになりました。
 Microsoftからは「Frontpage Express」、Netscapeからは、「Composer」がブラウザと一緒に提供され、
 雑誌などの書籍でも紹介される機会が多くなり、自分でも作ってみたいと思うようになりました。
 
 「個人でも作れるんだ〜」というのが、私のきっかけです。
  
■ホームページのネタ♪
 作ろうと思った頃は、みんなに見てもらおうなどという考えはありませんでした・・・ f(^_^)
 「公開したら誰か見てくれるのかな〜」なんて考えたことも少しはあるのですが、この時は単純に
 自分の勉強がてらホームページを作ってみようと思っていました。
 
 作るのはいいのですが、そこで問題となったのは何をホームページのネタにするのかということです。
 何にしようかなと色々と考えたのですが、身近なところから行くことにしました。
 まずは覚えたてのパソコンです。初心者ということもありましたが、当時何か新しいことをするたびに
 深みにはまっていたので、自分自身の記録的な意味あいから「パソコン」を記録として残しました。
 初期不良も重なり、ハードディスクが2度もクラッシュするというトラブルは、初心者の私を
 急成長(?)させ、バックアップを取る重要さも教えてくれました。
 
 こんな自分自身の経験から、きっと私と同じように困っている人がいるのではないかと思うように
 なりました。こんな「トホホ」な経験は私だけかもしれませんが、そう思いこむことで、ホームページの
 ネタは身近なところにころがっていると思うようになりました。あなたも見つけてみませんか?
 
■ホームページの掟
 ホームページの掟というかセオリーからいくと、ホームページは専門に特化したページを作る方が
 良いようです。広く浅くでは良くありません。私のサイトは「ちくらのホームページ」という
 タイトルを見ただけでは、何のサイトかわからないものよりも本来はそのものズバリの名前、
 例えば「トヨタホームで建てた建築日記」などの方がわかりやすいのですが、我が家で
 起きたことをなんとなくホームページにしたいという軟弱な思いがタイトルに現れています。
 個人の趣味のサイトな訳ですから、お気軽でいいかなと思っています。継続して年齢と共に内容も
 充実してゆくのが理想です。もちろん、色々なこだわりがあって良いので、自分で良いと思えば法に
 触れない範囲であればOKなのではないかと思います。

 一番大事なのは継続することではないかと思いますが、「情報発信」しなければと気負いすぎると
 義務のようになって疲れちゃいますので、マイペースで続けることで、きっとあなたのサイトに、
 お客様がついてきてくれるはずです。
 
■ナビゲート♪
 ネビゲートとは、ファイルの構成を考えて、どんな風に見てもらいたいのか考えることです。例えば
 「ボタン」を押すとどのページへ行くということが、わかりやすく考えられているかということです。
 操作感など統一していないと、困ってしまいますよね。わかりにくくなっていないか考えることが
 重要です。ちなみにちくらのホームページの構成の一部はこんな感じです。大雑把で良いので
 最初にある程度考えておきましょう♪ 

■デザイン(レイアウト)♪
 ネタが決まったところで、どういうデザインにしようか決めます。いきなりホームページ作成ソフトで
 作るのではなく、自分の気にいったデザインのサイトを参考にするといいと思います。デザインを
 決めてから、作りはじめた方がいいです。ここはじっくりと考えてからTOPページから作りましょう。
 ここまで決まれば、後は作るだけです。フレームのあるページは更新作業も楽なのですが、
 多用すると表示に時間がかかるので、ご注意ください。
 
■ホームページ作成ツールを選ぶ♪
 ホームページを作成するのには、次の2つの方法があります。
 
 ▼ホームページ作成ソフトを使う。
  ・無料:Microsoft社 FrontPageExpress(配布終了)Netscape社 Composer
  ・有料:Microsoft社 FrontPage、IBM社 ホームページビルダー など・・・


<Netscape Composer>

 ▼テキストを扱えるソフトを使う。
  ・無料:Windowsに付属のメモ帳、TeraPadなどのフリーのテキストエディタ
  
 私は、ホームページ作成ソフトを使ってこのサイトを作っています。最初は無料のMicrosoft社の
 FrontPageExpress(現在配布中止)を使っていましたが、今は同社のFrontPageを使用して作って
 います。操作感が変わらないのが理由でしたが、どこのソフトがいいのかは、それぞれに一長一短が
 あると思います。
 
 まず、試しに作ってみたいということであれば、無料のホームページ作成ソフトをおすすめますが、
 腰を落ち着けて作るぞ〜ということであれば有料のホームページ作成ソフトを最初から使うことを
 おすすめします。無料のものでもホームページを作ることもちろん可能なのですが、有料の方は、
 痒いところに手が届くような機能がプラスされています。また、画像の編集ソフトなども同梱されて
 いることも多いので、ホームページを作る為のソフトが一通り揃っているものが多いようです。
 また、無料のもので慣れて有料のものも覚えることになるので、その点も考慮しておきましょう。
 
 私のおすすめソフトは、IBM社のホームページビルダーをおすすめします。
 本当は私の使うFrontPageをおすすめしたいところなのですが、個人向けにはホームページビルダーの
 方がユーザー数も多く関連書籍も多く出版されていることと、ソフトも安価でホームページを
 作成する為のソフトがすべて同梱されている点でもおすすめです。
 
 私の場合は、無料のソフトだったFrontpage Express」を使っていたのですが、機能不足ということで
 有料ソフトへの乗り換えを検討した際に、ホームページビルダーに後ろ髪をひかれながらも、また
 最初から覚えるのは面倒ということで、操作の同じ「FrontPage」にしました。
 Microsoftの術中にはまっています f(^_^)
 
 もうひとつテキストを使って、HTML(Hyper-Text Markup Language)という、呪文のようなタグを
 並べて作成する方法もありますが、初心者にはタグを覚えなくてはいけないので、少し敷居が
 高いです。もちろんホームページ作成ソフトを使っている人でも今後、CGIやJavaScriptを使う
 場合にHTMLの知識が必要な場面もありますので、HTMLは覚えておいて損はありませんが、
 今は、ホームページはHTMLという記述言語で作られているものだと理解しておいてください。
 
 簡単な例を紹介します。まず、テキストエディタで次の文字を入力して、「index.html」という
 ファイル名で保存してみてください。

 <html>
 <head>
 <title>ホームページ</title>
 </head>
 <body>
 初めてのホームページです。
 </body>
 </html>
 
 保存した「index.html」を開くと、インターネットエクスプローラなどのブラウザで表示されます。
 このファイルを読み込んでブラウザが表示してくれるのがホームページの仕組という訳です。

 HTMLについては、「とほほのWWW入門」がとても良い参考になります。
 
■文字化け
 サイトを巡回していると日本語サイトなのに文字化けしてしまう場合があります。
 文字化けしないようにHTMLの<head>から</head>のタグの間に追加します。
 このサイトは、日本語だとちゃんと宣言することでブラウザが間違えずに正しく表示してくれます。
 なぜか自分のサイトだけ、文字化けするんだろうとお悩みの方はお試しください。

<meta http-equiv="Content-type" content="text/html; charset=shift_jis">

 
■index.htmlを置くこと

 「index.html」か「index.htm」のファイルを必ずおきましょう。
 通常はTOPページとして、このファイルを使うのですが、ホームページ作成ソフトの関係などで、
 違うファイル名をTOPページとしている場合があるようです。この場合は次のような不具合が発生します。
 
  ・URLが省略できない
   こちらは、たいした問題ではないのですが、例えば次のようにURLを入力すると
   「index.html」か「index.htm」を探して表示してくれますが、このファイルがないと表示してくれません。

http://park7.wakwak.com/~chikura/

  それどころかどんなファイルがあるのか一覧で表示してくれちゃいます。
  一時的にお友達だけに公開しようとしていたファイルなども見られてしまう恐れがあります。

 
■BGMは必要?

 仕事中にサボっている最中に音楽が鳴るのは自業自得かもしれませんが、家族が寝静まった夜に
 いきなり音楽が鳴るとびっくりしませんか?まだ静かな曲ならいいのですが、びっくりするほどの大きな
 騒がしい曲の場合は悲惨です。どんなにおもしろいサイトでも見にいかないことを決意するのに十分な
 理由になります。少々大袈裟かもしれませんが、作者自身がよかれと思ってBGMを入れているの
 でしょうが、お客様にとってはあまり良く受け入れられないのではないかと思います。
 個人的な意見で申し訳ありませんが私は強制的に鳴らされるBGMは嫌いです f(^_^)
 
■使っていけない文字や記号
 インターネットでは使用していけない文字や記号があります。
 細かい点は色々とあるようですが、まずは半角のカタカナ(例: )が
 使えないということを覚えておいてください。
 
 記号についても機種依存文字と言って、あなたのパソコンではちゃんと表示されるものが、
 世の中には自分とちがうパソコンや携帯電話などのPDAなどでは表示されません。
 どんな機種でもちゃんと見れるように機種依存文字は使わないということを覚えてください。
 ちなみに安心して使える記号は次の通りです。

 ▼記号
   、。,.・:;?!゛゜´`¨^ ̄_ヽヾゝゞ)
  〃仝々〆〇ー―‐/\〜‖| …‥‘’“”
  ()〔〕[]{}〈〉《》「」『』【】
  +−±×÷=≠<>≦≧ ∞∴♂♀∠⊥⌒∂∇≡≒≪≫
  √∽∝∵∫∬∈∋⊆⊇⊂⊃∪∩∧∨¬⇒⇔∀∃° ′″℃
  ¥$¢£%ʼn#&*@§☆★○●◎◇◆□■△▲▽▼
  ※〒→←↑↓〓 ♯♭♪†‡¶◯´`¨^

 ▼罫線用記号
  ─│┌┐┘└├┬┤┴┼━┃┏┓┛┗┣┳┫┻╋
  ┠┯┨┷┿┝┰┥┸╂ 
 
■画像について♪
 ホームページに画像があるとページが華やかになります。また文章で伝えるより伝えやすいという
 メリットがあります。最初は、お絵描きソフト(ペイントなど)を使って、ちまちま描いたりして
 いましたが、やっぱりデジカメが手軽で便利です。私が以前に使っていたデジカメは、RICOH DC-2Eで
 41万画素でした。現在の高画素を考えるととても低い水準ですが、ホームページの作成に使うには
 十分な画素数でした。カメラ付きの携帯電話が普及しておりますので、今後はお手軽に撮影できる
 携帯電話での撮影をした画像を使う方もどんどん増えるのでしょうね。

 この画像を処理するツールが必要になります。ホームページ作成ソフトに同梱されている場合も
 ありますが、私はMicrosoft社の「Photo Editor」という、ワードに付いてくるソフト(おまけ?)を
 中心に使ってます。このソフトは、ホームページで見ることのできる JPEG(*.jpg)とGIF(*.gif)に
 変換することができます。また、Wndows付属のペイントや色々なフリーソフトを使って画像を作ったり、
 加工したりしています。興味のある方は「フリーソフト探検隊」や「ホームページの画像について」を
 参考にしてみてください。
 
■アップロードしよう♪
 少しづつページが増えてくると、そろそろ誰かに見てもらいたいと思うようになりました。
 みんなに見てもらう為には、プロパイダさんのサーバーににホームページのファイルをアップロード
 しなくてはいけません。こちらもホームページ作成ソフトに同梱されている場合もありますが、
 曽田純氏の「FFFTP」というフリーソフトをおすすめします。このソフトは操作もわかりやすくて
 高機能なのでおすすめです。初めてブラウザから自分のページが見えた時は感動しました。
 
■検索サイトへ登録しよう♪
 ホームページを公開したものの誰も見てくれないのでは寂しすぎます。
 そこでYahoo!などの検索サイトへ登録してみましょう。各検索サイト毎に申し込みをしますので、
 検索サイト毎に同じようなことを何度も入力しなくてはいけない為、次の文面を用意しておくと
 良いでしょう。
  ・URL http://park7.wakwak.com/~chikura/
  ・サイト名 ちくらのホームページ
  ・名前 ちくら
  ・メールアドレス BYC07225@nifty.ne.jp(←架空のメールアドレスです)
  ・紹介文(全角30文字、50文字、100文字、150文字、200文字の5パターンを用意)
   【100文字例】我が家で起きた日常生活の記録です。トヨタホームによる建築日記やブルーベリーなどの
          小果樹栽培や家庭菜園を中心とした色々なコンテンツで綴る幕の内弁当のようなサイト♪
  ・キーワード(サイトを検索する際の言葉を10個以下で用意。半角カンマと半角スペースを用意)
    【例】半角カンマ トヨタホーム,建築日記,小果樹,家庭菜園,料理,レシピ,酒の肴,果実酒,リンク集
       半角スペース トヨタホーム 建築日記 小果樹 家庭菜園 料理 レシピ 酒の肴 果実酒 リンク集
 
 ちまちまと登録なんて嫌だ〜という方は、「一発太郎」という、複数の検索サイトへまとめて登録して
 くれるという便利なサイトがありますので、こちらを利用してみてはいかがでしょうか?便利です。
 また、検索サイトは登録型のものとロボットタイプのものがあります。こちらは登録したサイトを
 検索ロボットがあなたのサイトを見つけてくれます。代表的なものとしては「Google!」「MSN」などが有名です。
 
 検索サイトへの登録は、申し込んでからすぐ登録されるところから時間がかかるところまで色々です。
 「Yahoo!さんの例でいきますと、約3週間程度かかりました。「Yahoo!」さんへの登録は、現在難しい
 みたいです。1度で登録されなかったら、サイトの内容を見直して、再度チャレンジしましょう。
 登録される時は、「Yahoo!」さんからメールが来ます。検索サイトに、自分のサイト名を入れて、
 自分のページが検索されると、またまた感動してしまいますよ。余談ですが、検索エンジンに
 掲載されるとURLを覚えなくてもいいので便利です。←URLくらい覚えろと言われそうですね f(^_^)
 この頃から、ネットでのお友達ができはじめました。感謝です♪
 
■アクセスカウンタの設置♪
 ホームページをアップロードすると、「どの位の人が見てくれているのだろうか?」と気になってきます。
 アクセス数はサイトを作るうえでの、何よりのはげみになります。カウンタがまわると嬉しいものです。
 ぜひアクセスカウンタを設置しましょう。最初はプロパイダさんが用意したものを利用すると良いでしょう。
 プロパイダさんで用意されていない場合は、フリーで提供してくれるところもありますので、好みのものを
 探してみてください。アクセスカウンターには、同じ人が続けてアクセスしてもカウントするものとしない
 ものがあります。アクセスが増えるのは嬉しいですが、あまりアクセス数ばかり気にするのも
 疲れちゃいますので、マイペースで継続して更新するのが良いと思います。
 
■メールについて♪
 アクセスカウンタの数に比例して、サイトを見てくれた方からメールをいただくようになりました。
 読んで嬉しくなるようなものから、意見など考えさせられることもあり、とても楽しいです。
 ただ、この頃からよくわからないアダルトや広告などの怪しいメールも増えてきたような気がします。
 この類のメールは、ゴミ箱直行ですので送ってこないでほしいものです。宣伝よりも不快感しか
 残らないと思うのですが・・・ f(^_^)

 自己防衛しかないので、なるべく公開しない方が良いのですが、ホームページの運営上、連絡先がないのも
 怪しいので、少し工夫してみましょう。世の中には、ホームページのメールアドレスを自動収集する
 プログラムがありますので、防止策として、エンティ表記にすると少しは拾われにくくなります。
 例えば私のメールアドレスは次のようになります。
 
  
    ↓
   ie&#108;&#105;nks&#64;a&#112;&#46;w&#97;&#107;&#119;a&#107;.com
 
 一見すると何だかわからないのですが、ホームページではHTMLでこんな風にするとちゃんと表示されます。
 <html>
 <head>
 <title>ホームページ</title>
 </head>
 <body>

 <a href="mailto:ie&#108;&#105;nks&#64;a&#112;&#46;w&#97;&#107;&#119;a&#107;.com">
 ie&#108;&#105;nks&#64;a&#112;&#46;w&#97;&#107;&#119;a&#107;.com

 </body>
 </html>

 

 
 掲示板での書込の際にもこの「エンティティ表記」を使うとより効果的です。
 IMEに辞書登録しておくと便利です。さてこの「エンティ表記」にするのには、フリーソフトの
 「HTMLエンティティ生成」を使うと簡単にできます。使い方も「変換したいメールアドレス」を入力して、
 「変換」ボタンを押すと、「変換後のメールアドレス」にエンティ表記されたメールアドレスが
 表示されます。


 後はCGIを使ってホームページ上に一切メールアドレスがでないようにする方法もありますが、初心者の
 場合は少し敷居が高いので、まずはエンティ表記をお試しください。
 
■相互リンク希望のメール♪
 相互リンク希望の依頼のメールが来るようになりました。初めてきた時はどう返事を書いたらよいのやら、
 オロオロしていたように記憶しています。また、リンク集のリンク先には、すべて了承が必要なのか
 どうか考えるようになりました。今は、リンクさせていただいたサイトにはメールで「リンクしましたよ〜♪」
 と送るようにしています。リンクを貼ってくれたことがわかると自分もうれしいです♪ネット自体がリンクの
 集合体ですので、気軽に考えましょう。リンクがあるからネットは楽しいと思います。検索エンジンが
 その良い例かと思います。
 
■サーバー容量の悩み♪
 最初の頃は、十分と思えていた容量もだんだんサイトのページが増えてくるにつれ圧迫されてきました。
 特に画像ファイルは、考えないと見る方も表示が遅くストレスがたまります。今回は、画像を減色して
 しのぎましたが、これも限界に達したので、サブのプロパイダを見つけて対応しました。私のプロパイダは、
 旧ニフティなので、10MB以上増やすことができないのです(NEWニフティは有料で増加OKです)。
 10MBなんて超えないだろうな〜なんて思っていたのですがね(笑)最初から容量の大きなプロパイダと
 契約しておいた方がいいです。容量があるからといって画像は軽くいきましょうね♪
 URLを後で変更するのは、遊びにきていただいている皆様も面倒ですので、できるだけ変えたくないなと
 思っていたのですが、今回とうとう変更しました。さよなら niftyさん(泣)
 
  ・すべてnifty(1998年4月)
     ↓
  ・TOPページのみnifty、それ以外はZERO(2000年10月)
     ↓
  ・TOPページのみnifty、それ以外はWAKWAK(2001年4月)
     ↓
  ・すべてWAKWAK(2003年12月)
 

BMP87.9KBからの変換
フルカラーBMPからのJPEG
(10.6KB)
 

BMP30.3KBからの変換

256BMPからのJPEG
(5.66KB)
 

■掲示板の設置♪
 今でこそ、掲示板を設置しておりますが、実を言いますと掲示板は、ホームページを公開後もしばらく
 設置していませんでした。また、カキコミもしたことがない人でした。なぜ?と言われると、何だか
 不安だったということでしょうか。設置した今では、何でもっと早く設置しなかったのかと思っています。
 案ずるより生むがやすしということでしょうか。時折、宣伝などの変なカキコミは多少ありますが、
 コミニケーションがとれる素敵な方法のひとつだと思っています。気軽にカキコミをすれば、そこから
 素敵な出会いがあると思います♪
 
■バナー広告♪
 バナー広告の依頼が、たびたび来るようになりました。それではということで試しにやってみました。
 トータルページビュー8,252に対して、広告対象のヒット数は33件です。平均して0.39%のヒット率です。
 単価30円×33件で990円なり〜!あまりサイトの内容に関係ないバナーが表示されていたような気が
 します。「○○プレゼント〜♪」みたいなバナーなら、もっと押してくれるのだと思うのですが・・・。
 やはり広告の内容次第でしょうね。何もしないよりは、収入になるのですが、2000年2月で解約させて
 いただきました。月額固定のスポンサーさんがついたら考えますが、クリックに応じたバナー広告は
 やらないつもりです。


※12月の件数はなぜかおかしい。7月と2月は1ヶ月未満の集計です。

 
 
■取材、雑誌等への掲載依頼♪
 取材の依頼がくるようになりました。ホームページを作りはじめた時には、こんな依頼がくることになるとは
 考えてもいませんでしたので、我ながらびっくりしています。継続してホームページを更新してきたことが
 良かったのだと思っています。取材の依頼内容は下記のとおりです。

 ▼雑誌からの依頼
  ・ホームページの紹介依頼
  ・ホームページの掲載文を転載依頼

 ▼サイトからの依頼
  ・ホームページの内容について取材した記事を掲載
  ・ポータルサイトへ掲載依頼
   
■ホームページのリニューアル♪
 個人サイトですので、気軽にリニューアルできるのが良いところです。
 私の場合、何だか思うところがあるとリニューアルをしています。リニューアルのきっかけは、
 2代目の時は、ごちゃごちゃしてきたので、シンプルなイメージにしたくての変更でした。
 3代目の時は、サブプロパイダの急な値上げがありファイルの整理が必要だったのとネットスケープで
 表示が崩れることがわかったので、思いきってリニューアルしました。リニューアルは自分が不満に
 思った時にいつでも変えられます。マメな人は季節ごとに背景の画像を変えたり工夫しています。
 気軽にリニューアルしましょう。リンクが切れてたり、誤字、脱字、リンク切れなどありましたら
 教えてください。きっと、気づいていませんので f(^_^)
 
■最後に♪
 今や私のライフワークのひとつとなったホームページ作りですが、作って本当によかったと思っています。
 自分自身の記録として、あの時はこう考えていたんだな〜としみじみ思えたり、何よりも素敵なお友達が
 支えてくれたと思っています。自分のページを持とうかどうか悩んでいる人は、まず作りはじめてみて
 ください。インターネットの中には、助けてくれる人がたくさんいますし、ホームページを見てくれて
 いる人も助けてくれます。何よりもコミニケーションがとれるので、自分が知りたい、知らせたいことが
 より深くなることが何よりうれしいです。ネットで誰か困っている人がいて、助けてあげられることが
 あったら助けてあげてくださいね。みんな最初は初心者なのですが、いつか教える側になると思います。
 頑張ってください (^-^)v