HP改造前の基礎知識編

HP改造前の基礎知識

まずは下の文章を覚えておいて下さい。

JavaScriptについて
JavaScript は、Netscape Communications 社が開発したスクリプト言語です。この言語の特徴ですが、

プラグインが不要です。
HTML内に直接記述が出来ます。
フォームから入力したデータの処理をサーバに依存しません。
ファイルとは
パソコンのハードディスク上にある、ひとかたまりのデータやプログラムのことを言います。

ファイルは各ファイルごとに「ファイル形式」と言われるものを持っていて、各ファイルごとの役割分担をして、パソコン上で働いています。

拡張子の名称によって、そのファイルがどんな性質のファイルなのかを判断することができます。

拡張子について
ファイル名のうち、ピリオドで区切られた右側の文字列部分の（後につく英字の記号）ことを「拡張子」といいます。

通常は 3文字、4文字の記述で html、jpg、gif、css、js、cgi、mid、mp3、などが使われます。 (他にも沢山ありますけど、、、）
JavaScriptを外部ファイルにした場合の一般的な拡張子はファイル名.js が一般的です。
「～～～.js」というファイルでしたら JavaScriptファイルということですね。

JavaScript 外部ファイルとは何でしょう？

簡単に言ってしまうと、他所から JavaScript 等を呼び出す事が出来ます。
JavaScript 等の記述を別の場所に独立したファイルとして作成します。
外部ファイルは、閲覧しているページ以外の場所にファイルを保存してあります。

その外部ファイルを閲覧しているページに表示させるには、外部ファイル内にコードを記述しておき、 <script> のタグの中に src 属性を使用して、下記のような記述で外部ファイルを呼び出します。
<script src="sample.js" type="text/javascript"></script>
ようするに、別な場所にあるファイルを、見ている場所で表示（動作）させる為の手段です。
参考：管理人のブログ - JavaScript 外部ファイルって何？

Webサイト改造する前の準備

お気に入りの画像や、MIDIなどがあなたのPCに保存されていますか？？？
まず、使いたい画像や、MIDI、Javascriptソースを自分のPCに保存しましょう。
次に、これから使用したいファイル等を、表示（機能）させるために、自分の使用しているサーバーにアップロード（保存）します。
小中学生向けのHPですが、大人の方にも見て頂きたい総務省のHPです。
初心者の方がする間違えです。
<IMG SRC="C:\My Documents\GAZOU.GIF">
このような記述で画像ファイルをWebサイトに呼び出しする方を時々見受けますが、これはパソコンのプロパティ（場所）を参照し、ファイルのフルパス（住所）だと勘違いされている為です。この記述の場合、自分のパソコンから閲覧しますと表示されていますが、他の方々には、ローカル（各個人）のパスの為に画像は表示されていません。
フルパスとは、目的のURLを全て記入するコトです。フルパスとは、ファイルの住所と同じと考えれば解りやすいかな！？
たとえば物のたとえですが、あなたのWebサイトに画像ファイルをアップロードした場合、貴方の画像の住所が必ずあります。そして、各ファイルにも番地みたいな物があります。
その画像の場所（画像の住所 http://から始まるＵＲＬすべて）を指定しませんと画像がみなさんに表示されません。その他のいろいろなタイプのファイルも表示されません。
画像やMIDI、Javascript外部ファイルも必ずどこかのHP（サーバー）に保存します。

魔法のiーらんどご利用の場合

魔法のiーらんどご利用の場合、画像倉庫（魔法のiーらんどのサーバー）に、偽装拡張子 (.GIF .PNG .BMP) を使用すれば、画像や MIDI、Javascript外部ファイル等、25kb以内のファイルならば保存出来ます。
音楽ファイルの MIDI やフラッシュなどは、魔法のiーらんどの画像倉庫にアップロードしますと表示等が遅くなりがちです。（重くなるようです。）

魔法のiーらんどの画像倉庫の説明です。（引用）

25kb以内のファイルで iモード&PCはGIF J-PHONEはPNG EZはBMPのみ受け付けます。
魔法のiーらんどのHPだけの使用では HP改造に限界があります。 PC用の無料HPサービスを借りておいたほうが良いと思います。
但し、最近、画像等の外部からの呼び出し制限をしている無料HPサービスが増えています。御利用になられる無料HPサービスの規約等を確認してみてください。
ご利用になられているプロバイダーでHPスペースを用意してある事も多いので、それぞれのプロバイダーのHPで確認してみてください。
無料で借りられるHPは沢山あります。
Yahoo 検索無料HPサービス
下記のページも参照。
| よくある質問と解答集 Index | FAQ - 画像関連 |

練習

JavaScript を外部ファイルにしてみましょう。
下記１番の JavaScript スクリプトは時間帯で違うメッセージを表示させるスクリプトです。

１番

HPに直接記述するとき


<script language="JavaScript">
<!-- 
myMes = new Array(24); 
myMes[0]="こんばんは午前０時です"; 
myMes[1]="こんばんは午前１時です"; 
myMes[2]="こんばんは午前２時です"; 
myMes[3]="こんばんは午前３時です"; 
myMes[4]="こんばんは午前４時です"; 
myMes[5]="おはようございます午前５時です"; 
myMes[6]="おはようございます午前６時です"; 
myMes[7]="おはようございます午前７時です"; 
myMes[8]="おはようございます午前８時です"; 
myMes[9]="おはようございます午前９時です"; 
myMes[10]="おはようございます午前１０時です"; 
myMes[11]="おはようございます午前１１時です"; 
myMes[12]="こんにちは午後０時です"; 
myMes[13]="こんにちは午後１時です"; 
myMes[14]="こんにちは午後２時です"; 
myMes[15]="こんにちは午後３時です"; 
myMes[16]="こんにちは午後４時です"; 
myMes[17]="こんにちは午後５時です"; 
myMes[18]="こんばんは午後６時です"; 
myMes[19]="こんばんは午後７時です"; 
myMes[20]="こんばんは午後８時です"; 
myMes[21]="こんばんは午後９時です"; 
myMes[22]="こんばんは午後１０時です"; 
myMes[23]="こんばんは午後１１時です"; 
document.write(myMes[(new Date()).getHours()]); 
// -->
</script>

２番

JavaScript 外部ファイル用の記述


myMes = new Array(24); 
myMes[0]="こんばんは午前０時です"; 
myMes[1]="こんばんは午前１時です"; 
myMes[2]="こんばんは午前２時です"; 
myMes[3]="こんばんは午前３時です"; 
myMes[4]="こんばんは午前４時です"; 
myMes[5]="おはようございます午前５時です"; 
myMes[6]="おはようございます午前６時です"; 
myMes[7]="おはようございます午前７時です"; 
myMes[8]="おはようございます午前８時です"; 
myMes[9]="おはようございます午前９時です"; 
myMes[10]="おはようございます午前１０時です"; 
myMes[11]="おはようございます午前１１時です"; 
myMes[12]="こんにちは午後０時です"; 
myMes[13]="こんにちは午後１時です"; 
myMes[14]="こんにちは午後２時です"; 
myMes[15]="こんにちは午後３時です"; 
myMes[16]="こんにちは午後４時です"; 
myMes[17]="こんにちは午後５時です"; 
myMes[18]="こんばんは午後６時です"; 
myMes[19]="こんばんは午後７時です"; 
myMes[20]="こんばんは午後８時です"; 
myMes[21]="こんばんは午後９時です"; 
myMes[22]="こんばんは午後１０時です"; 
myMes[23]="こんばんは午後１１時です"; 
document.write(myMes[(new Date()).getHours()]);

１番と２番の記述の違いが解りますか？？？
外部ファイル用の記述の中には Java Script である宣言をしたり、Java Script を解釈できない Webブラウザのためにコメントしたりしません。

下記のは、JavaScript の宣言やコメント部分です。


<script language="JavaScript">
<!-- 


// -->
</script>

２番の記述をメモ帳にコピペして、名前「ファイル名」を付けてPCに保存してみましょう。
このときに名前「ファイル名」は半角英文字で記入して、拡張子を(js)などにしファイルを保存します。

魔法のiーらんどの画像倉庫にファイルを保存するときは、拡張子を(gif)にしてファイルを保存します。
PCにファイルの保存の仕方が解らない方は外部ファイルの保存方法のコーナーを見てください。
ＨＰのサーバーに上記のファイルがアップロード出来ましたら呼び出したいＨＰに下記の記述を記入すれば出来上がりです。
普通のＨＰの場合
<script src="aisatu.js" type="text/javascript"></script>

魔法のiーらんどの場合
<script src=
魔法のiーらんどの画像倉庫に保存したファイルの
フルパスをここに記入します></script>（一行書きです。）
『 script src= で指定すると、外部ファイルを呼び出します。』
ファイルをアップロードしたHP以外への他のHPへの呼び出しする場合はフルパスで呼び出します。
たとえばの例ですが　(;^_^A
<script src=http://external-file.com/ja/aisatu.js type=text/javascript></script>

何も解らない方はこちらから

何も解らない方