ホームページを作ろう

ホームページ作りの良い点－１

2007-01-06T11:15:06Z

ホームページを作ってよかったと感じたことを書いています。興味のある人がホームページを作るきっかけになるとうれしいです。趣味が増えるホームページを作ったきっかけは、「なんとなく作りたい」と思っていたところで始めたブログへの不満とアフリエイトでお小遣い稼ぎできないか、でした。初めてブログを書き始めたのが２００５年の八月上旬。それまでまったくホームページを作ったことのない私でしたが、字の綺麗・汚いを気にすることなく綴れて、写真も掲載できるブログ日記は、思った以上に楽しくて続きました。その１ヵ月後の２００５年９月上旬に、プロバイダーの提供するホームページサービスを利用したホームページ「ちりつも」を開設。本来であれば、ある程度の内容・体裁を整えてから開設するべきホームページですが、私はひとつのコンテンツが出来ればそのままアップ・公開していました。早く誰かに見せたくて、ほかのコンテンツの完成を待っていられなかった。それぐらい没頭して作り続けました。ホームページ作りはこの世の中に数あるなかで、もっともすぐに形が見えるモノづくりです。パソコンを持っていれば新たな出費は少なく、時間と根気でいくらでも作り上げられるのがホームページ。その世界は奥深く、簡単にゴールが見えるものではありません。そこもまた探究心を刺激してくれます。趣味にするにはもってこいのモノづくりです。

トップページの歴史

2005年9月に初めてHTMLなるものを触り始めてから、現在の「節約＆エコな暮しdeちいつも」にいたるまでの私のホームページです。昔のサイトほどシンプルなつくりになっていて、今だからこそ学ぶものがあったりします。図書館で借りた本と初心者向けHTML解説サイトを見ながら、手探りでサイトを作り始めました。 ●初めて書いたhtml：2005年9月12日保存 ●「ちりつも」時代のトップページ１：2005年9月23日保存のトップページ ●「ちりつも」時代のトップページ２：2005年10月08日保存のトップページ ●「ちりつも」時代のトップページ３：2005年10月17日保存のトップページレンタルサーバーを有料で契約して、本格的にサイトを作ろうと決めてからのサイトです。2006年の1月下旬に初めてホームページ作りの本を購入。デザインをCSSでやるようになったので、サイトデザインの幅が広がりました（⇒利用中のサーバーや本などは、私が利用してよかったもの） ●「ちいつも」初代トップページ：2005年10月30日保存のトップページ ●「節約サイト　ちいつも」のトップページ：2006年3月2日のトップページ ●「暮しの節約情報サイト　ちいつも」のトップページ：2006年5月15日のトップページ]]>

ホームページ作りの良い点－２

2007-01-06T11:31:10Z

何も知らないまま、苦手な文章を綴りながら、なれないタグを要領の悪い手作業（後にソフト導入）で作ってきたけれど、ホームページを作ってよかったと思うことを紹介。自分と向き合うきっかけになる私は、おしゃべりだけど自分の気持ちを表現するのが下手な人間です。昔から読書感想文が苦手で、「感想文」を書くことが出来ず、そのほとんどが「評論文」になっていました。自分の気持ちに向き合うのが怖くて蓋をするために、表面的なおしゃべりばかりして時間をすごしてきたので、自分の気持ちをつかむことが苦手だったからです。ブログ日記を始めた時は、「気持ちを表現できる人間になろう」という目標を立てました。単なる私の行動記録など誰にとっても意味はなく、また私にとっても意味がない。また、私の気持ちを綴った日記も誰にも必要ないかもしれない。だけど、私の気持ちを綴った日記は私にとっては意味があると考えたからです。ブログ日記を始めてからは、気持ちを綴るという私にはなれない作業に筆が進まず（？）苦労しました。例え文章ができても、ふくらみのない平たんな単語の羅列で面白みがなく、「自分が書く文章は、こんなにつまらなくて分かりにくいのか」と思うと、また「蓋」をしたくなってしょうがなかったです。それでも続けてこられたのは、ブログという体裁の美しい日記が楽しかったこととブログを見た人から書き込まれるコメントが私にヒントをくれたからです。

少しずつ自分が変わっていく

