うお座の独り言ロゴ ホームページ作成苦労話 サイトマップへ

2005年より公開したホームページ作成の苦労話です。ご参考までに!
☆何でホームページ作成を思い立ったか…
☆ホームページ作成を始めてみて…
☆スタイルシート?CSS?
☆ホームページらしきものに成りつつあるが…
☆イラスト作成の準備
☆イラスト作成に手をつける
☆ホームページ公開の意義!?
☆祝!ホームページ開設!
☆万歳!検索エンジンにHit!
☆メールボックスの設置
☆ホームページレイアウトの変更(脱フレーム)
☆ショック!検索エンジンから消えた…
☆また、検索エンジンにHitするようになりました
☆僕のホームページを考える
☆お待たせしました。新装開店です!
☆素人にありがちなミス


何でホームページ作成を思い立ったか…

僕の趣味は魚釣りと熱帯魚飼育、それに読書とネットサーフィン、実益を兼ねた簡易プログラミング(Visual Basic)などなどと たくさんのものに興味をもっており、それの一つにホームページ作成が追加されたのです。
なぜホームページ作成かというと、いきなり下世話な話になりますが、僕の趣味には高額ではないにしろお金が掛かります。
(一緒に暮らす爬虫類と熱帯魚の餌代、書籍代(最近は古本屋さんを利用しています)、魚釣りのガソリン代、釣り餌代など)

そして、ある日ネットサーフィンをしていて興味を持ったのがアフェリエイトプログラムでした。 これは元手も掛からないし、たくさんの人が見にくるような情報を発信できれば、魚たちの餌代くらいは捻出できるじゃないか! と、獲らぬ狸の皮算用で資料を集めまわったのが発端です。

その時に購入したのが 『超図解無料でホームページ作成オールインワン』です。 ド素人の僕には丁度良いものでした。既にホームページを開設している人にとっては物足りないと思いますが、 僕と同様に初めてホームページを作成しようと思っている方には大変分かりやすい本だと思います。
また、ホームページ公開の方法も載っているので助かります。勝手な僕の評価は☆☆☆です。
余談ですが、コンピュータ関係の技術本は、常に最新のものを読んだ方が良いと思います。 特に技術進歩が早いですから、こればかりは僕でさえ古本屋さんは利用しません。

それともう1冊が 『はじめての儲かるホームページ作りのツボ』
アフェリエイトプログラムを考えていた初心者の僕に、自分にあったこずかい稼ぎは何か。また、どこにどのように登録すれば 良いのか等、詳しく解説しています。上の本と同様、僕の評価は☆☆☆です。

ホームページ作成苦労話 TOPへ


ホームページ作成を始めてみて…

無料でスタイルシートが作成してもらえるサイトがあることは知っていましたが、便利なものに飛びつくのが基本的に好きではない 僕は、本のステップ通りにHTML文書の作成を進めました。骨が折れますが、ベースとなる知識を自分のものにするには これが一番!だと思います。
単純なテキストと画像のミックスしたものから始まり、リンク、フレームと徐々にテクニックを駆使して作成できるようになってきました。 が、やはり初心者向けの本だけでは知りたい情報が網羅されておらず、色々なサイトを覗いては勉強させてもらいました。

何よりも励みになるのが、自分がテキスト文書で入力しているものが、HTMLで表現されたときの喜びですね。 夏休みの宿題の読書感想文が都道府県のコンクールに選ばれて、印刷物として自分の手元に届いたときの気分でしょうか。 (ちょっと回りくどい言い方でしたか…)
それで思ったのが、子供たちにも是非やらせて見たい!ということでした。
我が家には僕専用のコンピュータと子供たち用のものと2台のコンピュータがありますが、 なかなか子供たちは興味を示してくれません。 唯一利用しているのが、学校で教わったインターネットの検索だけです。できれば、WordやExcelといったソフトを 使って欲しいと思っているのですが、目標や目的が明確になければ使うはずがありません。それは大人が仕事をするために 必要だから仕方なく覚えることに通じていると思いますが…

