ホームページの簡単な作成方法

ホームページのより簡単な作成方法を追求すれば、それはやっぱり前回に説明したような「ホームページビルダー」や「Dreamweaver」といったホームページ作成ソフトになります。
でも「Dreamweaver」はマクロメディア社のホームページ作成ソフトだけあって、購入するには随分思い切った買い物だし、以前はパソコン購入時からデフォルトで導入されていた「ホームページビルダー」も最近（WinVistaでは？）は入っていなかったりするんですよね。
また、前回述べさせていただいたように、ソフトで簡単にホームページが作成できるとはいってもやはりタグは知っておくべき・・・

・・・だとすると、何を使ってホームページを作成すれば良いのかというと、それが更に以前に説明したテキストエディタになります。
テキストエディタとは例えば「メモ帳」や「ワードパッド」。
これらはWindowsなら必ずデフォルトで入っているので、今すぐにでもホームページを作り始めることが可能です。

テキストエディタは、ワードのようにテキストに色を付けるなど装飾ができないソフトです。
本当に必要最低限の文字だけの情報しか記述できないもので、あらゆるソフトやツールの大元であるプログラムなどを記述するためのものとなっています。
そのため記述内容も特定されていないのがテキストエディタなのですが・・・

HTMLに限らず、プログラムを記述していると必ずといってよいほど間違いはでてくるものです。
その間違いは大抵デバッグしたとき、HTMLならブラウザで表示させたときに見つかるものなので、表示のおかしさからどこが間違っているのかを予測して直していくのですが・・・ときおり見つからない間違いもあるんですよねぇ。

しかしテキストエディタでもHTML記述用のものがあります。
HTML用のテキストエディタとは、記述したタグを自動で色分けしたりインデントして判り易く簡単にしてくれるというもの。
フリーソフトで何種類もありますから、一度ネットで探してみるといいですよ。

「ホームページビルダー」も「Dreamweaver」も、ホームページを簡単に作成してしまえるとっても便利なソフトです。
しかし簡単だからといって、ホームページ作成に関する知識が全くなくても作成してしまえるかというと・・・そうでもありません。

いえ、確かに、これらのソフトは簡単にホームページを作成できるということがウリですから、素人や初心者でも簡単に始めることは始められますよ。
例えば、ホームページ作成の基本であるタグ。
このタグの組み方を知らなくても、画面にパーツを張りつけるように簡単にホームページを作成していくことは可能です。

しかし、前回も注意させていただいたように、タグを知らないからといってソフトの簡単さに頼ってばかりではいけませんよ。
パーツを張りつけたことによって、そこにどのようなタグが使われているのかを知らなくては。

「ホームページビルダー」にせよ「Dreamweaver」にせよ、HTMLソースに手を加えずに簡単に作成するモードと、HTMLとブラウザ表示の両方を見ながら編集するモードがあります。
私が知っているのは「Dreamweaver」の場合なので、そちらを例に説明させていただきますが・・・

画面にテーブルや画像やフォーム等のパーツを張りつけただけだと、そのタグに付随していらない情報まで組み込まれてしまう場合があります。
それらはソフト独自の情報の場合もあれば、アクセシビリティを考慮した画面上では目に見えない情報の場合も。
アクセシビリティはなるべくなら欠かしたくない必要な情報ではありますが、それだってホームページの目的にもよりますからね。

これらの余計なものがあると、HTMLやタグを知っていればその都度削除できるのですが、知らなければどんどん組み込まれていって、いつのまにかゴミだらけのホームページになってしまいます。
余計な情報は組み込まずにシンプルにした方がSEO的にも良いですからね。
また、HTMLとCSSを使い分けるためにも、タグの組み方は覚えておくに越したことはありません。

世の中にはホームページを簡単に作成できてしまう、HTMLやCSSを作成するソフトというものがあります。
これさえあれば、ホームページ作成なんて簡単！
ちょちょいのちょいです！