ホームページを作ってからも、表現力や文章力不足で、また私の「自分病」からくる「私、私、私」な文章も相変わらず。「あかんなぁ～」と嫌になったり、他の方のサイトを見てそのすばらしい才能に「なんで私はこんな文章しか書けへんのやろぉ～」と落ち込んだりすることは度々です。人気サイトの主婦運営者は「自分をしっかり持っている人が成功する」というけれど、「私ってどうなん？」とうなだれる日もいっぱいあります。でも、自分の中に確かな、良い変化があることも実感しています。始めに変化を感じたのは写真を撮るときの気持ち。それまでは、撮って載せればいいというぐらいで何も考えず「ただ撮ればいい」という気持ちで撮影していました。よくありがちな真上からすべてを写すというやり方のオンパレードです。それが次第に「どう撮れば、今の私の気持ちが伝わるか」に変わってきました。アップで撮ったら？斜めからは？太陽光で？蛍光灯の光を弱めるのは？伝えたいことを伝えられる文章を書けなかった私は、いろいろな撮り方を試してはホームページ・ブログに掲載し、文章に添える写真撮影を通じて、自然と自分の気持ちを表現し始めました。この写真の撮影を通じて、「自分が何を伝えたいかを考える＝自分と向き合う」時間を少しずつ増やしていました。

ホームページ作りで自分を確立する

ホームページの製作・運営を個人で行う場合、当たり前ですが「何を」「どの程度」「どの範囲で」「どのように」掲載するかはすべて個人が決めなくてはいけません。あのページが載せているから、このページが載せているからというテもありますが、そのやり方でも数あるホームページの中から自分が見習うページを厳選する必要があります。ホームページ作りと運営は、この「選択と決定」を繰り返す中で、「自分はこうしたい」「私のサイトはこれだ」と自分を確立していくもののように感じています。ホームページに自分が現れてくると、ホームページ以外の部分でも自分が表現できるようになります。本当はこの効果が一番大切で、ホームページ作りの最大の魅力（良かったこと）だと私は考えています。]]>

アフィリエイトについて

2007-01-06T11:58:07Z

アフィリエイトについて、 2006/03/07時点で感じたことを書いています。お小遣い稼ぎや本格的な副収入として考えている人に読んでほしいです。アフィリエイトはのんびり構えること私がホームページを開設したきっかけのひとつに、アフリエイトでお小遣いを稼ぐことがあります。始める前に他の人のホームページに書いてあることを読んで、「儲かりそう」と感じたからです。しかし、アフリエイトの解説本を読んだとき、「半年は振込みがないものと思え」と書いてあり、実際にもそのとおりになりそうで道の険しさを実感しています。半年後に始めての振込みがあるということは、半年間でようやく５０００円以上稼げるということです。私がアフリエイトの登録を始めてから丸４ヶ月を経過した時点での、すべてのアフリエイトサイトの報酬合計額（未承認を含む）が約９０００円です。そのうち、私自身のアクションによる報酬が半分はあります。この報酬額に対して、私がこの４ヶ月間にホームページ作成にかけた時間は３００時間をゆうに超えています。時給に換算すると？？？半年を過ぎて以降、報酬額がどのように変化していくか今の私にはわかりません。今の私に言えることは、そんな簡単にお金は稼げないということです。どのサイト運営者も多くの時間と知恵と努力をし、その努力を半年、１年、２年と続けていることを忘れないことが大切です。私がこのページで、わざわざこのようにネガティブなことを書くのは、「簡単ではない」「年単位の仕事だ」と思ってホームページ製作・運営に取り組むことが数年後に成功したと言うために必要な姿勢だと思っているからです。苦しいときは皆同じ。私も先輩アフリエイターさんから励まされました。だから、たかだか数ヶ月であきらめてしまわないで、せめて１年は一緒にがんばりましょう！]]>

ホームページ作りに必要な物

2007-01-06T12:04:38Z

ホームページを作ってみようかな、と思ったけれど何も知らない、という人に向けてホームページ作りにの基礎の基礎を紹介しています。ＨＴＭＬファイル私達が見ているホームページ。実は、インターネット上の特定の場所にあるＨＴＭＬ形式のファイル（Ｗｅbページ）をインターネット・エクスプローラーやネット・スケープ等のＷｅｂブラウザを使って閲覧しているもののことを言います。ホームページ作りはこのＨＴＭＬ形式で中身を書いて、ＨＴＭＬ形式のファイルを作るところから始まります。そこで、「ＨＴＭＬ形式でファイルを作るための知識」が必要になります。 ●ＨＴＭＬファイルについて学ぶ：私が利用して役立ったもの

Ｗｅｂサーバーを借りる