だったら、子供たちの興味を刺激するようなホームページをまず自分で作って、子供らにもページをあげればいいじゃん!
なんと小遣い稼ぎから始まったホームページ作成が、思わぬ方向に展開していきそうでちょっと楽しみです。

ちょっとここで本の紹介。
先の2冊に加え、新しく本を購入致しました。現在利用中のもので、僕自体のレベルが本の内容まで届いていないため 評価は差し控えさせてもらいますが、HTML、スタイルシート、JavaScriptについて書かれているもので、 僕のレベルアップとともに利用頻度が多くなる一冊だと思っています。
『ホームページ辞典』
僕が購入したのが第3版の第6刷ですから利用者のニーズが高いのは間違いないと思います。


ホームページ作成苦労話 TOPへ


スタイルシート?CSS?

作成中の自分のホームページで気になるのが、HTMLファイルごとの統一性のない色使い…。
そこで、次に挑戦することになったのがスタイルシートとCSSファイルの作成です。
いざ、購入した本を利用してCSSファイルを作成しようとしましたが、あまり詳しく記載されていないみたいです。 多分、僕の探し方が悪いのだと思うのですが…。

スタイルシートは、HTML文書の頭やタグに設定するスタイルのことです。
例えば、pタグで囲まれたテキストの色や文字の太さ等をその部分だけとか、HTML文書全体の設定をするのです。 styleを宣言して様々な属性などを決めていきます。
実際の例として僕が参考にしたのは、WordとExcelです。
文書を保存するときにWebページとして保存すると拡張子がhtmとなります。保存が終わった後で、拡張子にl(エル)を 付けます。そして、テキストエディターで開くと、なんと大量のHTML文書…。
ちょっと驚きですが、それだけWordやExcelがテキストに編集を加えているということです。

CSSは、HTML文書ごとに設定しなければならないスタイルシートを共通のスタイルとして保存するファイルのことです。
HTML文書は、各々のheadタグにおいて、CSSファイルを取り込むように宣言します。つまり、CSSを共有に使用することで HTMLとして開いた時の統一した色使いなどを容易に設定出来るのです。 また、それだけファイル容量の節約にもなるということです(微々たるものかも知れませんが)。

と、ここまでは理解できたのですが、CSSファイルの入力形式が今一分からない…。もう少し勉強することにします。

ホームページ作成苦労話 TOPへ


ホームページらしきものに成りつつあるが…

ある程度の形をなしてきた我が家のホームページ。しかし、形になってくると思うのが見栄え…でしょうか。 やはり初めてサイトに訪れる人に興味を抱かせるのは画像だと思います。
最初に目に飛び込んできた画面で、テキストだけがダラダラと出てきた場合、思わずそのホームページは敬遠して、 次のヒットしたサイトをクリックしてしまうのは僕だけでしょうか…笑。
今のところ、写真を加工・編集してホームページに貼り込むこととリンクの設定まではできています (CSSは、まだちょっと…)が、イラストなどを自分で作成して入れるところまでは行っていません。
フリーの画像編集ソフトが結構出ているので、取り合えず色々なサイトで評価の高かったフリーウェアをダウンロードして 起動してみたのはいいのですが、紙の上に描くのと画面で描くのとではあまりに勝手が違って何から手をつけたらいいのか 分からない、というのが正直な感想です。アイコンが思わずフリーズ状態です (最初に何をしたらよいのか分からないからマウスを動かすこともできない)…笑。
はじめてのホームページを公開する前から凝り過ぎて、オープンする前に挫折しそうですが、何とかサイトマップに 一覧表示したものはテキストのみでも見られるようにして開店しようと思っています。

ホームページ作成苦労話 TOPへ


イラスト作成の準備