・・・かと思いきやそう簡単にはいかないのが世の中ってもんであり、ホームページ作成ってもんなのです。

簡単にホームページを作成してしまえるソフトとして、有名なものがふたつあります。
私のようにホームページを簡単に作成するぞ！と意気込んでいる方ならご存知かもしれませんね。
ひとつは「ホームページビルダー」。
ホームページ作成ソフトとしてはけっこう古くからあり、パソコン購入時からデフォルトでインストールされているものも少なくありません。
もうひとつが「Dreamweaver」。
「ドリームウェーバー」と読む人が多いですが、正しくは「ドリームウィーバー」です。ご注意を。
こちらはMacromedia社のホームページ作成ソフトで、ここ数年でいっきに普及率が高まりました。
ホームページ関連業界では、持っていて当たり前のソフトです。

これらはどちらも簡単に扱えます。
ホームページを簡単に作成できてしまうのです。
ええ、それこそHTMLやCSSを一切知らなくとも。

・・・しかし、私は注意したい。
HTMLを知らなくても簡単に作成できてしまうとはいえ、やはりホームページを作成するからにはHTMLを知らなくては話しになりません。
何故かといいますと、HTMLを知らずに上記に挙げたソフトでホームページを作成した場合、仕上がり具合に相当のアラが目立つためです。
そういった方々が簡単に作成してしまったホームページは・・・一目で素人によるものだと分かってしまいます。

ホームページの簡単な作成方法はないものかとインターネットで調べていると、初心者向けの簡単に利用できるツールとかがけっこう見つかります。
友人たちに簡単に作ってしまいたいという私の企み（笑）を話していると、そういうのを使えばいいんじゃないかとアドバイスしてくれるんですよね。

でも、友人たちが言う簡単なホームページ作成ツールっていうのは、テンプレートのこと。
テンプレートっていうのは、見た目や配置といったホームページの形がすでにできてしまっているもののことで、あとは指定個所に文章や画像を入れ込んでいくだけってヤツです。

・・・まぁ、確かに、それだけでできるんなら簡単ですよ。
簡単な作成方法の中でも、究極の簡単さなんじゃないですかね？

でも、それじゃあ意味がないんですよ！
私はドメインだってサーバーだって自分なりに準備してしまいたいと思っていて、当然ホームページそのものも自分で作成したい（できれば簡単に）と思っているくらいなのに、肝心の作成を人任せにしちゃうなんてプライドが許しません。

よって、テンプレートを使用するという方法はいくら簡単でも即却下なのですが・・・

でも、こういうテンプレートを作成できてしまう人ってすごいですね。
こういう人たちこそ、今私が悪戦苦闘しているHTMLやCSSを簡単に使いこなしてしまっているんでしょう。
デザインテンプレートともなると見た目がカッコイイし。

私がこんなふうに簡単にHTML等を使いこなし、簡単にホームページを作成できるのはいったいいつの日になるのでしょうか？
今は難しい印象があるホームページの作成方法だけど、諦めませんよ！
きっと覚えてしまえば簡単なはず・・・！

最近、私の周りでホームページを作成するということがブームのようで、私もそのブームに遅れないようにとホームページを作成しようと思ったのですが、どうも簡単にはいかないものですよね！

最近ではホームページを作成する人が多いためか、ロリポップやジオシティーズ、アメブロといったように、とっても簡単にサイトを作成することが出来るツールがあります。
テンプレートだって自分で作成するのではなく可愛いキャラクターものだったりクールなものだったりと種類も豊富。
そんなツールを活用することでサイトを作成するのは本当に簡単なのですが、私はそのようなツールを活用するのではなく1からいいえ。
０から自分のホームページを作成したいと思っているのです。

そのために、独学ですがホームページの簡単な作成方法を勉強しているのです。