ＨＴＭＬ形式のファイルや画像がある特定の場所は「Webサーバー」と言います。 Webサーバーは一種のコンピュータで、私達がＨＴＭＬ形式で作ったファイルや画像はこのWebサーバーに保存されているのです。そこで、がんばって作ったファイルを保存して他の人たちに見てもらうためにWebサーバーを借りる必要があります。ちなみに、プロバイダの「ホームページサービス」はこのWebサーバーを提供するサービスのことです。私はプロバイダーの無料サービスを利用していましたが、ホームページ作りをはじめてから１ヶ月半後に有料サーバー「ロリポップ！」と契約しました。「無料でホームページを作る」と意気込んでいた私が、有料のサーバーを借りたのは「短いＵＲＬが使いたかった」ということと無料の「カウンター、アクセス解析、掲示板」を数ある中から決めるのに疲れたからです。ロリポップ！は半年もしくは１年契約をした場合、月額利用料が２６２円と激安です。激安なのに、ヘルプが充実していて初心者にも使いやすく、掲示板やリンク、カウンターなどのＣＧＩサービス「CaNDY BOX」も無料で利用できます。全部無料でホームページを作る、と意気込んでいた私ですが、ロリポップ！（名前が怪しいけれど、サイトは怪しくないです）と契約をして満足しています。興味をお持ちの方は、是非ロリポップ！のサイトを見てください。 ↓　↓　このバナーをクリックするとロリポップ！のサイトに行けます。

ＦＦＴＰソフトを用意する

FTPソフトというのは、ＨＴＭＬで作ったファイルをＷｅｂサーバーに送信（転送という）するためのソフトです。無料で手に入れることができます。 FTTPソフトの利用については、私が書くよりもsiriasu.net　ＦＦＴＰ解説ページというサイトが分かりやすいので、そちらをご覧下さい。]]>

手打ちとソフト使用

2007-01-06T12:47:35Z

初心者や素人がホームページを作るとき、ソフトを使うのとタグを自分で打って作るのとではどちらがいいんでしょう？私が手打ちを選んだ経験を紹介しています。２つの方法ホームページの作り方には大きく分けて二つの方法があります。一つは自分でＨＴＭＬという特殊なコンピューター用の言語を用いて作る方法で「ＨＰと手打ちする」というのはこの方法でＨＰを作るという意味です。この方法はお金をかけずに作ることが可能です。私はこの方法を選びました。もう一つはホームページ作成ツールと呼ばれるソフトウエアを使う方法です。もっとも一般的なソフトはホームページビルダーで、１万円ぐらいです。たくさんのマニュアル本もでています。私はホームページビルダーを使ったことがないので、その使い勝手はわかりませんが、初めてホームページを作る人の大半がホームページビルダーを使っている印象があります。

初心者の手打ち

手打ちという方法ですが、まったくの初心者がソフトウエアを使わずに一から自分でホームページを作ることが本当にできるでしょうか？答えはイエスです。「初めてでも一からＨＴＭＬでホームページを作れます。」そう書いてあるホームページもたくさんあります。実際、私自身も初心者としてＨＴＭＬに触れ始めてわずか1ヶ月である程度の見栄えのホームページを作ることができたのでこの言葉にウソありません。しかし、手打ちでホームページを作ろうと決める前に是非考えて欲しいことがあります。お金がかからない、というだけでは難しい要素があります。

手打ちを決意する前に

もし手打ちでＨＰを作ってみようかなと興味が湧いたのであれば、実際に決意する前に以下のようなことを考えてください。それは、どちらの方法が自分の性格が向いているかです。私はもともと一から手作りするのが好きで、途中で壁に突き当たったとしても「あーでもない」「こーでもない」と思案に暮れるのが好きな性格なので手打ちでＨＰを作っても後悔しないと考えました。でも私が、「利用できるものは利用しなきゃ損だし、利用しないなんて時間の無駄だ」と思う性格だったらどうでしょう？果たしてホームページを完成させられたでしょうか？手打ちという方法は確かにお金を１銭もかけずにホームページが作れます。しかし、素人にとってはかなりの時間と根気がかかる方法です。結婚している人、特に主婦の場合は家事を放棄してしまう時期が必ずあるといっても言いすぎではないくらい。手間隙かけるのが好きな私も「もう、わけがわかんない！」「この苦労から開放されるなら、ホームページビルダーは安い！！」そう思って、随分ホームページビルダー購入に揺れた時期がありました。それでも私がホームページを完成させられたのは、やっぱり時間と根気をかける作業が好きな性格だからかなと思います。こんなふうに叫びながらも、結局は一からＨＴＭＬでホームページを作ったわけですから結局私の性格にはこの方法が向いていたのだと思います。私に特別な能力があるからではなく、性格の問題だと思います。せっかく作るのだから方法選びに失敗して無駄な時間を過ごすことのないように、途中で嫌気がさしてやめてしまうことのないように、自分自身の性格がどちらの方法に向いているかを考えてから作り始めてくださいね。]]>

