もうちょっと頑張ってみよう!!



ホームページが一通り作れる様になった・・・・
もう少し、皆がいろいろ楽しんでいるアクセサリーを自分のホームページにも付けて見たい・・・ だんだん、欲が出てくるものです。
私がネットサーフィンして見つけた色々なサービスや、自分なりに勉強して得た情報をこのページ では、ボチボチと追加していきたいと思います。

このコーナーの使い方も『ホームページ作成の為の部品室』とほぼ同じです。 これからご紹介する下のメニューをクリックしますとサンプル画面が表示されます。 その画面の上部の「表示(V)」を右クリックすると「ソース(C)」が選択可能となります。 「ソース(C)」を更に、右クリックするとメモ帳が表示され、そこにHTMLやJavaScript で書かれたプログラムが出てきます。その中から欲しい部分をコピーして、貴方のリストに貼りつければOKです。
また、プログラムリストの中に<!--と-->で囲まれた部分はCGIのプログラムのリスト と説明文ですので、そのままコピーして使って下さい。(ダウンロードや解凍をしなくて出来ます。)

このページでも、なるべく皆さんが簡単にその機能を利用できる様に心がけましたが、動作確認は現在は Internet Explorer 6.0 での確認しかしていませんので、ご承知ください。
その他の環境の方は動作するかしないか分かりませんので、ご自分で適当に判断してください。
また、私が紹介しているサンプルプログラム等を利用して、 もしデータの破損やハードの障害等のトラブルが発生したとしても、 私は責任をとれませんのでご自分の判断で使って下さいネ。




ちょっと高度なプログラムサンプル

