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

ホームページ作成ソフトの代表といえば「Dreamweaver」！
・・・なのですが、いくらこれらを利用すれば簡単にホームページを作成できるとはいえ、その便利で簡単な機能に頼りすぎるのは良くないってことは何度かお話ししたかと思います。
いえ、便利さを利用するのは良いのですけど、ホームページの作成方法が知識として身に付かなくなる恐れがあるって意味で。
すでにホームページの作成方法をご存知なら問題ないのですけどね。

ちなみに私は、ホームページの作成方法を熟知しているわけではありませんが、Dreamweaverは利用しています。
簡単さに頼りきってしまっているつもりはありませんので、悪しからず。
私の場合、デザインビュー（ブラウザでの見た目）を変更したら、コードビュー（HTMLソース）の何処がどう変更されるのかってのを照らし合わせながら確認して、タグを覚えるようにしています。

例えば、デザインビューでテキストを太字指定にしたら、コードビューのそのテキストのところを見て、太字にしたテキストがSTRONGタグで囲まれていれば「ああ、<strong>が太字にするタグなんだな」と理解するわけであります。
つまり、ホームページを作成しつつ、ホームページの作成方法を勉強しているという。

こんなふうに利用すれば、Dreamweaverを始めとしたホームページ作成ソフトって、便利で簡単なホームページ作成方法の勉強道具にもなるんですよ。
ただホームページを作成してそれで終わり、だなんて、宝の持ち腐れのような気もします。

皆さん！
ホームページを簡単に作成できる方法を知るだけじゃなくて、ホームページを簡単に作成できる程の技術もしっかりと身に付けましょーね！

簡単にホームページを作成できるようになろう！と目指してHTMLは続けて勉強するようにしています。
でも、思った以上に簡単に作成・・・とまではいきませんね。
勉強しながら実際にホームページを想定して作成してるんですけど、HTMLって結構制限があって、やろうと思っていたことができなかったり、別の方法を探したりと思考錯誤しています。

あと、HTMLって意外と決まりごとが多い。
やろうと思えば好きなようにできるんですけど、それはルール外だったりするので、結局やりなおしたり・・・
ホームページを作成するからには正しい方法で作成したいですからね。
いくらルール外の方法が簡単だからって、それじゃあホームページをしっかりと作成してることにはなりませんから。

正しい方法で好きなようにホームページを作成できる方法というなら、HTMLよりむしろCSSがそれにあたります。
もちろん、CSSも同時並行で勉強していますよ。いちおうね。
いちおうっていうのは、まだ簡単に使いこなすまでには行ってないってことで（汗）

このCSSを使いこなせれば、それこそ簡単かつ綺麗に、そして正しくホームページが作成できるんでしょうね。
ウェブ上にはホームページのデザインテンプレートを作成して配布しているサイトがゴロゴロとありますけど、それらのテンプレートといったら、HTMLじゃなくて書いた絵をそのままホームページにしてるんじゃないの！？ってくらいデザイン性があるのです。
あれこそが匠の技。
あれこそが、CSS使用による究極のホームページなのでしょう。
あれくらい、簡単にHTMLとCSSを使いこなしてホームページを作成してみたいものです・・・

余談を挟みつつ、テキストエディタの紹介をしております。
こうして改めてテキストエディタについて情報収集をしていると思うのですけど、テキストエディタって本当にたくさんのものがありますよねぇ！
ホームページを簡単に作成できるようhtmlの記述に特化したものもあれば、プログラミングを簡単に作成できるよう特化したものもあります。
そのプログラミングだって言語の種類はごまんとあるし、以前に紹介したPHPなんてhtmlと併用するプログラミング言語だから、それに特化したテキストエディタはよりホームページを簡単に作成できちゃうようになっているんですよ。

テキストエディタって、何度も述べているとおり文字情報のみを記述するソフトじゃないですか。
ホームページの作成やプログラムの作成が簡単に行える数々の機能は付いていても、もしかすると開発そのものはそれほど難しくないのかもしれないですね。
だから、プロのプログラマーにでもなれば自分の用途に応じたテキストエディタを簡単に開発しちゃうのかも・・・だから、世の中にはテキストエディタが数多くあるのかな？となんとなく思いました。
いや、私は簡単に作成できちゃうほどプログラミングに詳しくないので、ただの想像ですよ。
本気にしないでくださいね？

・・・さて。
今回も少しだけですがテキストエディタを紹介してみたいと思います。
前々回はすべてフリーウェアでしたので、今回はシェアウェアのものを紹介してみましょうか。

◆O’s Editor2
世にも珍しい（？）縦書き形式のテキストエディタです。
そして、テキストエディタのくせに行間を設定したりルビをふったり原稿用紙ふうの画面に切り替えたりもできます。
つまり、小説を想定して記述できるってことですかね。
プログラミングやhtmlの作成に特化したテキストエディタは多いですが、こちらは小説執筆に特化しているのかも。
なんて珍しい・・・
ちなみに、横書き形式にも切り替えられるのでご心配なく。

