ホームページ作成してみよう！

ホームページを作成するのはきっと多くの人に見てもらいたいからだと思います。
多くの人に見えてもらうホームページを作成するにはどうしたらよいでしょうか。

まずホームページのタイトルに気を配ってみましょう。
ホームページは複数のページで構成されていると思います。そしてその全ページにはタイトルをつけることができます。
タイトルはブラウザ上のバーに表示されるテキストのことです。

実はこのタイトル非常に大事なんです。

タイトルによって検索エンジン、グーグルやヤフーなどの検索結果に大きく影響してしまします。
もし多くの人に作成したホームページを見てもらいたいなら、作る前にすこし考えておきましょう。

ホームページを探すときには多くの人が検索エンジンを利用しますよね。自分の知りたい情報に関する言葉や単語で検索すると思いますが、検索結果というのは色々な要素で決定されています。
検索エンジンは頭がいいので、その調べたい情報がたいてい上位に表示されています。
検索結果で上位に行くほどやはり人の目にとまりやすいですよね。

上位に表示するためにも、ホームページを作成するときにそのサイト作成した目的のキーワードをいれると、検索エンジン検索結果の上位になるためには優位になります。
これだけで上位に表示されることではありませんが、検索エンジンの上位表示のための一つの重要な要素になっています。
これはホームページ作成の基本になっているのでタイトルはじっくり考えましょう。

ホームページを色々みていると、サイトによってはブラウザのアドレスバーやお気に入りのリストに表示されるアイコンが独自のものがありますよね。それなんですが、自分で作成することができます。
そのアイコンなんですが、よくファビコンとよばれています。Favorite　iconから略したものらしいですね。
作成することができるのですが、ブラウザによっては設定方法が違ったりするのですが、ホームページ作成の一つの方法としてみてくだささい。

作成の流れ。
・ファビコン用の画像を作成します。この画像のサイズなんですが、大きさは問いませんが、正方形である必要があります。正方形で好きなアイコンを作ったらgifやpng形式で保存しておきます。
・作成したアイコンをファビコン用に変換する必要があるのですが、その際アイコン作成ソフトというのが必要になります。フリーソフトウェアで色々なソフトがでまわっていますので、自分の使い勝手が良いものを探してそれを利用しましょう。
・ファビコンファイルをサーバーにアップロードします。
・ページのheadタグの中にlinkタグの設定をすれば自分のアイコンが表示されるようになります。

注意点としては、ファビコンのサイズが１６×１６という大きさですので、作るときは作りにくいので大きく作るのがよいのでうが、あまり複雑なものになりますと表示しても何が書いてあるのかわからないものになってしまいますので、できるだけ複雑ではないものにしましょう。ちなみにファビコンではアニメーションgifも利用することが出来ます。
タグ内にファビコンファイルを入れるのですが、＜link　rel＝”＊＊＊”　href＝”～～”＞の～～の場所に絶対パスか相対パスで指定することになります。
インターネットエクスプローラーなどではこの設定が内場合でも表示してくれる場合もあるみたいですが、ブラウザによってことなるものだとおもいますので、設定しておくことをオススメしますよ。

ちょっと話しが前後しますが、ホームページを作成するときにホームページスペースが必要と書きました。
このホームページスペースのことですが、無料と有料の場合があります。

できれば無料でホームページを作成したいところですが、無料の場合は何かもう少し使えたらなという場合もあります。バナーが入ったり、サーバーが重かったりと少々不都合が起こる場合もありますしね。
初心者がホームページを作る場合には無料で十分よいのですが、ホームページの作成になれていきもっと凝ったことをしたいと思ったり、自分のドメインが欲しくなったり、もう少し大きな容量を使いたい場合は有料のホームページスペースを使いたくなります。

最初に無料ホームページスペースを利用してホームページを作成したときに有料のホームページスペースに移動すると、苦労することになります。相互リンクを張ってもらっていたなら、そのリンク先に移転したことを伝えリンクのURLを変更してもらわなければならなかったり、アフィリエイトの登録をしているならそれも変更をしたりと結構苦労する作業が必要となります。