前回はホームページとテキストエディタについてお話ししたのですが、今回はホームページを作るために大切なことをお話したいと思います。
それは「テーマ」
ホームページを作るときはパソコンに向かっていきなり作りだす！というわけにはいかないものですよね！
どんなテーマにするのかなど、ホームページはどんなものにするのか？というイメージや構成や内容を事前に考えておく必要があり、忘れないようにノートなどに記入しておく方が、ホームページを作成する上で役立つと思います。

まぁテーマを決めるということは大切なことですが、メモをするしないは個人の自由ですけどね！

ホームページを簡単に作成する方法について勉強しているのですが、いくら簡単に！と言ってもホームページの基本であるHTMLをちゃんと理解していないとホームページを作成することが出来ないと思います。

Windowsではメモ帳がインストールされているのですが、HTMLやスタイルシートなどはテキストエディタで編集することができるそうですが、必要最低限の機能しかないために正直便利とは言えないそうです。
HTMLを勉強するならやっぱりタグなどを色分け表示することが出来たらいいのに・・・なんて思ってしまいますよね！

秀丸などのような高度な編集機能を搭載したようなテキストエディタを使うようにする方が、ホームページを簡単に作成するには便利なのだそうです。
他にも、色分け出来るテキストエディタのメリットがあるので簡単にまとめてみました！

① タグと文章の違いが一目見ただけでわかる
② 記述ミスやスペルのミスが一目ですぐにわかる
③ 有効なのかそれとも無効のコメントの範囲なのか一目でわかる

以上のようなメリットがあうのです。
このような違いがわかるだけで、ソースの中のどこに書かれているのか探しやすくなるのです！
また、タグやスペルの間違いの時は色分け表示がおかしくなるために記述ミスを一目で把握することが出来るようになっているのです！

他にもHTML以外の色分けにも対応したテキストエディタがあるそうなのですが、そのことについてはまた次回お話しようと思っています。

ホームページが作成出来たら素敵だろうなぁ～なんて思い、ホームページの作成方法を自分なりに勉強しているのですが、簡単にできるものなんてそうそう無い。
ある程度のホームページの基本を勉強してからでないと、ホームページを簡単に作ることなんて無理だと実感したわけです。

そこで、今回からHTMLというものについて勉強していこうと思います！！
このHTMLを理解していないとホームページを作成することはできないと思います。なんていったって、HTMLというのは、ホームページを作ることのできる言語とされているのですから、HTMLで指定されるコードなどを覚える必要があると思うのです。

HTMLを勉強するために必要なものとしてはWindowsを利用している人だったら「メモ帳」があればいいのではないでしょうか？
メモ帳といっても、本当の用紙のメモ帳とは違います！！

HTMLのルールとしては、次のようなものがあります。
◆タグ
タグというものは、画面に「このように表示しなさい」と指定するコードのことをタグというのです。
そのタグでいくつかのルールがあります。
ルール①：タグはすべて半角の英数字で入力する。
ルール②：タグは基本的に2つ1組で使う
ルール③：ファイル名は半角の大文字か小文字のどちらかに統一する。

以上の3つのルールがHTMLを勉強する上でとても大切なことになってきます。
ホームページを簡単に作成するには本当にいろんなことを覚える必要があるために、大変だと思いますが自分のホームページが完成するその日まで頑張ってみようと思います。

ホームページを簡単に作成できるようになるぞ！なんて思って勉強を始めたのはいいけれど、やっぱり簡単にはいかないようです！

だけど簡単に作成することも大切かもしれないけれど、やっぱりホームページの基本を理解しないことには簡単に作成することなんで不可能ですよね？！
前回までホームページに必要なHTMLやスタイルシートについて勉強したことを簡単にまとめてみたんですけど、ホームページをインターネット上に反映させるためにはサーバーが必要になるということで・・・

そのサーバーはどこのサーバーがいいかな？なんてことに・・・
そこで、調べてみるとATワークスという会社の1Uサーバーがいいんじゃないかな？！ってことになったんです。
この会社は、サーバーを販売するだけじゃなくてDVDとかをダビングするようなこともしてくれるようです。

