前の頁に戻る 次の頁に進む 遊び部屋 M.Kent&トマトTOP

ホームページ作りで遊ぶ(7)


12.CGIを利用する

CGIと言っても ここではホームページを作る時に欲しくなる物の代表格である

@アクセスカウンタ   A掲示板   Bチャット

の3つの取付け方について@niftyの@homepage会員の方が使用する場合の方法を説明します。
@niftyの会員以外の方m(。−_−。)mス・スイマセーン。
他の所からCGIを借りる場合にも参考になる部分があると思って許してください。

12.1−アクセスカウンターの取り付け方法

1)まずは下記URLをクリックして「アクセスカウンター設定/変更」で初期値設定を
  行います。
  カウンターを0(ゼロ)から始める時は  0   と入れればOKです。

http://homepage.nifty.com/counter/index.htm

2)カウンターを設置する場所を決める

0 0 0 0 0 1
 
こんにちは♪
0 0 0 0 0 1
 

 

ホームページを表示させた時のTopページのイメージ

FrontPageExpress等のEditorで見た時のTopページのイメージも殆ど同じ感じの為、非常に簡単に作成出来ますね。

これをメニューバーから表示(V)−HTML(H)をクリックするとの画面が現れるので“アクセスカウンター設置タグ
(注記1)を入れる。
アクセスカウンター等のCGIを使用する場合には、HTML言語のタグを埋め込む形をとるので画面のソース=HTML言語を表示させて編集する事になります。
HTMLの表示と編集
<html>

<
head>
<
meta http-equiv="Content-Type"
content="
text/html;charset=x-sjis">
<
meta name="GANERATOR"content="MicrosoftFrontPageExpress2.0">
<
title>ホームページ←(※indexの名称)</title>
<
/head>
<
body bgcolor="#FFFFFF">
<
p align="left"> ※1) </p>
<
p align="center><marquee scrolldelay="125" width="90%">こんにちは♪</marquee></p>
<
div align="center"><center>

<
table border="2" cellpadding="5" width="70%">
<
tr>
<
td width="50%">※2) </td>
<
td width="50%"> </td>
</tr>
<tr>
<
td width="50%"> </td>
<
td width="50%"> </td>
</tr>
<
/table>
<
/center></div>
<
/body>
<
/html>

左の画面は上の画面を
“HTMLの表示と編集”で見た時の
ソース(HTML言語)の内容です。
表示される内容は使用するEditor
等により多少異なると思いますが
大体こんな感じで表示されると思います。

_________
  ↑
マーキー(スクロール文字)の部分
_____↓__
_________
  ↑




表の部分




_____↓__

下のタグをアクセスカウンターの表示させたい場所に追加します。
※1)⇒ページの左上にカウンタを表示させる場合のタグ追加場所
2)⇒表の上の左のセルにカウンタを表示させる場合のタグ追加場所

@nifty等のカウンタ設置用タグを挿入する
(以下の内容は上記の@homepegeのアクセスカウンターの設置方法から引用してます。)
詳しくは上記URLにて確認願います。
他のホーページなどからアクセスカウンターをリンクして使用する場合にも同様の方法で使用出来る物も
ありますので、気に入ったものを探して見る事も楽しいと思います。


@homepageのアクセスカウンターを利用する

@homepageのアクセスカウンター設置用タグ

<img src="http://hpcounter.nifty.com/cgi-bin/counter.cgi?u=ABC12345&p=3&c=5">

@niftyIDが 「ABC12345」の方で、カウンタの画像 タイプ3を選択、 5桁の表示を する場合の記述例。
@niftyIDは、アット・ホームページでURLを登録した際のID。

u=以下の各項目は"&"でつないで記述します。
hpcounter ※必須項目

部分には数字が入ります。
アット・ホームページで登録したURL(http://homepage?.nifty.com/*****/)の?部分と同じ数字を入力してください。
u= ※必須項目

アット・ホームページを利用申し込みされた@niftyID(英数半角大文字)を入れてください。(FTPアカウントではありません)
・p=  アクセスカウンターに使用する数字タイプの指定です。
    1から30まで有効です。指定しない場合タイプ1になります。

・c=  アクセスカウンターの桁数指定で1から8まで有効です。 指定しない場合8桁になり ます。


   

  |---ホームページ作りで遊ぶ
  |   事前準備と注意事項
  |---
1.FrontPage Expressに関して
  |---
2.FrontPage Expressの起動
  |    
(簡単圧縮・解凍ソフト紹介)
  |---
3.新規作成−文字を書く
  |---
4.表を挿入する
  |---
5.背景を入れる
  |---
6.画像を入れる
  |---
7.音楽を入れる
  |---
8.保管する 
  |---
9.プレビュー
  |---
10.保管したページを編集(修正)
  |---
11.リンクを貼る
  |---
12.CGIを利用する
  |     
アクセスカウンタを設置する
  |     
掲示板を設置する
  |     
チャットを設置する
  |---
13.HOMEPAGEの登録
  |---
14.HPをUPする(FFFTP)
  |---
15.素材のHP紹介
  |---
16.HPを飾るテクニック

作成日;2000年3月13日

最終更新日;01/01/04 22:42