私が利用したもの

2007-01-06T13:01:31Z

ホームページ作成に関しては初心者の私が、今のサイトを作るのに役に立った道具・ソフトなどを紹介しています。本や雑誌あまり本を買わないので、書ける本が少なくて恐縮です(;^_^A HTMLタグの基本分かりやすかった本 ●HTML ＆スタイルシートトレーニングブック ※2012年2月現在の最新版　⇒HTML&スタイルシートトレーニングブック CSS3増補版　⇒トレーニング部分だけ利用できるサンプル無料配布ページデザイン関係で勉強になった本・雑誌（MdNの出版物） ●プロとして恥ずかしくないスタイルシートの大原則 ⇒　その他のMdNの出版物その他、サイトやブログ製作にためになった本 ●伝わるWeb文章デザイン100の鉄則 ●標準デジカメ撮影講座

ホームページ

タグの説明が分かりやすい初心者向けサイト ●ホームページ作成支援「siriasu.net」 ●「ＨＴＭＬ手打ちで作るホームページ講座」タグが正しいか、文法をチェックし点数を出してくれるサイト ●Another HTML-lint gateway（日本語のサイトです）画像を無料で提供してくれているサイト。「節約＆エコな暮しdeちいつも」でも使わせていただいてます。 ●牛飼いとアイコンの部屋 ●Queen's FREE World ●MOVE ●1キロバイトの素材屋さんサイトデザインを考えるサイト ●ayanpaのデザインうんちく

タグ打ちに便利な無料ソフト

メモ帳やワードパッドの代わりに使うと作業がはかどるテキストエディタ。私は現在サクラエディタを使っています。マイナーだけど便利です。 ●TeraPad ●サクラエディタタグの自動入力機能が便利で、タグ打ちの手間やスペルミスが減らせる便利なHTML・CSSエディタ ●HTMLエディタ：　　ez-HTML ●CSSエディタ:　　「TopStyle（外国のソフトです。）」（←提供終了？）http://www.vector.co.jp/soft/winnt/net/se285924.htmlで日本語にできます]]>

無料サーバーの良し悪し

2009-05-16T13:47:33Z

私が最初に利用した無料レンタルサーバーはプロバイダ提供のものでした。

]]> 無料サーバー比較

Webサーバーを借りる場合、無料と有料の二通りがあります。

無料の典型は自分が契約しているプロバイダーのホームページサービスを利用することです。私はこの方法を利用しました。この方法の良いところは
　○　「無料であること」
　○　「すでに利用しているプロバーダーなので　新たに申し込みをしなくてよい（もしくは申し込みが簡単）」ことです。 悪いところは
　×　「URL（自分のホームページのアドレス）が長くなる」
　×　商業目的の利用が制限または禁止されている場合が多いことです。

私のプロバーダーは商業目的利用に制限が無いので当初はプロバイダーのホームページサービスを利用する予定でした。なお、URLの一部を自分で好きに決められることもありますが、一度決めたら二度と変えられない場合もあるので焦らずによく考えてから申し込む方が後悔しないです。

HTMLタグを手打ちする初心者は焦らないほうがいい

2009-05-16T13:49:41Z

手打ちをする場合、時間がいくらあっても足りない状態になると思います。作りたくてしょうがないけど、思うように進まないとか面倒な手間が多すぎるとか疲れとストレスもたまるかも知れません。そこで、私が手打ちをしている時にしたいくつかの無駄をまとめて、その対処方法と共に書いておきたいと思います。

]]> テキストエディタを入手する