ですが、全くの初心者が有料のホームページスペースを利用するのも正直危険だと思います。
初心者がホームページを作成するときは、無料で一度試してみて運営していけそうだと思えれば有料に移るのがよいのではと思います。もちろんこれは個人の判断なので、これが絶対良いというわけではありませんがホームページ作成がわからない場合は試しに無料を使ってからをお勧めします。

HTMLを細かく書くと、とても長くなりそうなのでまた次回でも書こうかと思いますが、次はスタイルシートのことをホームページを作成するときに使ってみましょう。

スタイルシートとは、HTML作成したページの見栄えをもっと良くするための技術です。
HTMLだけですと、ページのレイアウトを整理するのに＜table＞、＜blockquote＞などのタグを駆使してがんばることになりますが、スタイルシートを使えば少し簡単に細かく作れるようになります。レイアウトだけでなく文字の大きさや色、字体や行間までも自由自在にできます。きっとスタイルシートを覚えておけばホームページを作成するときに便利になると思いますよ。

ただスタイルシートにも注意点がありましてその注意点を紹介します。

・未対応のブラウザもある
今でもまだスタイルシートに未対応のブラウザが残っています。そして色々な理由からスタイルシートの機能をオフにしている人もいます。中身だけでなく見栄えも大事にするホームページであれば、古いブラウザなどへの配慮も必要になってきます。

・ブラウザによって動作が異なる
インターネットエクスプローラーとネットスケープでは動作が異なります。同じブラウザでもバージョンやウィンドウズ、マッキントッシュ版でも動作や見栄えが異なることがあります。

・保存すると見栄えが悪くなる？
ページを自分のハードディスクに保存して、あとから見る人も多いと思いますが、スタイルシートの外部ファイルを保存し忘れてしまうとせっかくの見栄えが台無しになることがあります。

ホームページを作成する上で必ず必要になってくるのがHTMLです。そこまで詳しく知らなくても、ホームページは作成できるのですが、ス知っておいたほうがはるかに作成しやすいので、ここで少しふれてみたいと思います。

HTMLとはHyper Text Markup Languageの頭文字を取ったものです。日本語にしますと就職記述することにより高度な文章、文面表現を可能にする言語とでも訳すのでっしょうね。
修飾したい文字の前後にタグと呼ばれる特殊な記述をします。

ホームページを表示しているときブラウザの表示→ソース表示をしてみてください。するとそのホームページがどのように作られているか見ることが出来ます。これがＨＴＭＬというものです。

通常インターネット上のホームページのほとんどがＨＴＭＬという言語で書かれています。携帯端末用にＨＤＭLという言語もありますが、これもＨＴＭＬｍに属するものです。

ホームページを作成するとき、この文章を太字にしたい場合

＜strong＞この間に文字を挟む＜/strong＞

と記述することになります。
この＜strong＞という部分がタグと呼ばれるものになります。タグは例外もありますが通常、開始タグと終了タグで挟むことになります。終了タグのほとんどが開始タグに/を追加したものになりますので、どこからどこまでがこのタグで装飾されているのかわかりやすいと思います。

このHTMLがわかるようになれば、ホームページ作成ソフトを使わなくてもテキストエディタだけでもホームページを作成することができるようになります。

初心者がHTML言語というホームページを作るために使うプログラム言語を知らなくてもホームページをつくれるようにしてくれるソフトがあります。
有名なのはホームページビルダーとDreamWeaverです。

前者のホームページビルダーは最も有名な初心者向けのホームページ作成ソフトで、初心者が手軽にホームページを作成する為の機能が豊富に盛り込まれているほか、画像処理ソフトなどの便利なソフトも多数付属しています。
作成画面は実際のホームページの表示に近い状態なので直感的に操作もできますし、写真もファイルを選んで貼り付けるだけです。エラーの自動修正機能など付いていて初心者にありがたい機能ばかりです。
ホームページのテンプレートというひな形も用意されていますのでデザインにあまり凝らない個人むけのホームページを作成するならこのテンプレートのデザインだけで十分なソフトです。ただ、企業向けのホームページを作成しようとすると信頼感のあるデザインはあまりないのが短所でもあります。

