ホームページに動きをつける

ホームページを作成しているとホームページに動きをつけたくなる方もいると思います。動きのあるホームページといっても、文字を点滅させたり文字をスクロールするといった簡単なことからＪａｖａＳｃｒｉｐｔやＣＧＩを使った動的に変化するページ、ＦＬＡＳＨを使った高度なアニメーションを表示するページなど様々な方法があります。

たとえば、文字の点滅やスクロール、テキストのロールオーバー効果などはＨＴＭＬやＣＳＳで簡単にできますが、画像のロールオーバーやプルダウンメニューなどはＪａｖａＳｃｒｉｐｔ、掲示板やチャットなどはＣＧＩやＰＨＰなどのプログラムの知識が必要となってきます。また、ＦＬＡＳＨを使った高度なアニメーションなどはＦＬＡＳＨに関する知識とともに専用のソフトウェアなど開発環境も必要となります。

ここではホームページに動きをつける方法を簡単に説明しますが、プログラムなどに関する知識を学びたい方は専門のサイトや書籍などを参考にしてください。

HTMLで動きをつける

数は少ないですが、ＨＴＭＬタグだけでも動的に文字を表示することができます。<marquee>タグを記述すればテキストをスクロールして表示でき、<blink>タグを記述すれば文字を点滅させることができます。

また、ページ上で音を鳴らしたり、動画を流したりといったこともＨＴＭＬタグでできます。音楽を流す場合は<bgsound>タグを使用し、画面上で動画を再生する場合は<img>タグにdynsrcオプションで動画ファイルのＵＲＬを指定します。

CSSで動きをつける

ＣＳＳを使用しても動きをつけることができます。例えば、リンクのマウスオーバー時にリンクの色を変えたり、背景色を変えたり位置をずらしてボタンを押したような動きをつけることもできます。

また、複数の外部ＣＳＳファイルを用意して訪問者が選択して表示するスタイルを変更したりすることもできます。

JavaScriptで動きをつける

ＪａｖａＳｃｒｉｐｔとはブラウザの機能で動作するスクリプト言語で、画像のロールオーバー効果やポップアップウィンドウ、ステータスバーに文字を表示したりといったことができます。

また、ダイナミックＨＴＭＬと呼ばれるＪａｖａＳｃｒｉｐｔとＨＴＭＬやＣＳＳなどと組み合わせて動的ページを作る技術もあり、プルダウンメニューやポップアップメニューなどにもよく利用されています。

JavaScriptはプログラム言語なので様々な動きをつけることが可能ですが、ブラウザの機能によって動作するため、ブラウザの種類やバージョンの違いによって動作しない場合もあります。また、ユーザーがブラウザのJavaScriptの機能をオフにしている場合も同様に動作しません。

CGIで動きをつける

ＣＧＩとはサーバー上で動作するスクリプト言語です。アクセスカウンターや掲示板などでよく利用されていて、書き込みなどのアクションによって動的に変化するページを作成することができます。

ＣＧＩはサーバー上で動作するためにサーバーにかかる負荷が大きく、無料レンタルサーバーなどでは禁止されていることが多いです。ＣＧＩが禁止されているサーバーで掲示板やカウンターなどを利用したい場合はレンタルされているものを使用することで可能となります。
レンタルＣＧＩは、下のリンク先のページで多数紹介しています。

• レンタルCGI・スクリプト

また、ＣＧＩが使用可能なレンタルサーバーの場合では、フリーで配布されているＣＧＩスクリプトを使用すれば、ＣＧＩのプログラムを作れなくてもＣＧＩを利用することができます。ＣＧＩを作成することはプログラムの知識が必須となりますが、アップロードするだけならばそれほどの知識は必要となりません。

ＣＧＩスクリプトをアップロードする際に気をつけることは、まず必ずアスキーモード（テキストモード）でアップロードすることと、パーミッション（アクセス権）を適切に設定することです。アップロードの方法やパーミッションの設定については、配布先のアップロード方法や使用しているサーバーのＣＧＩの設定方法などに従ってください。

SSIで動きをつける

ＳＳＩもＣＧＩと同様にサーバー上で動作するプログラムです。ＣＧＩと違い、普通のＨＴＭＬファイルにコメント文形式で記述することで動作します。ＣＧＩと同様、サーバーにかかる負荷が高いこととセキュリティ上の問題からＳＳＩを禁止・制限しているサーバーも多いです。

ＳＳＩはカウンターや更新日時の表示、ヘッダーやメニューなど多数のページで共通する項目を表示することなどによく使われています。