CSSファイルの作成はちょっと小休止することにしました。
取り合えず某月刊誌にスタイルシートについて特集を組んでいたのを読んだところ、次世代のHTML(XML)に移行するとき、 CSSファイルを使用したプログラムになっていないと対応するのが難しいということです。 そして、少なくとも現在のところ文字のポイントや色などのスタイルをCSSとしてまとめておければ初心者としては 上出来だと勝手に思うことにしました(僕の認識が間違っていたらごめんなさい)。
それと前章でも触りだけを紹介しましたが、今はイラストを作成することに頭をひねっています。
とりあえず、中古のタブレットを入手し、GIMPをインストールして準備は整えてみました。 何しろイラストの方も初心者ですから、なかなか思うように絵を描くところまではいきません。
多分、長い時間パソコンの前で試行錯誤を繰り返して色々な道具を使いこなさなければそれなりのイラストは描けないようです。 これを自分のものにできるとパラパラマンガ的なアニメも作成することができるようですので、 是非とも何とかしたいと頑張っています。

ホームページ作成苦労話 TOPへ


イラスト作成に手をつける

今日はGIMPとは異なるイラスト重視のフリーソフトをダウンロードして使ってみました。 使用感はGIMPに比べると格段に反応が良くイラスト初心者には使い勝手が良かったです。
(下記参照:生まれて初めて作成したイラストです。英訳すればCGということになりますが、 CGというよりは、お絵描きでしょうか)
初めてのイラスト:ネオンテトラ
WACOMのFAVOも思い通りに使えましたし、僕が使用するには十分な機能を持っています。 ちなみにフリーウェアは『edge』です。
会社の昼休みに本屋さんで立ち読みして色々と情報を得たところでは、何よりも色々なことに興味を感じ、 それをイラストとして表現するにはどうしたら良いかと常に考えることがイラスト上達の早道だそうです。 そこまでいったらイラストで喰っていけるのでは、とも思いますが・・・

また、月刊誌「日経ソフトウェア」2005年3月号でWebプログラミングの特集があり、 それを読んだところ今まで漠然としかわからなかったCSSのことも以前よりは理解できるようになりました。 説明の下手な僕の文章を読むよりは、格段に分かりやすいと思いますので、それをお読みになることをお勧めします。
おかげで、ちょっと足踏み状態だったHomePage作成もこれで順調に行きそうな気がします。
それから次いでと言ってはなんですが、HomePage作成に参考になるのは、やはり有名なサイトを見ることだと 思います(今更、僕が言うことでもありませんが…)。
有名なサイトはデザインも良いですし、検索時のHit率を上げる工夫もされていますので、これはと思ったサイトの HTML文書をダウンロードして、テキストエディターなどで作りを参考にすると良いと思います。
(あくまでも参考です。そのまま転用すると著作権等に触れるかも知れませんので、自己責任でお願いします)

ホームページ作成苦労話 TOPへ


ホームページ公開の意義!?

気分転換にネットサーフィンをしていて目に留まったサイトがあり、それは、ホームページ作成についてのものでした。 興味を覚えてサイトを見てみると…絶句!
僕が公開しようとしているホームページには、ホームページとしての一番大切な目的がない…それは何かというと、情報発信をしておらず 自己満足の単純な日記を付けているというレベルで終わっているということなのでした。
折角ホームページを開設しても覗きにやってくる人がいなくては何にもなりません。お客が来なければ張り合いがなくなって、 満足に更新もされず直ぐに自然消滅することは火を見るよりも明らか… と、いうことでネタ的には開設できるだけの量にはなりましたが、皆さんが興味を持って何度も覗きにやってくるような情報があまりにも 少ないので、再度見直し(家族会議)を行い、それから開設することにしました。もう、暫くお待ち下さい。

ホームページ作成苦労話 TOPへ


祝!ホームページ開設!

ちょっと時期尚早かと思いましたが、このままだと開設もせずに終わってしまいそうなので踏ん切りをつけて開設することに致しました!
2005年2月13日(日)オープンしました。
それでは、オープンまでの準備と現在に至るまでの経過をここでご紹介致します。

@無料レンタルホームページスペースの『FC2』に前夜登録

A無料カウンターの『Wanzネット』に登録し、トップページにカウンターを設置。お礼にリンクをはらせていただきました