後者のＤｒｅａｍｗｅａｖｅｒではかなり自由度の高いデザインで作成できるというメリットがありますが、すべて自分で作成することになるのでホームページビルダーよりはあ少し初心者にはつらいものになります。
ですがＨＴＭＬの知識が浅くても作成することは可能ですが、ＨＴＭＬなどのホームページ制作に関する知識がないと完全には使いこなせず、満足なデザインも作れません。ですからＤreamWeaverを使うのならＨＴＭＬの勉強を始めた方がよいでしょう。
ただ、そこまで自由度の高いソフトですからホームページビルダーなどのテンプレートでは表現できなかったデザインなども自分で適宜変更できるので、個人サイトはもちろん企業のホームページ作成など自分の思う通りにつくることができます。

まったくの初心者ならホームページビルダーをお勧めしますが、自分で細かいところも調整したホームページ作成をしたいならＨＴＭＬを勉強してＤｒｅａｍＷeａｖｅｒといった感じでしょうね。

ホームページを作成するのはこれまで説明したのに、簡単なものです。たしかにホームページスペースをレンタルしたりという手間はかかりますが、基本的にパソコンがネットにつながっていればすぐに作れるものです。

ではどうして難しいと思うのかというと、そのホームページ作成するための中身がちょっと難しのではないかと思います。
たしかにホームページ作成するときに何のソフトも使わず、凝ったものを作るにはメモ帳にHTMLやJAVA script、CGIなどの知識を持って書けばソフトがなくても凝ったホームページを作成できますが、さすがにこれはプログラムを知っていないと無理です。

では最初にどうしれば良いのかというと、簡単ホームページ作成ソフトとしてホームページビルダーやドリームウェーバーがあります。これらのソフトを使うと知識が乏しくても素敵なホームページを作成でできるように色々なツールが組み込まれています。
簡単にホームページを作成したいというのなら、これらのソフトをオススメします。

ですが自分で０からつくってみたいなぁなんて気合の入った人ならまずHTMLの勉強を始めましょう。HTMLとはウェブページを記述つるためのマークアップ言語です。HTMLは基本的に文章を記述するために使用されますが、文章中に画像や音声などをハイパーリンクで埋め込むこともできます。ですが、ダビングしたTV映像などの動画をネット上に流すことは違法ですので注意しましょう。

以前ホームページに凝りすぎて自宅で１Uサーバーを個人で使っていた人もいます。それほど、ホームページ作成にはまったらこだわりたくなるものです。自分の作成したホームページを色々な人に見てもらうというのはうれしいものですよね。

ホームページ作成なんですが、ここから少し難しくなります。ホームページのある場所というのはウェブサーバといところにになります。ですがこのウェブサーバなんですが自分で用意する必要があるのかな？なんて思う人もいるかもしれませんが、自宅にウェブサーバを設置するとなると結構なパソコンに関しての知識が必要となります。いまは安いサーバー販売しているところもありますので個人で専用サーバを持っているなんて人もいたりして出来ないこともないのですが、初心者にサーバまでのことを含めてホームページ作成はさすがに辛いと思いますので、最初のうちは個人でサーバーを必要とすることは滅多にありませんので大丈夫です。

ではどうしたら良いの？なんて思うかもしれませんが、前前回話したホームページスペースがそれにあたります。ホームページスペースを借るだけでホームページ作成はできます。

次にそのサーバーにホームページを転送することでインターネットでみれるようになるのですが、この転送するためのソフトが必要になります。例えばメールを送るときにはメール専用ソフト（アウトルックなど）ありますのはご存じですよね。これと同じように作成したホームページをサーバーにあげるためのソフトもあるのです。それをＦＴＰソフトと呼びます。
ＦＴＰとは　（file　transfer　protocol）の略なんですが、ファイルを転送する規則と訳すことができます。そのまんまですね。