テキストエディタはWindowsのアクセサリーに「メモ帳」「ノードパッド」としてインストールされていますが、ＨＴＭＬでホームページを作る場合テキストはとても大きなものになります。それを「メモ帳」「ノードパッド」でこなすのは大変です。私もHP制作開始から１ヶ月間は「メモ帳」を使っていましたが、フリー（無料）でも「メモ帳」「ノードパッド」より便利なテキストエディタがあることを知って早速インストールしました。その時の気分は「もっと早くにコレを使っておけばよかった。。。」です。だからこれから手打ちを始める人は是非、使い勝手のよい（もしくは評判の高い）テキストエディタを入手してください。

TeraPad
サクラエディタ（現在、私が使用しているもの）

秀丸（価格：４305円）

>>　ページトップへ

windowsのショートカットキー

windowsには便利な「ショートカットキー」があります。windowsＸＰの場合、例えば範囲指定をした上で「Ctrl＋Ｃ（コントロールキーを押しながらＣを押す）」で「コピーする」を実行したことになります。知らなければそれはそれでいいんですが、知っていればとても便利に感じる時があります。私の場合、マウスの調子が悪いので大変重宝しています。

windowsＸＰのショートカットキー一覧はマイクロソフトのホームページをご覧下さい。その他のＯＳの場合は、こちらのマイクロソフトのページから検索の上、お使いのＯＳのショートカットキー一覧をご覧下さい。

>>　ページトップへ

全体の体裁を決めてから作る

私が初めてＨＴＭＬを使い始めた頃は、ＨＴＭＬのタグを一つ覚えて使うたびに嬉しく、早く使いたいものだから練習は自分のＨＰで、という感じでした。こような即実践型のメリットは、自分のＨＰが形になっていく喜びが大きいのでやる気が湧くという点だと思います。でも少しずつＨＰが成長していくとデメリットのほうが大きくて、とても負担になるような気がします。そのデメリットというのは、作り直しの手間がかかるということです。

最初のうちはＨＴＭＬで作っていた人も、やがてＣＳＳを使うようになる可能性が高いと思います。私もそうでした。始めは意味不明だったＣＳＳも、ＨＴＭＬの煩わしさを実感するようになった頃には理解できるようになりますから、結局ＣＳＳを使うようになるんです。そして、ＣＳＳを使えるようになった頃に出てくるのが上記のデメリットです。ＣＳＳで体裁を整理してＨＰを作ろうと思ったとき、中途半端にＨＴＭＬで書いたテキストがあると、一から作り直す気はしないけれどもチョコチョコ直すのも面倒でたまらん、とがっかりすると思います。今の私がまさにがっかり、うんざりサンな状態です。

そこで、お薦めしたいのが、コンテンツのイメージやネタをノートに記しておきつつ、ＨＴＭＬやＣＳＳの勉強は練習本を使って行うという方法です。アナログ版（？）のＨＰをノートに先に作ってイメージをしっかり固めておいて、そのイメージを実現できる知識が身についてから実際のＨＰ作りに入るという順序が無駄のない理想な順序だと思います。回りくどいようで、実は近道だと実感していますので、是非実践してみてください。

>>　ページトップへ

マウスを選ぶ

たいていの人はすべてがセットになったパソコンを購入するので、購入の際についてきたマウスをそのまま使っていると思います。しかし、ＨＰを手打ちで作るとなると、かなりマウスも使いますし、場合によってはひどい肩こりを引き起こしたりすると思います。そこで使い勝手のよい道具を使う事をおすすめします。

私の場合、ヘビーなＰＣユーザーである旦那が過去に購入し今は使っていない（たまにクリックが利かなくなる）マウスを使っています。ちょっと変わっていて、マウスではなくトラックボールそのものを動かすタイプのマウスです。このマウスは、指先の動きだけでポインターを動かせるので疲れにくくて、肩もこりにくいです。マイナーだしお金もいるけれど、是非ためしてもらいたいので敢えて紹介紹介します。

（写真：上）のマウス、「Logicool　マーブルマウス　ST-45UPI」は価格も比較的安くてお薦めかなと思います。

右利きの人であれば、少し角度がついていて手によくなじむ「Logicool コードレスオプティカル　CT-100」（写真：下）を薦めたいですが、これは値段が高いのである程度してＨＰ作成を続けられる目途がついてからでないとなかなか買えないですよね。

＊ホームページ作りの過程（悪戦苦闘ぶり？）はブログ「Rittyの無知なＨＰづくり」で更新しています。

無料レンタル掲示板比較

2009-05-16T13:53:23Z

このページはまだ作りかけです。

]]> 無料レンタル掲示板比較

無料レンタル掲示板の比較表は現在作成中です。
もうしばらくお待ちください。