引き続き簡単に利用できるフリーのテキストエディタを紹介していこうと思ったのですが、似たようなものばかりを連続して紹介していても飽きるかもしれないので、少し余談を挟みたいと思います。
題して「簡単にPHPを作成できるようになりたい！」
・・・そう、今回のネタ（笑）はPHPについてです。

皆さん、PHPってご存知ですか？
私はここ最近で知ったばかりです。
PHPっていうのはプログラミングの一種で、HTMLと組み合わせて使い、上手く作成できればホームページにJavaScriptのような機能も付けることができるのだとか。
ただ、それだけに作成には難しさもあって、だから簡単に作成する方法ばかりに注目していた私がPHPを知るのが遅れっちゃったんですねぇ・・・

プログラミングという時点でPHPは難しいものだっていうイメージが付いてしまいますが、数あるプログラミングに比べれば断然簡単だっていう意見もあります。
また、その割に付けられる機能も多彩で、もちろん便利なようで。

う～ん、私はまだまだホームページの基本的な作成方法からしっかり勉強しなきゃならないし、HTMLだって簡単に作成できるっていうほど上達してるわけじゃないけど、いつかPHPも利用できるようになってみたいものですねぇ。
HTMLどころかPHPをも簡単に作成できるようになれば、それこそ思い通りのホームページが作成できるようになるんでしょう。
いつかPHPを簡単に作成できるよう、今は基本を頑張ります。

テキストエディタの代表といえば「メモ帳」や「ワードパッド」。
以前にも説明しましたけど、テキストエディタっていうのは文章を記述したりプログラムを作成するための簡単なソフトで、ワードとは違って単語に色を付けたりっていう見栄えに関する編集は皆無のもの。
ほんとーーーに文字だけを書き出すとっても簡単なソフトなんです。

でも文章・プログラム作成のためのソフトだけあって、ウェブ上にフリーで配布されているテキストエディタの多くは、HTMLを始めとしたあらゆるプログラミングに対応しています。
どう対応しているのかっていうと、作成する内容がHTMLの場合、開始タグと閉じタグがきちんと対応しているかどうかが判るよう、自動的に色が付いたり。
このように書き損じや書き漏らしが発生してしまわないよう補助してくれるテキストエディタが、ウェブ上には数多く存在しています。

今回は、私が見つけたホームページ作成（HTML）にお勧めのテキストエディタを紹介しますね。
もちろん、どれもフリーなので使用料金はかかりません。

【サクラエディタ】
最近私が特に愛用しているテキストエディタ。
対応しているプログラムは、HTML、CSS、Java、C言語、COBOLなどなど。
マクロやDIFF差分やGrepなど便利な機能があって非常に使い易い！
・・・とか言ってる私自身、それらの機能をまだ使いこなせてないんですけどね（汗）
もっともっと使いこなせば、きっとホームページも更に簡単に作成できるようになるはず・・・！

【TeraPad】
「テラパッド」と読みます。
SDIタイプというそうですけど、メモ帳とも見まごう程のかなりシンプルなテキストエディタ。
対応プログラムは、HTML、Java、Perl、Ruby、C言語などなど。
どうやらプログラミングに人気があるようですね。

【PHPエディタ】
PHPに特化したテキストエディタで、HTMLやPHPが簡単に作成できちゃうのだとか。
ただ、どちらかというと開発者向け。
いつか、PHPを簡単に作成できるようになりたい・・・

ホームページの作り方について日々勉強しながらも、サイトらしいサイトを作ろうと日々努力しています。
簡単に作成できている・・・とは言い難いかもしれませんが（汗）

ホームページの作成に関する技術が少し付いてくると、ますます知識欲といいますか・・・あらゆる方法を試してみたいと欲張るようになってきまして、最近サーバーの有効活用についても考えてみています。
私のような超初心者が利用するのであれば、さすがにいきなり有料の専用サーバーなんてものは利用できません。
せいぜいが共用サーバーで独自ドメインを利用して、専用っぽい雰囲気に酔いしれるくらいです（笑）

しかしそれでさえも、ホームページの作成に慣れてくると物足りなくなってくるのですよねぇ・・・
最近コロケーションというサービスを耳にしましてですね、どうやらサーバーを預かって代わりに管理・運営してくれるサービスだそうです。
ホスティングのようにサーバーを借りるんじゃないんですよ。
自分のサーバーを預かってくれるんです。

つまり、サーバーを所有しているのは紛れもなく自分でありながら、面倒な管理に関することは全て受け持ってくれるというサービスなんですねぇ。
自分はサーバーを利用するだけ。
なんて簡単なんでしょう！
預かってもらっているサーバーだって、データセンターという施設で厳重に保管されるんですよ。
まさに、至れり尽せりですよね！

ちなみに、このサービスはサーバーハウジングとも言います。
「ホスティング」を「レンタルサーバー」とも言うようなものです。
ホームページを簡単に利用・運営できるサービスって、どれもこのように何通りも呼び方がありますね。

ホームページのより簡単な作成方法を追求すれば、それはやっぱり前回に説明したような「ホームページビルダー」や「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等を使いこなし、簡単にホームページを作成できるのはいったいいつの日になるのでしょうか？
今は難しい印象があるホームページの作成方法だけど、諦めませんよ！
きっと覚えてしまえば簡単なはず・・・！