B『FFFTP』をダウンロードし、容易にアップできるように環境を整えました

C『FC2』の僕のスペースに必要なファイル(今までに作成したファイル全て)を転送しました
*ちょっと下調べが甘かったことが発覚しました。無料レンタルスペースなので、使用できるファイルに制約があったのでした。 実は、トップページから入っていくとBGMがなるように作りこんでいたのですが、MIDファイルは使用できないということでした。 また、GIFにすると粗くなる図面が嫌でPDFファイルを作成し、それを見てもらえるようにしたのですが、これも使用できないファイルと いうことで、慌ててGIFファイルに切り替えました。

Dアフェリエイトをするプログラムを決めていましたので、早速プログラムに登録しました。『Naturum』と『Amazon』です。
*またまた下調べが甘かったです。僕はてっきりホームページを開設すれば、すぐにでも検索サイトで自分のホームページが見れるのかと 思っていたのですが、甘い…。検索サイトに登録しなければ、ひっかかる訳もないのでした。でも、そんなこと知っていました?

E早速、検索サイトに僕のホームページの登録手続きをしました。Google、Yahoo、infoseekに取り合えず手続きをしました。
2週間に一度とか月一でロボットが巡回して拾い上げるそうですから、「うお座の独り言」で検索に引っかかるのはいつのことやら…
と、いうことです。なるべく頻繁にアップしていく予定ですので、皆様可愛がってください!よろしくお願いしますm●m
それと、スタイルシートとCSSのことが中途半端になっていますので、僕のファイルを近々公開しようかと思っています。


ホームページ作成苦労話 TOPへ


万歳!検索エンジンにHit!

2005年2月28日(月)とうとう検索エンジンにこのホームページがヒットしました!
毎日、いつ検索エンジンにヒットするかと、エクスプローラーを開くたびに『うお座の独り言』と入力してWeb検索をかけていましたが、 とうとう本日、ひっかかりました。
ホームページ開設とは、また異なった喜びです。取り合えず、ホームページ開設の次の目標が検索エンジンへのヒットでしたので、 嬉しいかぎりです。アクセスカウンターも毎日少しずつですけど増えていますので、今は逆にどんな人たちが僕のサイトを覗いていって くれるのかも知りたいことの一つですが、取り合えず、第2目標クリアということで胸を撫で下ろしています。

ちょっと、ここのところアップをしていなかったのですが、別に休んでいたわけではなく、実はBook Revueを充実させようと 僕の蔵書の調査と入力に時間を割いていたのです。やっと、本箱の半分くらいの書籍の入力(書名と著者名等)を終えたところです。
サイトのフォームが変わりそうなので、少し時間がかかりそうですが、今までデータベース化しようしようと思いながらなかなか できなかったことですので、全ての本にコメントを入れることは難しいと思いますが、何とかオープンさせたいと頑張っています。 もう、少々お待ちください。よろしくお願いします。


ホームページ作成苦労話 TOPへ


メールボックスの設置

2005年3月1日(火)メールボックスを設置しました。当初、どういう内容のメールが来るのか不安でメールボックスの設置を先延ばしに していたのですが、これも試練と思い設置することにいたしました。
うちのお母さんに言わせると携帯メールでさえ、面白がってサイトを潰しにかかる輩がいるので、子供たちのページも公開するのなら 公開しない方が良いように言われていましたので躊躇していたのですが、子供たちのページをアップするまでに暫く時間がかかりそうですので 思い切って設置することにしました。
個人的には色々な方からの意見や批判、クレームを受けることで他の人がどのようにこのサイトを見ていてくれるのかを肌で感じた方が 良いとは思っていました。
結構、人間というのは自分が苦労して作成したものに対しては、公平に見ているつもりでいても思い入れが強すぎて冷静に判断することが できないものです。 だから、尚更第三者の歯に絹を着せない意見が、良いものを作るための薬になると僕は思っております。
それと、気がかりだったのがウィルスですね。一応市販のファイアーウォールと駆除ソフトはパソコンに入れてはあるのですが、ちょっと心配です。 そこで、今回の設置に使用させていただいたのがWebメールです。
これの利点は、ウィルス駆除とどこでもメールをチェックできるということです。また、迷惑メールに関しては、受信拒否もできるそうですので ホームページに設置するe-mailアドレスとしては十分ですね。ちなみに、僕は「infoseek」を利用させてもらいました。