プロバイダなどにレンタルスペースを借り、自分のパソコンでホームページを作成しこのFTPソフトでサーバーにあげればそれでホームページ作成は終わりです。（もちろんFTPソフトの設定も必要になりますが。）

ホームページ作成の準備が整ったら、まずは自分がホームページ作成をするにあたってどのようなコンテンツを盛り込んだホームページ作成をしたいか考えましょう。

個人で趣味でホームページ作成だけがしたいという人もいれば、ビジネスのためにホームページを作成したい人など様々でしょうが、まずどのようなホームページを作成したいかあらかじめ考えておくとスムーズに作成できると思います。

ここで一つ覚えたておきたいホームページ作成のことなんですが、まずホームページって何かしっていますか。ホームページとはこの見ているサイト全部をホームページと呼ぶのではなく、ウェブサイトというほうがどちらかというと正確です。ホームページというのはそのウェブサイトの入口にあるサイト、つまりホームのページのことを呼びます。ですが、わかりにくくなると思いますので、ここのサイトではサイトのことやホームページそのものも混ぜましてホームページとよぶことにします。

企業などのホームページは映像が流れたり、音楽が流れたりといった風に凝った作りになっているものがあります。さすがにあのようなホームページはプログラミングを必要としますので初心者が最初から作れるものではありません。もしそのような凝ったつくりのホームページを作成したいのならこれからホームページを作成していきながら、プログラミング入門も始めた方がよいと思います。あのようなホームページを作成できる人も最初は何もつくれませんでしたし、だれでもプログラミングを入門して覚えていったものです。実際に触りながら覚えていくとわかりやすいと思うので、ぜひこれからホームページを作成するときに試してみてください。

まずホームページを作成するにあたって必要なものです。
１、パソコン
これがなければホームページ作成はできません。ホームページを作成するだけなら特に高いスペックのパソコンじゃなくても十分に作成可能です。このホームページを見れるだけの環境が整っていれば大丈夫です。

２、ブラウザ
ブラウザというのはホームページを閲覧する為のソフトのことです。有名なブラウザといえばＩＥ（インターネットエクスプローラー）ですね、ファイアフォックスやネットスケープなどもありますがこれは自分のお好みのブラウザを利用してください。ウィンドウズの入っているパソコンならＩＥも標準ソフトとして入っているはずなので、ブラウザは特に考えなくても大丈夫だと思います。

３、インターネットの接続出来る環境
こちらのサイトをご覧になられてるならインターネットの接続は大丈夫かと思いますが、もし自分かこれからホームページ作成を考えているパソコンでインターネットがつながっていないなら、プロバイダと契約しなければインターネットに接続はできません。これからプロバイダと契約するならば、ホームページをつくるスペースを貸してくれるプロバイダもたくさんありますので、そちらを選ぶことをお勧めします。

４、ホームページスペース（ドメイン）
ホームページを作成する場合にはそのホームページを置いておくところ（ホームページスペース）が必要となります。このホームページスペースなんですが、無料で貸してくれるところや有料の所もあります。もちろん無料ですと制限のかかることが多いですし、有料ですと月々でお金がかかってきます。個人でホームページを作成したいなら無料のホームページスペースで十分だと思いますし、もしビジネス目的でホームページを作成するなら独自のドメインをとれる有料のホームページスペースを借りた方がよいでしょうね

４．５、独自のドメイン
独自ドメインのことなんですが、ドメインとはインターネットの住所のことです。なので独自ドメイン取得というのは自分専用のインターネットの住所（ＵＲＬ）ということになります。
この独自のドメインを取るメリットなんですが、独自のドメインをとってしまえばずっとそのＵＲＬを利用できることになります。つまりプロバイダを変えても、サーバーを変えても同じＵＲＬを使いつづけられるというのが最大のメリットになります。

ココまでのホームページ作成ですがプログラミングを必要としませんよね。ココまではホームページ作成の準備段階として特に難しいことはありませんので、がんばりましょう。