ホームページのお勉強

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
　　◆◆◆◆　　　ホームページのお勉強　　　◆◆◆◆
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

皆さんは、ホームページを作ったことがあるでしょうか？

もちろん、「作ったことなんかないよ」という人が多いと思います。

じゃあ、ホームページを作成するソフトはご存知でしょうか？

たぶん、少し詳しい人は、

「ホームページビルダー」とかじゃないの？　と言うでしょうし、

かなり詳しい人は、

「Dreamweaver」とかじゃないの？　と言うでしょう。

ところが、もっと詳しい人は、

「テキストエディタ」で十分でしょう、と言うかもしれません。

--------------------------------
　ホームページビルダーとは
--------------------------------

とりあえず、人気のあるホームページ作成ソフトといえば、
「ホームページビルダー」でしょう。

このソフトの一番の特徴は、２つのモードがあることですね。

それは、

「どこでも配置モード」と「スタンダードモード」

です。

この「どこでも配置モード」は、

「適当にいろんなイラストや文字や写真を画面上にドロップしていくだけ」
で、それなりのページが作れてしまうという簡単モードです。

一方、「スタンダードモード」は

「ページの上から順番に、文字やイラストを挿入していくだけ」
というモードです。

どちらも、ソフト内にある機能を使って、簡単に作れるというのは同じ
ですが、根本的な違いがあります。

それは、

「どこでも配置モード」→「スタイルシートを多用しているモード」

「スタンダードモード」→「通常のＨＴＭＬを使って作るモード」

という違いです。

最近のホームページ作成においては、スタイルシートはとても重要な
機能を担うようになってきています。

ＨＴＭＬがページの構造にかかわる部分を担当し、

スタイルシートが書式や配置に関わることを担当する

というようになってきているんです。

「どこでも配置モード」に使われている「スタイルシート」は
以下のようなものです。

「style="position:absolute;top:100;left:200;z-index:3;"」

というようなことをHTMLタグの中に書いているものです。

position:absoluteといるのは、絶対的な位置に置きますよということです。

そして、ページ内のtopから何ピクセル、leftから何ピクセルのところに
配置するかを指定しているわけです。

ちなみに、z-indexというのは、重なりの順序を示しています。

z-index:3は、z-index:2よりも前面にあるという意味になります。

-----------------------

ホームページビルダーの「どこでも配置モード」でページを作成すると

なぜか、文字とイラストや写真が重なっている、なんて現象があるのは
この「z-index」が効いているためです。

初心者向けの機能なのに、意外と高度なテクニックを使っているのが
「どこでも配置モード」なのです。

-------------------------------
　Dreamweaverというソフト
-------------------------------

最近、Dreamweaver,Fireworks,Flashという有名なソフトを作っていた
MacromediaがAdobeに買収されました。

Dreamweaverというソフトは、かなり昔からあるソフトで、ホームページの
デザインを専門にやっている人にはなくてはならないソフトなんです。

ホームページビルダーのように簡単ではないのですが、

ＨＴＭＬをある程度理解している人には、とても使いやすいソフトだと
思います。

ちなみに、Adobeが発売しているGoLiveというホームページ作成ソフトも
あるのですが、これはとても使いにくいので不評です。

ちなみに、私はGoLiveを持っていますが、使ったことはありません。

やはり、AdobeはDreamweaverやFlashがほしかったのかもしれませんね。

-------------------------------
　Flashというソフト
-------------------------------

最近のホームページで、動くバナーとか、先頭ページのアニメーションなど
を担当しているのが、Flashというソフトです。

Flashを教えてほしいという人も多いのですが、これが結構難しいソフトです。

たぶん、相当頑張って勉強しないと使えるようになりません。

軽い気持ちで勉強しても、ものにならないソフトの代表格です。

いっぱいマニュアル本も出てはいるのですが、どう勉強すればいいのかが
よくわからないという人も多いと思います。

間単に言えば、ＣＭ１本を自分で作成するようなソフトなので、かなりの
経験や知識がいります。

もちろん、簡単なプログラミングの部分もあるので、奥が深くてなかなか
足を踏み入れにくい部分もあります。

でも、魅力あるソフトなので、

「いつかはFlash」と考えている人も多いと思います。

------------------------------
　テキストエディタって何？
------------------------------

このテキストエディタというのは、ソフトの名前ではありません。

簡単に言えば、プログラムを書いたりするときのメモ帳みたいなソフトです。

私がいつも使っているのは「TeraPad」というフリーソフトです。

使いなれてくると、とてもいいものなんですが、

「どこがいいの？」といわれると、答えに困ります。

まあ、メモ帳よりはいい、とは言えます。（笑）

------------------------------
　JavaScriptって何？
------------------------------

よく、写真の上にマウスを置くと、写真が入れ替わるとか、

メニューボタンの上にマウスを置くと、色が変わるとか、

ホームページ上にあるドロップダウンメニューとか、

こういうものを作るのがJavaScriptというプログラムです。

スクリプト言語と言われるプログラムなのでＨＴＭＬとかスタイルシートと
同じように、勉強しやすいプログラム言語です。

個人的には、最近は、Javascriptが一番好きなプログラムなんですよ。

なんとなく、プログラムの基本を勉強できるので、

これからプログラムを勉強してみたいという方には、一番いい題材だと
思います。

------------------------------
　ＣＧＩって何？
------------------------------

よく、ＣＧＩというのは、ホームページのサーバー（ＷＥＢサーバー）側で
動くプログラムのことを言います。

代表的なものとしては、

会員の登録などで使うフォームからの申し込みや

ショッピングで使うショッピングカードなど

です。

サーバー側で動くプログラムなので、自分で作成したとしても、
自分のパソコンでは動くかどうかをチェックできないという代物です。

ですから、作るのも大変です。

ですから、人が作ったものを改良したりするのがいいと思います。

私も、ほとんど人真似で使っております。

-------------------------------
　ホームページでの大切なこと
-------------------------------

まあ、いろいろと覚えることがあって大変と思われている方も
多いと思いますが、まずは１ページでも自分で作ってみることが大切です。

基礎を学んでからやろうなんて考えていても、作れるものではありません。

必要に迫られてやるしか、「道はない」というのがホームページ作成です。

不思議なもので、作っているうちに覚えることで少しづつ
自信がついてくるものです。

あまり難しいと思わないで、どんどんチャレンジしていきましょう。