特にこのサイトに関係のない質問などでも結構ですので、メールを送っていただけたら幸いです。
なお、参考になるご意見やご質問につきましては、「ホームページ作成の苦労話」等で紹介させていただきますのでよろしくお願いします。
また、リクエスト等につきましては、なるべく前向きに対処したいと思っています。

基本的にリンクフリーですが、「リンクさせてもらいました!」というご一報をいただけると嬉しいです。

それでは、皆さんからの
メールお待ちしております!


ホームページ作成苦労話 TOPへ


ホームページレイアウトの変更(脱フレーム)

なかなか来場者のカウンターが上がらないので、本屋さんに足を運んで検索のヒット率を上げるノウハウが書かれた本を購入してきました。
色々とポイントはあるのですが、それをここでご紹介すると著作権の問題があるのでしません。が、色々なホームページ作成関連サイトや 今までに購入した本等を参考に自分のホームページを見ていて、次の点が他の方との違いのような気がします。

●サイトマップがない
…フレームを使用しているのでサイトマップを作りませんでした
●フレームを使用しているので、検索エンジンにかかりにくい
…リンクがフレーム設定の親htmlに行くため、検索エンジンが見るテキストがない。これは、作成中も気になっていました。 フレームのおかげで、見たいページにブックマークを付けられず、何度もクリックするのが面倒になってしまう
●ピラミッド型のディレクトリ構造になっていない
…階層が浅いので本当に見たいページにたどり着くのが大変(これもフレームを使ったせいですね)
●公開したいテーマが絞りきれていない
…確かに、このホームページは釣りとペットと本の3本立て

全てを解決することはできませんが、フレームを止め、サイトマップを作成することにしました。結構、大仕事になってしまい、現在ホームページの UPが滞っています。また、本のページを充実するべくデータベース化にも手を付けていますので遅々として進みません。
ちなみに今回購入しました本は、
『検索にガンガンヒットするホームページの作り方―SEO(検索エンジン最適化)テクニックで効果的にPRしよう』です。


ホームページ作成苦労話 TOPへ


ショック!検索エンジンから消えた…

2005年3月23日(水)久しぶりに検索エンジンからこのホームページを検索したら、いつの間にか消えていました…ショック!
カウンターも日を追うごとに増えているので、結構オープニングページを見るのが楽しみだったのに…
この原因は、きっと他のサイトの方とのリンク先が少ない(少ないというよりも無いのでは…)ために検索エンジンの対象から自然消滅したのかと 勝手に分析しています。やはり、自分から相互リンクの働きかけをしなくてはいけないようです。
それと、フォーム自体の大々的な改変と本の紹介サイトの作業に時間がかかってしまったためにUPができなかったこともあるかと思います。
ちょっと見直しが必要かと思います。実は、E-mailアドレスを公開して直ぐにメールが届いたので、我ながら順調にいっているのだとニヤニヤ していたのが悪かったのですね…精進しなくては


ホームページ作成苦労話 TOPへ


また、検索エンジンにHitするようになりました

2005年4月1日(金)3月に検索エンジンから消えてから、事あるごとに「うお座の独り言」で検索を試していたのですが、何とか復活したことを 確認いたしました。
フォーム自体の改善等が功をそうしたような気がします。
今後は、より一層の改善とコンテンツごとの定期的な更新を心掛けていこうと思います。 それと、近々Top Pageに更新情報を掲載しようと考えています。
実はこれからが本業の仕事が忙しくなるので、定期的な更新が疎かになるような気がしてちょっと恐い…


ホームページ作成苦労話 TOPへ


僕のホームページを考える