いろんなことをしてくれるATワークスという会社ですが、やっぱり何と言ってもサーバーに関しては強いですよね？！
おススメしていただいた1Uサーバーは、省電力、省スペースで音も静かなものでした。
サーバーにはいろんなサイズがあるようですが、この1Uサーバーの1/4は本当に小さいんです。
A5用紙のサイズくらいですかね？！

もちろん会社などでも利用することができるそうです！

ホームページを簡単に作成することができるようになれば、副業としてお小遣いを稼ぐことができるようにもなるし、そのためには自分専用のサーバだって必要になりますよね？！

もっとホームページの作成について勉強して、簡単に作成することができるようになりたいです！

簡単にホームページを作成するようになるぞ！なんて簡単に言っていましたが、やっぱり基本をちゃんと理解していないと、いくら簡単にホームページを作成してもメンテナンスや更新に戸惑っちゃうのでは・・・

なんて不安から、簡単に！というよりもちゃんとホームページを理解して作成することができるようになれば自然に簡単にホームページが作成することができるようになるっていうように考えるようにしたんです。

そこで、今疑問に思っていることを1つずつ解消していくことにしたんですが、ホームページを作成することができても、インターネット上に反映されなければ意味がないですよね？
そんなとき必要になるのがサーバーだということは分かっているんです。
作成したホームページをWebサーバに送ることでホームページがインターネット上で公開される。
そしてそのサーバーに送る作業のことをアップロードというそうです。

このアップロードを行うためのツールとしては、FFFIPというものがあります。
でも、その前にサーバについてもっと調べなきゃいけないですよね？
ホームページを簡単に作成することができるようになれば、やっぱりそのホームページを利用してアフィリエイトとかしたいし！！
そうなるとやっぱり、サーバーが必要になりますよね？！

今度はサーバー販売している会社について調べなきゃいけないですかね？！
どんなサーバーが人気なのか？とか家庭にもおくことができるようなサーバーがあるのかなど調べてみたいと思います。

ホームページを作る！なんてカッコいいことを言ってしまいましたが、ホームページ作成に関しては超初心者の私。
簡単に作る方法ってないのかな？！
なんて探したりもしたんです・・・。

でも、ホームページを簡単に作成する方法があったとしても、なぜホームページが存在するのか？ということを知らないことには、たとえホームページを簡単に作成できても、メンテナンスとか更新ができなかったら意味ないですよね？！

そのためにはやっぱり基本的なことから勉強しようと思ったわけです！！
今回勉強するのは、HTMLとスタイルシートについて。
HTMLとは、文章の中にあるｷｰﾜｰﾄﾞに別の文書へとたどりつく仕掛けのﾘﾝｸを埋め込むことで、コンピュータでの文書の保管と、関連文書を簡単に辿ることができる方法を可能にしたのがHTMLということなんです。
文章から文章へとリンクしていくことは紙では不可能ですもんね！

そして次はスタールシートについて
スタイルシートはホームページを作成してみたら分かることだと思うんですが、ホームページの見栄えやレイアウトなどの細かなデザインを実現するために、HTMLとは違った形でホームページが作成されるようになったのが、スタイルシートへの始まり。
もちろんHTMLあってのスタールシートではるのですが、スタイルシートを用いることでそこに指定された、「このタイトルは赤」指定した場合、それがどのページにも適応されるようになるということ。
もっといえば、1度指定するだけでいいってことなんですよね？！

これでホームページというものが少しは分かったんですけど、でもHTMLとスタイルシートを用いるだけでインターネット上で見ることができるんでしょうか？
サーバーとかがやっぱり必要になるんじゃないかな？なんて思うんです。

次回はホームページの簡単な作成はもちろんなのですが、ホームページの専用サーバの関係について調べてみたいと思います。