ホームページにカウンターを設置してみる。

ホームページを作るさいしょの練習としてカウンターを設置してみましょう。
無料アクセスカウンター」というサイトに無料でカウンターを設置できるサービスがあるので、ためしにやってみます。

1.おためしページを作る」でおためしページを作ったので、そのファイルに以下のコードを書きこんでみます。

<!--タグはここから--><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><a href="http://www.rays-counter.com/"><img src="http://www.rays-counter.com/d389_f6_225/59ca107b9da92/" alt="アクセスカウンター" border="0"></a></td></tr><tr><td align="center"><img src="http://www.rays-counter.com/images/counter_01.gif" border="0"><img src="http://www.rays-counter.com/images/counter_02.gif" border="0"><img src="http://www.rays-counter.com/images/counter_03.gif" border="0"><img src="http://www.rays-counter.com/images/counter_04.gif" border="0" ><img src="http://www.rays-counter.com/images/counter_05.gif" border="0"></td></tr></table><!--ここまで-->

何やらごちゃごちゃとした文字が上の四角い枠の中に並んでいます。
このヘンな文章を始めから終わりまでマウスでドラッグして右クリックすると、文章をまるまるコピーできます。

つぎに「おためし.html」のファイルを「右クリック」→「プログラムから開く」→「メモ帳」の順にクリックして開きます。
("メモ帳"からファイルを開くことで、ホームページを編集することができます。)

開いたおためしページの中のたとえば、


  <table border="1" cellspacing="1" width="300" height="240">
    <tr align="center">
      <td bgcolor="#f0f0f0" align="center">ここに<br>絵や写真を入れる。</td>
    </tr>
  </table>
    

と書いてある部分のちょうど</table>の下に「右クリック」→「貼り付け」で、先ほどコピーしたコードをはり付けてみます。
(ヘンな文章をはり付ける場所はほかのところでもよいのですが、ここでは上の文章のちょうど下部分にしてみます。)

アクセスカウンターの設置タグをコピーする おためし用のファイルを開く ソースコードを貼り付ける
(赤い枠内のコードをコピー → おためしページをメモ帳から開く → 上図のようにコードをはり付ける、という順になります。)

ファイルは忘れずに「上書き保存」します。
(左上にある「ファイル」から「上書き保存」を選択。)

うさぎ

それができましたら、「おためしページのファイル」をダブルクリックして開いてみましょう。
ページ内にアクセスカウンターができているのが確認されると思います。

おためしページ(カウンターを設置)

このようにホームページを作るのはそれを形作っているコードを切ったり貼ったりする作業が主になります。
やってみてもらえると分かるように、ホームページ作りは素材を組み合わせて全体のデザインを作る作業といえるかもしれません。

プログラムを一から組むような作業はじっさいには必要じゃありません。
なんとなくコードの意味を知っていれば、「切り貼り」の作業でホームページは作れてしまうのです。

また、「ホームページ作成ソフト」を手に入れればコードの知識はなくとも、十分に質の高いホームページを作成できます。
作れればよいわけですので、そういったツールについても他のページで紹介したいと思いますが、このサイトの作者である私自身はなるべくHTML(ホームページを作るためのコンピューター言語)を手書きして作っております。

プログラムとはいえ、そのほうが気持ちが伝わるような気がするからです。(笑)
キカイ嫌いのアナログ派人間の感性としてそう思っているのですが、あまり科学的な見解とはいえないでしょう。

HTMLについてべつに知らなくてもホームページは作れてしまうのですが、このサイトのテーマの一つに"アナログ感"がありまして、コードを見ながら自分でページをカスタマイズできたほうがより人間的な感性にひびくオリジナルなホームページを作れると思います。
ですので、HTMLについての最低限の必要な知識はこのサイトでも紹介させていただこうと思います。

アクセスカウンターを設置してみて、コードをいじってホームページを改変する感覚が分かってもらえたと思います。
どのような方法でサイトを作るにしろ、あとはこの"切り貼り"作業のくり返しになります。


さいしょのページに戻る
inserted by FC2 system