2005年5月4日(水)
以前から感じてはいたのですが、釣りのページばかりが更新されていて他のページが手付かずになっています。更新する内容がないからという わけではなく、読書は毎日していますし、ペットたちの日誌もノートにつけています。
では、何故更新されないのか?
@更新しても皆さんが訪れたくなるような情報がほとんど含まれていない
A年齢とともに夜起きているのが辛くなってきている…笑
B最近、嵌っているアンケートモニターやポイントサイトのチェックに時間を取られて手が回らない
Cその他色々な理由…

そこで、目先を変えて皆さんがもっと訪れたくなる内容に一新することにしようと思います。
現在考えているのが、以下のような内容です。
@お小遣いサイトの紹介…これは興味があるでしょう
A本のページは現在読んでいる本をメインに紹介…僕のデータベースは自己満足の域を出れそうにありません
B釣りお役立ちリンクページの立ち上げ…僕が釣りに行く前に利用しているサイト等の紹介です
C画像提供…肖像権や著作権に触れない範囲での画像やイメージの紹介と提供
Dジャンル限定の本の紹介…例えば恐竜(古生物)に限定した本の紹介
e.t.c.

皆さんが興味を持つような何か特定のものに限定したページを新たに立ち上げようと思いますので、ご提案等ありましたらメールをいただけたら 幸いです。
時間はかかるかも知れませんが、長い眼で見ていただきますよう宜しくお願い致します。

ホームページ作成苦労話 TOPへ


お待たせしました。新装開店です!

2005年7月13日(水)
長らくお待たせしましたが、やっとホームページのリニューアルが終わりました。 ちょっと大掛かりになってしまい、皆様にはご迷惑をおかけしましたことをお詫びいたします。 更に情報量を増やすつもりでいますので、今まで通りのご愛顧よろしくお願いします。

何が一番変わったかと言うと、枠を切って見易いように編集したことです。
それと、コンテンツの改変ですね。実は、本の紹介で「僕が読んだ本の一覧」をこれまで通り続けるのか辞めるのかで結構悩みました。 が、結局一覧は自己満足の世界でしかない!という結論に至り、コンテンツから外すことにしました。
それとは別に新たなコンテンツを追加しましたので、今までよりは皆さんが興味を持たれるような情報が多くなったのではないかと思います。

余談ですが、html文書内では、table の中にtable を入れ込むことが出来るのですね(知らなかった自分が恥ずかしい…)。
何故、それに気付いたかというと、諸先輩方のサイトのhtmlを見させていただいて発見したのです。 僕が今までに購入した本には、そんなテクニックを見た覚えがありません…。
それを知ったおかげで、統一した枠が切れるようになった訳です。

まだ、新しいページを立ち上げただけで、情報のないページもありますが、追々蓄積していきたいと思いますので、宜しくお願い致します。

「うお座の独り言」管理人ウオヒト

ホームページ作成苦労話 TOPへ


素人にありがちなミス

2005年7月19日(火)
◆Excelからhtml文書を作成する際に注意すること!
複数のシート有する場合、まとめてhtml文書にするとxml文書が作成されます。
このxml文書に対応していない無料レンタルスペースもありますので、もし、対応していない場合、シートを1枚づつhtm文書にし、 リンクするしかありません。
実は、釣り統計表をアップした時に気付きました。皆さんもご注意ください。

◆ファイル名にスペースは厳禁!
ファイル名を付ける際、分かりやすいようにファイル名の区切りにスペースを入れて見やすいようにしますが、これも対応しないようですので、 スペースはやめて、アンダーバー「_」かハイフン「-」で繋ぐようにしましょう。
画像ファイルの名前の間にスペースを入れていたら、何度やっても表示されないので、何故なのか分からなかったのですが、やっと今日解決しました。

素人(自分も含めて)にありがちなミスです。参考にして下さい。

ホームページ作成苦労話 TOPへ

SEO [PR]  ペット温泉 痩せるレギンス わけあり商品 無料レンタルサーバー ブログ blog