カウンタクラス作成
カウンタ継承クラスファイル動作確認
カウンタ継承クラスファイルの動作確認をするには、直接レンタルサ－バにあげるか、XAMPP を利用します。
通常はまずは XAMPP で確認します。
XAMPPがインスト－ルされていない場合は、Move Imageに戻り、左サイドナビ｢動くアニメ－ション作成｣の中の
｢PHP を始める準備｣
を参照して、XAMPP をインスト－ルしてください。
カウンタ継承クラスファイル作成
動作確認をしていきます。
あらかじめ、フォルダの例として
C:\xampp\htdocs\cnt\class
C:\xampp\htdocs\cnt\count
C:\xampp\htdocs\cnt\img
を作成しておきます。
XAMPP がインスト－ルされていれば、
C:\xampp\htdocs
のフォルダはあるはずです。
ここからは TeraPad をエディタとして使用することを前提に説明していきます。
TeraPad に関しては、Move Imageに戻り、左サイドナビ｢動くアニメ－ション作成｣のなかの
｢動くサイトを始める準備｣
を参照してください。
TeraPadを起動して「表示(V)」を開いて「オプション(O)」をクリックしてください。
オプション画面が開いたら「文字コ－ド」タプをクリックして下記のようになっていること
を確認し［OK］をクリックします。
次に、Move Imageに戻り、左サイドナビ｢カウンタクラス作成｣の中の
カウンタ継承クラス作成 PHP ファイル
を画面に表示させておき、
ファイル名の count_3.php 部分より上部を除き、
<?php 以下をすべてコピ－します。
既に開いている TeraPad のなかに今コピ－した内容を貼付けます。
「ファイル(F)」から「名前を付けて保存ファイル(A)」をクリックし
「ファイル名(N)」は、count_3
「ファイルの種類(T)」は、php ファイル(*.php)
とし、あらかじめ作成しておいたフォルダ
C:\xampp\htdocs\cnt\class
に保存します。
これで、count_3.php の作成は完了です。
イメ－ジカウンタファイル作成
カウンタ継承クラスファイルは単独では動作確認はできませんので、確認するための
イメ－ジカウンタファイルを作成します。
Move Imageに戻り、左サイドナビ｢カウンタクラス作成｣の中の
イメ－ジカウンタ作成 PHP ファイル
を画面に表示させておき、
ファイル名の count_img.php 部分より上部を除き、
<?php 以下をすべてコピ－します。
既に開いている TeraPad のなかに今コピ－した内容を貼付けます。
「ファイル(F)」から「名前を付けて保存ファイル(A)」をクリックし
「ファイル名(N)」は、count_img
「ファイルの種類(T)」は、php ファイル(*.php)
とし、あらかじめ作成しておいたフォルダ
C:\xampp\htdocs\cnt
に保存します。
これで、count_img.php の作成は完了です。
イメ－ジカウンタ用数字画像の作成
カウンタ継承クラスではカウンタ表示を数字画像で行いますので、0～9 の数字イメ－ジ画像が必要です。
本来は自分で作成する所ですが、一般的なものを用意しています。
作成するといっても、ZIP ファイル１個をただダウンロ－ドするだけです。
IMG 0～9 ファイルダウンロ－ド
をクリックし、一旦保存し必ず解凍してから、0.jpg～9.jpg ファイルを
C:\xampp\htdocs\cnt\img
に保存してください。
これで、C:\xampp\htdocs\cnt\img\0.jpg～9.jpg の作成は完了です。
カウンタ値保存ファイル作成
カウンタ値保存 txt ファイルを作成します。
作成するといっても、空ファイル c_img.txt を
C:\xampp\htdocs\cnt\count
に保存してください。
これで、C:\xampp\htdocs\cnt\count\c_img.txt の作成は完了です。
イメ－ジカウンタファイルサンプル表示
ここに、作成したシンプルカウンタファイルがどのように動くかカウンタ値をサンプル表示します。
再表示してみましょう。
カウンタ値が＋１されますよね。
ブラウザでイメ－ジカウンタファイル動作確認
作成したファイル確認を表示します。
IEで見ることを前提に説明します。
まず、xamppを起動します。
XAMPP Control Panelが開いたら、Apache Start ボタン、下記、赤丸のところをクリックして
Apacheを起動します。
起動すると、Start ボタンが Stop に変わります。
次に、IEを起動しアドレスバ－に、
http://localhost/cnt/count_img.php
と記入し、Enterキ－を押します。
カウンタ値表示されたら確認完了です。
再表示してみましょう。
カウンタ値が＋１されたら OK です。
もし、Internet Explorer の他にもブラウザがインスト－ルされているなら、
Mozilla Firefox 、Google Chrome、Opera でも動くことを確認しましょう。
カウンタ継承クラスファイル作成に戻る