いままで、HTMLという言語でホームページを作ってきました。でも、もう少し凝った動きや機能を 付けたくなりますよネ?
文字をスクロールしたり、時間帯によって挨拶文を変えたり、自分なりのカウンターを持ったりしたく なりませんか?
ここでは、難しい説明は抜きにして(私も説明に自信がないので、その方が助かります・・・)、すぐに 使える事を目的に話を進めたいと思います。
なお、これから紹介しますプログラムサンプルは、ネットサーフィンして諸先輩のご紹介している サンプルプログラムをベースにアレンジしてあります。
( 申し訳ありませんが、ゼロから作る実力がまだ無いもので・・・・(^ ^;; )

  最初に、どんな言語でプログラムを作るのか位は知っておいた方が良いと思うので、少し説明します。
また、このコーナは、私の勉強の進み具合によって少しずつ説明とサンプルプログラムを増やしていくつもりです ので、たまには覗きにきて下さい。
     
名 称説 明参 考
JavaScript HTMLと同じ様に、『はじめての人、タダでホームページを作ろう』で紹介しました、 メモ帳( Windows98の場合:)に書き込んで作ることが出来ます。 後は、コピー機能を活用してバリバリ作ってください。

また、単独のファイルとして保存して利用する方法もあります。(ファイルの拡張子が js となります。)
似たような名前に Java というものがあります。これもブラウザ側で実行し ますが、 JavaScript とは全く違ったものです。
ホームページ上でJavaで実行するアプリケーション(Applet)と言うことで、Java Appletと呼びます。 Java Scriptはメモ帳(普通のテキストエディタ,ワープロでもOK!)があればよくて、 プログラムを作るソフトは必要ありません。 一方,Java Appletはプログラム作りにソフトが必要です。(※Javaプログラミングに必要なものは、 「JDK」Java Developer's Kit 開発元のSun Maicrosystems社が無償で配布しているJAVA開発キッドがあります。)
CGI CGI も HTML や JavaScript と同じように、メモ帳に書き込んで作成します。
ただ、HTML や JavaScript とちがって、自分のパソコンですぐ動作確認できません。
動作確認が、ご自分がホームページ用として利用している、または利用しようとしているWebサーバ(プロバイダ) の条件で、いくつか設定等が違ってきます。(この辺りが、ちょっと面倒です・・・)
CGI とは、Webサーバが Perl (パールと呼びます)などの外部プログラムを呼び出し、処理させて その結果をWebサーバに返してもらう、この一連の動作のことを言います。
CGI と似たようなものに SSI というものがあります。こちらも、Webサーバ が外部プログラムを呼び出すという点では同じですが、SSI は、 HTML形式のファイルのなかに記述するという点が違います。 そのため CGI より危険性が高くなりますので、CGI はOKでも SSI は禁止しているところもあります。

※私は、まだ利用した事はありませんが、CGI を自分のパソコンで動作確認確認で出来るようにするソフトもある様です。
参考までに紹介だけしますとAN HTTP Server Home Page(中田氏のホ−ムペ−ジ) のフリ−ソフト(AN HTTPD )です。
スタイルシート
(CSS)
スタイルシートは、HTMLの体裁を整えるための新しい技術ですので、これも同じように、メモ帳に書き込んで作成します。

CSS を HTML に組み込む、つまり CSS によって記述したスタイルをHTMLに反映させる方法は、3つあります。
  • タグの中に、「style="…"」という形で記述する。
  • <head>タグの中に、<style>〜</style>で囲って記述する。
  • 単独のファイルとして保存し、<HEAD>タグの中で<LINK>タグによって呼び出す。(ファイルの拡張子が css となります。)
HTMLでは、従来<B>、<I> 、<FONT COLOR="red">といった装飾タグや、ALIGN等の位置を指定することによって、HTMLの見栄えをコントロールしてきました。しかし、このような手法は、文章の体裁指定の限界、HTMLの複雑化といった問題点があり、ちょっと難しく言えば 文書構造の明確化という 本来の機能を守るためにスタイルシートが生まれたのです。

HTMLの体裁を整えるスタイルシートには CSS(Cascading Style Sheet)が使われるのが一般的です。
<HEAD>〜</HEAD>の間に、<STYLE>タグによって設定されているので、リストを見るとすぐにわかります。

例えば、

<STYLE TYPE="text/css">
<!--
-->
</STYLE>

と、一般的に<HEAD>〜</HEAD>の間に記述します。そして、<!--   -->という、コメントを表す記載が含まれているのは、スタイルシート未使用のブラウザで、この部分がそのまま表示されてしまうことを防ぐためです。
DHTML
(Dynamic HTML)
DHTMLとJavaScript を明確に区分するのは難しいので、ここでは JavaScript として紹介しています。
JavaScript と同様、メモ帳に書き込んで作成します。
HTMLだけではで苦手とする、動的な表現や対話性を実現するために考えられたHTMLの拡張仕様です。
DHTMは、JavaScript などのスクリプト言語をより便利に使われるように考案さえれた技術で、JavaScript と連携しながら、CSS 機能でオブジェクトの位置づけなどをコントロールできます。
簡単にいえば、HTMLに、CSS や JavaScript を組み合わせて実現される機能で、新しい言語ではありません。

【ご注意】
以下のメール送信に関するサンプルで、“mailto”タグを使った場合に Windows XP においてマイクロソフトより『 送信するメールへの設定が適用されない現象 』が案内されています。
詳細については、Microsoft サポートオンライン mailto: を使用した送信するメールへの設定が適用されない を参照ください。

僕の確認では、少なくとも Windows XP + IE6( Outlook Expressの場合 )では送信処理を行っても「新規作成画面」が開きますが、メールフォームの内容が反映されません。


・・・・・

【 JavaScript編 】..⇒...単独ファイルの作り方と設置方法

 ≫ 訪問者へのサービス    ≫ カレンダー・時計    ≫ メッセージ    ≫ リンク    ≫ ウィンドウ    ≫ テーブル    ≫ ステータスバー    ≫ マウス    ≫ 背景    ≫ 画面    ≫ 画像    ≫ 文字    ≫ 印刷    ≫ BGM    ≫ ムービー    ≫ アラート    ≫ フォーム    ≫ その他  
※ 参考:JavaScriptを記入する場所と方法

・・・・・

【 CGI編 】  

・・・・・

【 スタイルシート編 】  

・・・・・

【 その他の小技 】  

※未熟な私にとって、CGIを動かすまでには大変苦労しました。(^ ^;
  JavaScriptは、解からないなりにでもなんとか短時間のうちに動作が確認できたのですが・・・
  そこで、CGIを動かすまでの注意点をいくつか紹介しますので、皆さんも頑張って挑戦してください。
  注意点を見る方ここをクリックしてください!!F





人のフンドシで頑張る

このコーナでは、いろいろ頑張っても所詮素人・・・自分の趣味には合わない所もあるけど、 簡単で確実にそれなりの機能が使えればイイヤ!しかも、タダで・・・という人向けかな?
でも、素人では及びもつかない良いものがイッパイあるよ。もしかしたら、貴方のセンスよりいいかも・・・・

リンクするだけの、タダのサービス  

ホームページ作成の為の、タダの便利ツールソフト  

より効果を生むサービス  
 
※出典及び参考とさせて頂いたサイトは、次の方々です。 どうも、ありがとうございました。m(_ _)m
JavaScript basic samplesFunny Java Script!あの良寛MyTools.NETKurt's DHTML


★トップに戻る!!